28 Cze 2010

Dodawanie opcji do selecta w nowym oknie

<HTML>
<HEAD>
<TITLE> Dodawanie opcji do selecta </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>

 <!–

 var tmpval = „”

 function add_option() {

  nr = document.forms[0].miasto.length
  ntyp = new Option(‚Lublin’,nr)
  document.forms[0].miasto.options[nr] = ntyp
 }

 function add_option2() {

  tmpval = document.forms[0].tmpval.value

  if(tmpval!=””) {
   nr = document.forms[0].miasto.length
   ntyp = new Option(tmpval,nr)
   document.forms[0].miasto.options[nr] = ntyp
   document.forms[0].tmpval.value = „”
  }
 }

 function new_option() {

  config =’toolbar=no, location=no, directories=no, status=no, menubar=no, width=250, height=30, scrollbars=no, resizable=no, top=150, left=480′

  win = window.open („”,”option”,config)

  body = ‚<title>Dodaj miasto</title>\n’
  body += ‚<script>\nfunction add_option()\n{\n’
  body += ‚opener.document.forms[0].tmpval.value = document.forms[0].noption.value\n’
  body += ‚opener.document.forms[0].dodaj.focus()\n’
  body += ‚self.close()\n’
      body += ‚}\n<\/script>\n<form><INPUT TYPE=”text” NAME=”noption” value=””><INPUT TYPE=”button” name=”dodaj” value=”Dodaj”‚ + ‚onClick=”‚+”add_option()”+'”></form>’

  win.document.write(body)
 }

 //–>
</SCRIPT>
</HEAD>

<BODY>
<br><br><br>
<center>
<FORM METHOD=POST ACTION=”select.html” name=”adres”>
<TABLE>
<TR>
 <TD><select name=”miasto”>
   <option value=”1″>Warszawa</option>
  </select>
 </TD>
 <TD><INPUT TYPE=”button” name=”dodaj” value=”nowe okienko dodaj” onClick=”new_option()” onFocus=”add_option2()”></TD>
 <TD><INPUT TYPE=”button” name=”dodaj2″ value=”dodaj” onClick=”add_option()”></TD>
 <TD><INPUT TYPE=”hidden” name=”tmpval” value=””></TD>
</TR>
</TABLE>
</FORM>
</center>
</BODY>
</HTML>