Thread: A 'More Information' / 'Details' Pop-up!!!

Hi there,

I would like to know the following (step by step how to do it though);

I want to create a small pop up box that will open when my customer selects "more info" etc on one of my products.

I want to put another graphic and more info about the product within this pop up box.

I also want the customer to be able to close the box and still be on the same product page.

Can you help?

Again, I need step by step / simple instruction on how to do this as I am a complete novice at this game!!!

Thanks,
Ad
adamsposters.com

Hi Ad,

POP-UP window:
1. Type the required text.
2. Highlight the text.
3. Click the Link button.

Steps 4 to 9 are from General Navaldesign. I have just put it in steps for you.
4. In the URL field, type the following:
"#" onClick="window.open('http://www.yoursite.com/yourpage.html', '','scrollbars=1,width=300,height=200,left=150,top=250'); return false;"

5. Change the page name and the size to suit your neeeds-
6. Specify the position of the pop-up on the screen. You need to experiment with the vulues.
7. If you are using Bluevoda, eliminate the first quote " of the code because itwill be automatically added by Bluevoda itself. So the code will be like:
#" onClick="window.open('http://www.yoursite.com/yourpage.html', '','scrollbars=1,width=300,height=200,left=150,top=250'); return false;"8. Change the values for left, top, width and height as you need.
9. If you do not want a scrollbar, deletete the part 'scrollbars=1',
10. Click the OK button.

(Here is the original thread about the pop-up. Click)

The CLOSE Button:
In BV,
1. click the Button button (on the Forms feed toolbar) usually top of window. The Normal button, not the Advance button.
2. Double-click the button.
3. Give it a name and Value (e.g. Back or Close).
4. Click the Normal radial button.
5. Open the Events tab.
6. Click the Add button.
7. Select the Event as OnClick.
8. From the Action drop-down, select Java Function.
9. From Javascript drop-down, select history.back(); or window.close();
depending on what you want to do.

Hi Tom,

You're great!!!

So do I do this on a NEW page (Im using BlueVoda)?

Thanks,
Ad

Hi Ad.
Sorry for not mentioning that in previous post, but yes, you create a new page for the pop-up and make it the size you want.
It is then important to specify this pop-up size in the URL filed as described in step 7. (This is of course the link on the page you are opening the pop-up from).

OK Tom,

That is great !!!

Thank you very much - you have helped me LOADS so far !!!!!

Speak to you soon - when Ive got the hang of it etc !!!

Ad