Re: [newtech-1] Simple CSS overlay/popup (question)

From: Jonathan J.
Sent on: Monday, February 4, 2013 7:28 PM
Look at JqueryUI or Jquery-Kit. There are numerous other frameworks. In Jquery the addClass and removeClass functions will help with the CSS effects. Of course, you can also use DoJo or MooTools or Ext. 

On Monday, February 4, 2013, Aric Ganth wrote:
Hey I got a really simple question (thought quite confusing to me). Its technical but I figured it would be no problem for alot of the guys (and girls) on here so please bear with me and I would appreciate so so much any help that I am able to get. Thanks in advance.

I'm going to try to explain it in as few words as possible so that I'm not wasting anyone's time on unnecessary info...basically, I have a site I'm working on. I just completed the front end and am in the middle of taking that photoshop psd and making it a live functional site. But where I'm really struggling is trying to make this popup work. I've been fiddling around with the CSS and JavaScript functions like onclick but I'm just completely clueless as to how to get this kind of thing functional. The last time I wanted a popup literally opening a new browser window was necessary. 

So basically all the slices (for these purposes) are one column vertically. The centre most (vertically centre) slice contains the content. Its background has like a drop shadow as an effect and 4 rows of 3 buttons each, that when clicked, should then open a "popup" that has totally different content, blanks out everything in the slice below it (well, in td cell that uses the slice as a background) and then overlays a modified copy of the same content background image with some nice inner shadow and stuff to make it look like it pops out of the same previously flat bg image...it really doesn't necessitate anything fancy, just a change of bg, content, disappearance of all the menu buttons below it...I'm almost entirely sure this is achievable with some conceivably simple JavaScript and CSS but I'm embarrassed to stay I'm struggling with it at the moment...ideas?? 

Much appreciated and thanks in advance. This was about the only place I thought I should ask...its funny...its supposes to be an entirely new age of self-learning, and using the tools that the Information Age has brought us as efficiently and in as self-directed a way as possible to the ends of our own work and knowledge. But I'm pretty sure from the 2 hrs I spent trying to just Google the solution here that we've got some way to go with those tools still

Aric

Sent from my iPhone

AHG.   
(917)[masked]

Never mistake a clear view for a short distance.




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Aric Ganth ([address removed]) from NY Tech Meetup.
To learn more about Aric Ganth, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, POB 4668 #37895 NY NY USA 10163 | [address removed]


--


Jonathan Jaffe | Founding Owner
www.its-your-internet.com 
business on cloud2020

7050 Austin Street | Suite 118UL | Forest Hills, NY 11375 |[masked]

Check out my new Meetup to help Internet companies Building Revenue
Organizer: 
http://www.meetup.com/Build-Revenue-in-Silicon-City-BRiSC/ 



On Twitter: @jkjaffe
On LinkedIn: http://www.linkedin.com/in/jonathankjaffe
On Facebook: @jkjaffe
On Quora: 
http://www.quora.com/Jonathan-Jaffe-1


Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy