VoyForums: Selection: Triple

ffeeee,,ff00FF

[ Show ]

Support VoyForums

[ Shrink ]

VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

[ Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]

Selection Boxes: Triple

(Dialogue Boxes/triple -without the 'GO' button)
(note: it sometimes requires huge effort when spacing DialogueBoxes apart.)
(in this particular case; they're probably spaced too far apart, and, aligned off-center)

Selection Boxes/triple (with the 'GO' Button)
(the alignment-centering seems to be fine, here.)
---------------------------------

important part one, any text here

more websites part two, say anything

additional sites part three, hey amigo.

Please refer to Bottom-of-page for viewing HTML.

additional examples☆:
Triple Selection Box (230332)
Double (Voy/230398)
VoyTables 230203
"Title: ☆☆ addCustomDomain.blogspot.com" ☆☆
☆☆☆☆A Dozen projects using Selection Boxes.☆☆☆☆
notice: many selection boxes are exclusives from T.E. Shannon.
and their usage is meant for fellow advocates (esp. White Advocacy groups)

↓↓↓Please refer to Bottom-of-page for viewing HTML ↓↓↓

Home page

There are no messages in the main index.

HTML for Triple Selection-Boxes:
(Dialogue Boxes/triple -without the 'GO' button).

<table border="0" name="" width="100%" cellpadding="5" cellspacing="0">
<tr align="" valign="">
<td colspan="1" rowspan="1" width="29%" align="" valign="top"><form id="networkSites">
                     <span style="font-size: x-small; color: #000F3D;"><strong>1</strong></span><em><strong> <span style="font-size: xx-small; color: #303030;">Popular  </span></span></strong></em><br/> 
                     <select id="siteTarget" name="target" class="searchTarget" onchange="window.open(this.options[this.selectedIndex].value,'_top')">
      <option selected="selected" value="">Select Website URL</option>
 <option value="http://www.bing.com/">  Bing</option>
<option value="https://www.google.com/">  Google</option>
<option value="https://www.msn.com/">  MSN</option>
                      </select>
     </form><br>
</td><td colspan="1" rowspan="1" width="32%" align="" valign="top"><form id="networkSites">
<span style="font-size: x-small; color: #000F3D;"><strong>2</strong></span><em><strong> <span style="font-size: xx-small; color: #303030;">Maps </span></span></strong></em><br/> 
                     <select id="siteTarget" name="target" class="searchTarget" onchange="window.open(this.options[this.selectedIndex].value,'_top')">
      <option selected="selected" value="">Select Website URL</option>
 <option value="http://maps.google.com/"> Google Maps</option>
<option value="http://mapquest.com/"> Mapquest</option>
<option value="http://URL"> 3)title here</option>
<option value="http://URL"> 4)title here</option>
     
                      </select>
     </form><br>
</td><td colspan="1" rowspan="1" width="36%" align="" valign="top"><form id="networkSites">
                     <span style="font-size: x-small; color: #000F3D;"><strong>3</strong></span><em><strong> <span style="font-size: xx-small; color: #334c80;">Language translators  </span></span></strong></em><br/> 
                     <select id="siteTarget" name="target" class="searchTarget" onchange="window.open(this.options[this.selectedIndex].value,'_top')">
      <option selected="selected" value="">News Selection</option>
<option value="http://www.bing.com/translator"> Bing/ translator</option>
<option value="http://URL"> 2)title here</option>
<option value="http://URL"> 3)title here</option>
<option value="http://URL"> 4)title here</option>
    <a href='all material courtesy of WhiteIQ,com'></a> 
                      </select>
     </form>
</td>
</tr>
</table>

The HTML Code:
Selection Boxes/triple (with the 'GO' Button)

---------------------------------

<center>
<table border="0" cellpadding="0" cellspacing="0" name="" style="width: 100%px;">
<tbody>
<tr align="" valign="">
<td align="" colspan="1" rowspan="1" valign="top" width="34%">
<span style="font-size: xx-small; color: #000F3D;"><strong>important</strong></span> <span style="font-size: xx-small; color: #303030;"><em>part 1  </em></span></span>
<br>
<a name="navbar">
<table cellpadding="0" style="width: 90%px;">
<tbody>
<tr>
<form name="myform">
<select name="myList">
<option>Select Website pt1 </option>
<option value="http://bing.com/"> 1)Title1 (Practice)</option>
<option value="http://URL"> 2)title here</option>
<option value="http://URL"> 3)title here</option>
<option value="http://URL"> 4)title here</option>
</select>
<input onclick="if(myList.selectedIndex>0){window.location=myList.options[myList.selectedIndex].value} else{alert('Choose a Site.')}" type="button" value="Go!" />
</form>
</td></tr>
</tbody></table>
<br />
</a></td><td align="" colspan="1" rowspan="1" valign="top" width="34%">
<span style="font-size: xx-small; color: #000F3D;"><strong>more websites</strong></span> <span style="font-size: xx-small; color: #303030;"><em>part 2  </em></span></span>

<br/>
<a name="navbar">
<table cellpadding="0" style="width: 90%px;">
<tbody>
<tr>
<form name="myform">
<select name="myList">
<option>Select Website pt2</option>
<option value="http://bing.com/"> 1)Title1 (Practice)</option>
<option value="http://URL"> 2)title here</option>
<option value="http://URL"> 3)title here</option>
<option value="http://URL"> 4)title here</option>
</select>
<input onclick="if(myList.selectedIndex>0){window.location=myList.options[myList.selectedIndex].value} else{alert('Choose a Site.')}" type="button" value="Go!" />
</form>
</td></tr>
</tbody></table>
<br />
</a></td><td align="" colspan="1" rowspan="1" valign="top" width="28%">
<span style="font-size: xx-small; color: #000F3D;"><strong>additional sites</strong></span> <span style="font-size: xx-small; color: #303030;"><em>part 3  </em></span></span><br/>
<a name="navbar">
<table cellpadding="0" style="width: 90%px;">
<tbody>
<tr>
 
<form name="myform">
<select name="myList">
<option>Select Website pt3 
</option>
<option value="http://bing.com/"> 1)Title1 (Practice)</option>
<option value="http://URL"> 2)title here</option>
<option value="http://URL"> 3)title here</option>
<option value="http://URL"> 4)title here</option>
</select>
<input onclick="if(myList.selectedIndex>0){window.location=myList.options[myList.selectedIndex].value} else{alert('Choose a Site.')}" type="button" value="Go!" />
</form>
</td></tr>
</tbody></table>
<br />
</a></td>
</tr>
</tbody></table>
</div>
<div class="building_block" id="pgbldblk50">
<div class="blockbody" id="body_pgbldblk50">
<table align="center" border="0" cellpadding="2" cellspacing="0" style="width: 98%px;"><tbody>
<tr><td align="left" bgcolor="#efefef"><span style="color: white; font-family: times; font-size: 24pt; font-weight: bold;"></span></td></tr>
</tbody></table>
</div>

Another important note:
These Dialogue Boxes often translate differently ...depending upon the blogs & webpages.
In other words:
it might look perfectly spaced here,
while the exact same code appears inaccurate on another blogging site.
or, Vice-versa.
In some cases; I couldn't get it to align here;
yet, it appeared nicely on another blog.

So, be aware:
IF I intend to place HTML Code onto another blog;
...hours of hard-work could result in an inexact translation.

for office use:
the original widths were 32, 39, 28

[ Contact Forum Admin ]

Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums^(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.