Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > BlueVoda Website Builder Forums > BlueVoda Tips, Tricks and Shortcuts

Notices

BlueVoda Tips, Tricks and Shortcuts Know a great BlueVoda (or Web design) tip or trick? Share it with the world here. Become famous for your brilliance! Please, No Questions or Problems!

Reply
 
LinkBack Thread Tools
  #1  
Old 02-09-2006, 12:11 AM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 9,286
Default Go menu link to I-frame

Hi everybody,

Radek, a member of the forum, has asked for a way to link the options in a Go menu, to an I-frame. Indeed, this is something not provided as a standard feature in the Go menu.

Well, here's the solution:

1. Create the Go menu as usual. Put in it all the required options and for each option give the necessary URL.

2. Move your Go menu, at the very top left corner of the page.

3. Right click on it and go to Object html. Copy the code that will look like:


<FORM name="GoMenuForm2" action="">
<SELECT name="GoMenu" style="width:119px">
<OPTION selected>Select a link</OPTION>
<OPTION value="http://www.yoursite.com/page_in_the_frame1.html>option1</OPTION>
<OPTION value=http://www.yoursite.com/page_in_the_frame2.html>option2</OPTION>
</SELECT>
<INPUT type="button" value="Go" onclick="OnGoMenuForm2Link()">
</FORM>
<SCRIPT language="JavaScript" type="text/javascript">
function OnGoMenuForm2Link()
{
var url = document.GoMenuForm2.GoMenu.options[document.GoMenuForm2.GoMenu.selectedIndex].value +"";
if (url != '')
{
if(parent != self)
{
var doc = self;
while(doc != window.top)
{
doc = doc.parent;
}
if(url.indexOf("://")!=-1)
{
doc.body.window.location.href = url;
}
else
{
window.framename.location.href = url;
}
}
else
{
window.framename.location.href = url;
}
document.GoMenuForm2.GoMenu.selectedIndex=0;
}
}
</SCRIPT>


Replace the blue text (which is originally "top") with the name of your frame, here called "framename".

Insert a HTML box. Double click it to edit it, and paste in the html box the code you have copied.This will create a new Go menu in your page, with the links you have originaly given it, but now it will open the linked page in the iframe.

Delete the original Go menu. You're done!

Please feel free to try it at http://www.navaldesign.info/Tips/goinframe.html

The reason that i told you to move the Go menu in the upper left corner, is that in this way you obtain top and left margins 0. So now you can move the html box anywhere in your page. The whole procedure takes 3 minutes but you obtain a result that cannot be done directly in BV.

A small tip: If before deleting the original Go menu, you make the html box the same size as your original Go menu, using the Make Same Size tool, it will be much easier to have a visual control when you will need to position it in the correct position.

P.S. In the wish Bin there is a poll regarding the Tips & Tricks Section that you're reading right now. Please take just 30 secs to express your opinion. The poll is at the top of this thread: http://www.vodahost.com/vodatalk/wis...ion-forum.html

Thanks!
__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

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 03:43 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