In this tutorial I will show you how to add a Javascript Pop-up box to your website.
In this tutorial I’m using ThickBox 3.1
http://jquery.com/demo/thickbox/
Download files here:
http://www.robswebtips.com/tutorials/popup.zip
Visit the websites at:
http://www.robswebtips.com/blog
http://www.actionscriptgoldmine.com
http://www.ultimatetrafficebook.com
Twitter me:
http://www.twitter.com/robswebtips
Frequently asked questions:
Q: Will this work on free websites? (webs,ucoz etc..?)
A: I’m not sure
Q: Where do I get the codes?
A: Visit http://jquery.com/demo/thickbox/#examples
Q: What happens if I rename the “JS” folder?
A: You will have to edit the folders to redirect to the newest one
Original source
32 responses to “Dreamweaver tutorial: Adding a Javascript pop-up box”
So I'm doing a huge project and I saw that what you have shown in this video would be very helpful. However when I click on the download link it says, "403 Forbidden" and underneath that it says, "nginx". Even the Website you linked us no longer exist and gives a similar message that the download link does. If you could update the description link, by attaching those files mentioned in the video and upload them to Microsoft OneDrive. Then send us a link to download it from there. It would be greatly Appreciated.
I tried f't following your links but they no longer work. Any chance that you can check them and re-post a accurate link? I went t jquery.com but couldn't find "thickbox" anywhere.
it works for me but when i m using it on a php page that aleredy has some java script on it, it dosent works….so is useless for my page because i have a lot of js on it but i would like to add this popup box. Can i do it without js errors?
Dude please update this!!! I really need this like now. PLEASSSE.
none of the links work
Hey dude i know this video's freaking old but could you please help me out with the free files related to this, your site to download them doesn't exist
where to find thickbox
I find it highly ironic that one can be so affluent in HTML and JAVA and yet still completely ignore his own English misgivings… thank you so kindly for "takin' da 'nitiative" as you put it.
Cant find one GOD DAMN TUTORIAL ON THIS FUCKING SHIT THAT WORKS!
1. How do you make a sliding up footer bar with text and clickable buttons?
2. How do you make it appear for 10 seconds and then slide down and disapear after?
3. How do you make it so it only appears for new visitors to the site?
Can you link me to a article or tutorial? Thanks 🙂
could you show me how to make a photo album. Thank you
let me try that.. could you give me the link to nirikip[at]hotmail.com
it's nice but can't download files links are not working can you plzz upload again ??? cheers
Hey, question… (first of all, I'm something of a Dreamweaver novice, but I'm getting by alright with a basic "map" of my website).
So I want to use this JavaScript, but I'm a) afraid of the complex code/not sure where to manipulate it, and b) I am trying to make a hotspot on an image produce the pop-up image with JS when it's clicked.
What do I do in this case? Your video was helpful, but I am somewhat slow and also I didn't catch any mention of hot spots. Thank you!
Do pop up blockers stop it from appearing
Hey! Very good online tutorial.
I have a problem. I have followed all the instructions to install Thickbox, but the loading for a group of images takes too long and the images do not appear after 1 minute. Why is that?
There is no problem in loading a single image and inline contents.
awesome stuff, it helped me alot so thanks!
It doesnt work on Google Chrome, but it does on IE8
@patyuriostegui
hi
did you find a way to fix it…i have the same problem
thanks
hey this is lookin so easy but, im lost right now. first of all u didnt show how u text links to the pop up itself, and whers the pop up file?
very confusing. could u start from the scratch.?
i really need to know how to create pop up images on click, just like those u have on ur website "a slideshow"
do u have video about that?
so how do u link this to ur website?
hi
thanks for a wonderful video…I have used it and it works..i also want the image group..you have showed only single image pop up..Kinndly post a video for image group..Bcas i tried it..its not workin..kindly post the video..bye..
i am creating a new contact form on my site, is it possible to have this thickbox appear after the user clicks the submit button?
thank you for this. I am looking for a tutorial in how to use "anythingzoomer" with dreamweaver. I am not good with java script so it is a little confussing.
YES MORE DREAMWEAVER TUT'S
actually, i couldnt do it with this one (it showed the code of the flash game instead of running the application) so i just used something else and it worked
is it possible to do this to display a Flash game?I'm making a gaming site and i have over 300 games, i dont want to create individaul pages for each and every one of them so its this method applicable?
i think i have it sorted out now.
Thanks for the reply, and the link to jquery! that is a brilliant resource
i have watched this video several times, it still doesnt work for me, but it must be me, others seem to understand it
awesome work man! realy helped me
How to do the thickbox ajax content? — eg. When you clik on a link, thickbox open up, iside is embed video from youtube and down is link called "description" and when you click on it, you can scroll your thick box and under video is going to be this "decsription"??!!! Can you please help me with this.???? (sorry for my bad english)
It'd be great having more tutorials. Thanks, you're very helpful.