JavaScript Source Code 3000: Forms: Popup Picker
Popup Picker
Select an item from the list and the selected value is passed to the form field of the original window, and the pop-up closes automatically. Useful!
Item:
JavaScript Source Code 3000: Forms: Popup Picker
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
<!-- ONE STEP TO INSTALL POPUP PICKER:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<! >
<! >
<!-- Original: Shawn A. Mann (dharmamann@hotmail.com) -->
<!-- Web Site: http://www.laughingshaman.com -->
<!-- Modified By: Ronnie T. Moore, Editor -->
<center>
<form name=popupform>
Item: <input type=button name=choice onClick="window.open('popup-picker-demo.html','popuppage','width=250,height=200,top=100,left=100');" value=" >> Choose << "><br>
<p>
</form>
</center>
<!-- Script Size: 0.82 KB -->
JavaScript Source Code 3000: Forms: Popup Picker Demo
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!
<!-- TWO STEPS TO INSTALL POPUP PICKER DEMO:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Shawn A. Mann (dharmamann@hotmail.com) -->
<!-- Web Site: http://www.laughingshaman.com -->
<!-- Modified By: Ronnie T. Moore, Editor -->
<! >
<! >
<!-- Begin
function sendValue(s){
var selvalue = s.options[s.selectedIndex].value;
window.opener.document.popupform.choice.value = selvalue;
window.close();
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=selectform>
<select name=selectmenu size="8">
<option value="Item A">Item A
<option value="Item B">Item B
<option value="Item C">Item C
<option value="Item D">Item D
<option value="Item E">Item E
<option value="Item F">Item F
<option value="Item G">Item G
<option value="Item H">Item H
<option value="Item I">Item I
<option value="Item J">Item J
<option value="Item K">Item K
<option value="Item L">Item L
<option value="Item M">Item M
<option value="Item M">Item N
<option value="Item O">Item O
<option value="Item P">Item P
<option value="Item Q">Item Q
<option value="Item R">Item R
<option value="Item S">Item S
<option value="Item T">Item T
<option value="Item U">Item U
<option value="Item V">Item V
<option value="Item W">Item W
<option value="Item X">Item X
<option value="Item Y">Item Y
<option value="Item Z">Item Z
</select>
<p>
<input type=button value="Item Select Item" onClick="sendValue(this.form.selectmenu);">
</form>
</center>
<!-- Script Size: 2.14 KB -->
Wyszukiwarka
Podobne podstrony:
popup picker demopopup date pickerpopup2006 05 Password Tricks Customizing the Password Popup Windowcolor pickerpopup window 5popup window 001popuppopupoptimized popuppopuppopupdelayed popuppopup ins imagepopuppopup pagewięcej podobnych podstron