Ever wonder how to create a simple drop-down menu, and make the selections clickable?
In other words:
- A user clicks on the down arrow, from your drop-down menu, and makes their selection.
- Then they click on GO, and they are navigated to the link.
- This is a great way to add a simple menu for links, on a Ning Network.
See our 'International Networks' drop-down in right column, for example.
I can only show you the example code. You can substitute my titles and links, and make your own. One mistake will make it not work. Just start over, and try to be patient. You can do this.
IMPORTANT: I noticed in a Ning Text Box, I accidentally had a line feed (return) in the middle of the input style
. Although it worked fine in a Browser, it returned an error on Ning. Make sure you have no extra line feeds, where they really don't need to be. Also, edit your code in a Text Editor, or our WYSIWYG HTML Editor
(using the HTML button). You must use the HTML button, to access the raw code.
<p style="font-size:12px; font-family: Rockwell,Georgia; font-weight:bold;">International Networks:<br><select id="setit" style="width:150px; font-size:12px;" size="1" name="International Groups for Ning Networks">
<option value="">Select Country</option>
<input style="font-family:Verdana; font-size:11px; width:150px;" type="submit" value="Find International Nings" class="button" onclick="window.open(setit.options[setit.selectedIndex].value)">
I don't think this tip has been added, yet. If it has, this can serve as another example. ;-)
Typically the Button Value
on a drop-down of the type, will say "GO", "FIND", "FETCH" or something similar. Just replace the code for: value="Find International Nings", to value="Go"
or whatever word you want to use.