Dreamweaver tutorial: Adding a Javascript pop-up box




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”

  1. 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.

  2. 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?

  3. 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 🙂

  4. 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!

  5. 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.

  6. 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?

  7. 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..

  8. 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)

Leave a Reply