Jump to content



Welcome to AstaHost - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!

Toggle shoutbox Shoutbox Open the Shoutbox in a popup

@  agyat : (24 May 2013 - 05:15 PM) O Dear, Where Are You? Without Your Words This Sb Is ..
@  agyat : (23 May 2013 - 01:23 AM) Wow! Mr. Sb Back Home.
@  OpaQue : (23 May 2013 - 12:44 AM) Ting
@  OpaQue : (24 April 2013 - 02:44 PM) I guess, Time to run Mycent script.
@  OpaQue : (24 April 2013 - 02:43 PM) wow.. not much spam. except habatt posting lot of links.. :P
@  yordan : (23 April 2013 - 01:04 PM) You're welcome, agyat. Nice to have been helpful. Second lesson: try full words, "you" instead of "EW".
@  agyat : (23 April 2013 - 05:03 AM) @YORDAN: tHANK EW FOR YOUR FIRST LESSON.   :D
@  yordan : (22 April 2013 - 09:43 PM) @agyat : "why don't you help me", or "please help me", or "please teach us"
@  yordan : (22 April 2013 - 09:42 PM) welcome back, velma
@  velma : (22 April 2013 - 07:51 AM) **yawns** Good to be back, wonder what is going on here :)
@  agyat : (22 April 2013 - 03:50 AM) Oh! so, why don't help me learn english..
@  yordan : (21 April 2013 - 08:38 PM) The goal mentioned by shiu : "learning english, learning computer"
@  agyat : (21 April 2013 - 06:31 PM) WHAT GOAL?
@  yordan : (20 April 2013 - 10:39 AM) yes, that's our goal. simultaneouly learning English and teaching/learning computer using.
@  shiyu : (20 April 2013 - 07:30 AM) learning english,learning computer
@  yordan : (19 April 2013 - 01:11 PM) Oh, I see, it's just a trick in order to force people looking at your texte. Somehow smart, maybe.
@  agyat : (19 April 2013 - 02:54 AM) And of course I know it is not SEO friendly.
@  agyat : (19 April 2013 - 02:52 AM) There may be two possible answers for that ....


1) Shout was posted using mobile keypad.

2) To force people read content carefully and/or with more concentration.
@  agyat : (19 April 2013 - 02:49 AM) There may be two possible answers for that ....
@  yordan : (18 April 2013 - 09:35 PM) however, why this mixing of capital letters in the middle of your text?

Replying to How To Get Menus Where Clikcing On A Link Opens A New Box, Instead Of A Page


Post Options

    • Can't make it out? Click here to generate a new image

  or Cancel


Topic Summary

Ahsaniqbal111

Posted 13 January 2012 - 01:31 PM

I am trying to create a menu system where when a user clicks on a link, instead of directing to another page, a new div opens containing further information and links in it, which then direct to other pages. In more traditional types of menus, a simple hover over a link would open a list of menus but there I have two distinct issues.
FIrst of all, I don't need just a list of links. I need a box (a div) that can be styled and that can have simple text in it. It could contain images, and other links. It should scroll along the page, and not as a separate entity (I don't want it to look like a spammy promotion where everything except the box darkens).
Second, I need it to respond to the clikc and not to the hover. I need it to open only when a user clicks on a link. Furthermore, a small close button on the box itself, that closes it will aslo be helpful.
Is there someway I can do it. Will I have to use Javascript. I don't know where to start?
To elaborate things a little, I must tell that I am using a wordpress based website so if there is any plugin available for this purpose, it would make the job really easy.

I have seen examples of such link systems and I definitely know that it is possible. One good example is Phonearena.com. When you go to their website, at the top of the content there is a navigation bar. When you click on the "Mobiles" or "tablets" link, instead of being carried to another page, you will see that a sort of box appears that contains further links and information in it. There are images in the box and there are links that carry the user to other pages. The box doesn't contain any close button but when you clikc anywhere outside the box, it just disappears. A very fine system indeed.

An interesting thing is that when you hover over the "mobiles" link, at the bottom of your browser, the target of the link appears to be a different page but when you click on the link, instead of going to a different page, you get further information on the same page. I really liked that system and I am planning a good use of it on my website, but I don't know how to replicate it.
I hope it won't be illegal..... LOL

Review the complete topic (launches new window)