HTML Code view of C:\gystdoit\JPG\picklist_demo.htm

04/09/2026 09:50:55 AM <html><head><title> Picklist Control Demonstration</title>
<link rel="stylesheet" type="text/css" href="SPC.CSS" />

<script type="text/javascript" >
var cMemberFileID= 'selected FamMember'

function popup(url, name, height, width, scrollbars)
{ var popwin; var opts = "toolbar=no,status=no,location=no,menubar=no,resizable=yes";
opts += ",height=" + height + ",width=" + width + ",scrollbars=" + scrollbars+ ",left=120";popwin = window.open("", name, opts);
popwin.focus();
popwin.location = url; }
function pop(url)
{ popup(url,
'popupbox',800,1200,
'yes'); }

function showMember( cSurname,cMemberID,cMemberPhotoURL ) {
text1.value =cSurname;
text2.value = cMemberID;
showpic.src=cMemberPhotoURL;
showpic2.src=cMemberPhotoURL;
}
</script>
</head><a name=Top></a>

<h3>William F Gaffey</h3>
<SELECT id="mySelect" onchange="showMember( this.options[this.selectedIndex].title, this.options[this.selectedIndex].id,this.options[this.selectedIndex].value )" size=3>

<option title="?" id="Sandra_?_40321-01" value ="" > ?,Sandra </option>
<option title="Baxter" id="Kathi_Baxter_2082-02" value ="Kathi_Baxter_2082-02_pp.jpg" class=F > Baxter,Kathi </option>
</SELECT>

<p><input id="text1" size=60> </p>
<p><input id="text2" size=60> </p>
<button onclick="pop(showpic.src)"><img src="magnify.png" /></button>
<br/>
<img id="showpic" src="GAF.png" width="300" vspace="5" hspace="20" />

<SELECT id="mySelect" onchange="pop(this.options[this.selectedIndex].text)" size=3>
<option>Aaron and Arianna.jpg</option>
<option class="M">14_Mohawk_St_before_n_after.jpg </option>
<option class="F">2017_Haley_Reunion.jpg </option>
<option class="F">2017_calendar_ss.jpg </option>
</SELECT>

<ul><li>
The code below shows how the web content above is implemented through
</li><li>the picklist control implemented with