Solved

i want to create a modal box

Posted on 2008-10-06
12
955 Views
Last Modified: 2013-11-19
I trying  to create the popup with the light box effect ... but i am new in javascript i dont not understand the  hard core javascript code can u guys help me in this ...

I just want to open my div with the effect of background fade just like lightbox

plz Excuse  me for my english

thanks in advance
0
Comment
Question by:Manish09
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 5
12 Comments
 
LVL 6

Expert Comment

by:trickyidiot
ID: 22649841
http://www.huddletogether.com/projects/lightbox2/

Download & follow the instructions - all the work is already done for you.
0
 
LVL 36

Accepted Solution

by:
Loganathan Natarajan earned 250 total points
ID: 22651408
0
 
LVL 1

Author Closing Comment

by:Manish09
ID: 31503385
Thank you so much ! I think this the simple and the easily usable..  

But need to use this on the multiple pages it will work or i need to add some more script

thanks for ur help
0
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

 
LVL 1

Author Comment

by:Manish09
ID: 22652139
Hi trickyidiot

Thanks for ur help too .. sry for replying  like this i was little confused how to reply directly on ur comment  

i was looking for the simple way boz i already tried form the site which u refer

any how i got it


thanks both of u ...
0
 
LVL 36

Expert Comment

by:Loganathan Natarajan
ID: 22652354
sorry, i never tried this, any how let me use and reply to u
0
 
LVL 1

Author Comment

by:Manish09
ID: 22656759
hi logudotcom:

the solution u provided works great in IE7 and in mozilla but is not working in IE6 .. plz helpppppppp... need this on urgent basis ...

waiting 4 ur reply.
0
 
LVL 36

Expert Comment

by:Loganathan Natarajan
ID: 22656894
it suppose to work on IE 6.x and + ... for me it works perfect, see the attachment,

scrol.JPG
0
 
LVL 1

Author Comment

by:Manish09
ID: 22656909
hi logudotcom:

may be u ans for the some one else question mine is for the lightbox one ... plz read the ques again
is not working in IE6 .. plz helpppppppp... need this on urgent basis ...

waiting 4 ur reply
0
 
LVL 36

Expert Comment

by:Loganathan Natarajan
ID: 22660579
sorry for the late reply,
did you download this and tried?

 http://blog.feedmarker.com/wp-content/uploads/2006/02/lightbox.zip

it works well to me, see the attachments

ee.JPG
0
 
LVL 1

Author Comment

by:Manish09
ID: 22684829
hi logudotcom:

I  am using the same download but is not working see ur attach file the overlay div is not covering the page in IE6 it is showing on the top   .. plz helpppppppp... need this on urgent basis ...

waiting 4 ur reply
0
 
LVL 36

Expert Comment

by:Loganathan Natarajan
ID: 22701158
mmm, not sure, again you see the attachment , it looks very clear...

ee2.JPG
0
 
LVL 1

Author Comment

by:Manish09
ID: 22701883
yes in this attachment u can see that ....that black bar is not covering the whole page to give the light box effect
0

Featured Post

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question