I don't know javascript well at all, I have not studied it, yet. I am writing a webpage for a small business, I know HTML and CSS reasonably well.
My question; is what code can I use, (presumably some java script) so that when I click a bit of text (inside a ul tag) a semi-transparent/black box (*) with rounded edges appears inside the tab (not a new window) that will display some text. It should have a close button too.
In this case, under the menu: Contact Us, I have:
Email
Phone
Postal Address.
I'm aiming to get them all to be clickable and, without changing to a new page, display the email/phone/address.
Any help/tips/ments are much appreciated ;) If you aren't sure what I mean, I can create a mockup in GIMP ;)
()I'm sought of aiming at a similar appearance to the background of the notification menu in android 4.1+(/)
I don't know javascript well at all, I have not studied it, yet. I am writing a webpage for a small business, I know HTML and CSS reasonably well.
My question; is what code can I use, (presumably some java script) so that when I click a bit of text (inside a ul tag) a semi-transparent/black box (*) with rounded edges appears inside the tab (not a new window) that will display some text. It should have a close button too.
In this case, under the menu: Contact Us, I have:
Email
Phone
Postal Address.
I'm aiming to get them all to be clickable and, without changing to a new page, display the email/phone/address.
Any help/tips/ments are much appreciated ;) If you aren't sure what I mean, I can create a mockup in GIMP ;)
()I'm sought of aiming at a similar appearance to the background of the notification menu in android 4.1+(/)
Share Improve this question edited Apr 10, 2013 at 16:56 Sachin 41k7 gold badges92 silver badges106 bronze badges asked Apr 10, 2013 at 16:49 Fallon9111Fallon9111 212 silver badges5 bronze badges 4- Are you using any libraries? – epascarello Commented Apr 10, 2013 at 16:52
- Well formatted question. Unfortunately, it's a question that will likely be closed. I suggest taking a look at the FAQ's. – James Hill Commented Apr 10, 2013 at 16:53
- javascripttoolbox./lib/popup/example.php – PitaJ Commented Apr 10, 2013 at 16:53
- Use jQuery and colorbox. It would be the fastest, least painful way to achieve this: jacklmoore./colorbox – Kai Qing Commented Apr 10, 2013 at 17:07
2 Answers
Reset to default 2JQuery overlay. Or use my code.
http://jsfiddle/sGeVT/10/
So if you look into JQuery they have this function already built in. Then you could edit the CSS and use RGBA and opacity to make it transparent