logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > Javascript and JS frameworks
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-05-2012, 06:10 AM   #1
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default Add Background Dimming to existing script

Hey guys,
I want to dim the background on load of a form. Oughta be simple and probably is but I've been playing with it all night & keep getting odd results. I've gone ahead & loaded the page, so viewable at
www.johnmossdesigns.com

Please disregard non-related discrepancies, site is under construction & no hurry on it .

1) Click the 'contact' link. Again, disregard appearance & placement, zeroing in on the dimming issue first.
2) Note the form pops up.
3) I simply want the background to smoothly fade to .7 or so & return after closing.

I've come close but no cigar just yet.

Thanx!
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-05-2012, 02:07 PM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Hey John, I don't think you can dimm the background unless you add a black or any other colored transparent overlay ala lightbox on load of the form and remove it when you close the form.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-05-2012, 03:40 PM   #3
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Thats another way of doing it and I found a script that worked, cept it was all CSS based & hence no easing... This is one of those things where by now I should be more fluent in js... Using any jquery 1.6 & up, I can't help but suspect adding one more function to call this action should work. I got pretty close last night... If no one here knows how to do it, I'll keep digging. I'm trying to avoid lightbox if i can...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-05-2012, 04:09 PM   #4
mangofreak
mangofreak's Avatar
 
Join Date: Jan 2006
Location: Toronto-Canada
Posts: 444
Default

lightbox is preety nice to use or any variation of it - However, I have to say...replace your background photo with your avatar - you look scary The avatar - Friendly!

Sorry - I am a very sensitive T-rex
__________________
J.
DW | FW | HTML | CSS | ASP | some PHP | Windows | Ubuntu
mangofreak is offline   Reply With Quote
Old 09-05-2012, 04:18 PM   #5
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

I'm not suggesting to use lightbox, but we can do something like an overlay ala lightbox It's not much js and css code to add to do this.
We both still share a folder 'site' on dropbox... just place all your files in a sub directory and I will have a try tonight.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-05-2012, 04:36 PM   #6
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Quote:
Originally Posted by mangofreak View Post
You look scary
Lol... I asked the girls, they said they liked it... Thought about using the original too... going for that Norton I'm all like serious & s___ look...

Guess I was tired last night... Forgot all about simple modal... duh... does exactly what I want, just a simple additional build out...

http://www.queness.com/post/77/simpl...indow-tutorial
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-05-2012, 04:40 PM   #7
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

G, thanks for thought btw...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-07-2012, 06:12 PM   #8
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Quote:
Originally Posted by gentleone View Post
Hey John, I don't think you can dimm the background unless you add a black or any other colored transparent overlay ala lightbox on load of the form and remove it when you close the form.
I pulled it off after all. I have to admit playing with merging these two scripts has been full-on fun. Validation & action remain now, but thats the easy part.
I've also been experimenting with fluidity on this page & all works well until one opens in a browser with a lot of toolbars. Different elements seem to react differently; i.e. it appears one element will interpret screen percentage differently than others.
I have some reading to do...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:59 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com