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

Category:

Education

Tags:

• dreamweaver
• tutorial
• adding
• javascript
• pop
• up
• box
• thickbox
• 3.1

[Jimbest2009]

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?

[weeeeeeee186]

Yes.

[locdown120]

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?

[weeeeeeee186]

Yes it is

[pidge702]

ok so im done editing and the pop up came out how i wanted it but dont understand how to upload it

im using a ucoz website

do i upload all the files like index.html images folder and js folder

please help

great vid btw

[weeeeeeee186]

If your using Ucoz I'm not sure you will be allowed to do this. But try uploading the files to your root directory VIA FTP

[smaarkmedia]

Your tutorial was very awesome.The link for downloading the files is not working kindly send me the alternative link @ smaarkmedia@gmail.com

[xmachineoo7]

it's nice but can't download files links are not working can you plzz upload again ??? cheers

[nohelydj]

does it work for videos too? the web designer I used to have did it on one of the sights but when i copied and pasted the codes she used on the other page it opened a new window. any suggestions? i really need to have the video up asap.

[gied06]

Hi Man i could not download the popup.zip file plz help!

[elbarto3004109]

This man is obviously chocolate, or caramel xD

[sysfilm]

thnx man..........its work!....u r great :D

[jamequa07]

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!

[stevemonkey78]

Do pop up blockers stop it from appearing

[netman2988]

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.

[trezapook]

Great video, thanks !