Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > BlueVoda Website Builder Forums > Adding Elements To Your Website

Notices

Adding Elements To Your Website Discussions, help & troubleshooting about adding templates, backgrounds, images, text, iframes, scroll bars, marquees, flash, video, music, HTML Code, shapes, lines, java scripts, and all other elements. Etc… etc…

Reply
 
LinkBack Thread Tools
  #1  
Old 02-04-2008, 06:52 PM
First Sergeant
 
Join Date: Jan 2008
Posts: 83
Default 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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old 02-04-2008, 08:41 PM
Tom vR's Avatar
Brigadier General
 
Join Date: Apr 2007
Location: Centurion, South Africa
Posts: 1,579
Default Re: A 'More Information' / 'Details' Pop-up!!!

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.
__________________
Bless you
Tom

www.frequentproperties.co.za
www.renkalec.co.za
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old 02-04-2008, 08:58 PM
First Sergeant
 
Join Date: Jan 2008
Posts: 83
Default Re: A 'More Information' / 'Details' Pop-up!!!

Hi Tom,

You're great!!!

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

Thanks,
Ad
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old 02-04-2008, 09:03 PM
Tom vR's Avatar
Brigadier General
 
Join Date: Apr 2007
Location: Centurion, South Africa
Posts: 1,579
Default Re: A 'More Information' / 'Details' Pop-up!!!

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).
__________________
Bless you
Tom

www.frequentproperties.co.za
www.renkalec.co.za
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old 02-04-2008, 09:08 PM
First Sergeant
 
Join Date: Jan 2008
Posts: 83
Default Re: A 'More Information' / 'Details' Pop-up!!!

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT +1. The time now is 06:24 PM.


Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2005-2009 VodaHost Web Hosting Your Perfect Web Host - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176