login  Naam:   Wachtwoord: 
Registreer je!
 Forum

variabele tekst in keuzemenu (Opgelost)

Offline Gust - 25/07/2008 11:08
Avatar van GustMySQL interesse Je hebt een tekstveld. Wat je daarin typt, verschijnt ook in een keuzemenu, ergens op de pagina.

Nu heb ik meerdere keuzemenu's, verspreid over meerdere delen van een pagina, ongeveer 24 keer, waar dat overal de tekst moet verschijnen die je in het tekstveld typt.

Tot nu toe is het gelukt bij 2 keuzemenu's. Maar bij meerdere menu's lukt het niet.

Klik hier voor ...emaakt heb

De code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript"> 
  2. function verander(arr) { 
  3.    applyToSelect(document.getElementById('sel1'),arr); 
  4.    applyToSelect(document.getElementById('sel2'),arr); 
  5. } 
  6.  
  7. function applyToSelect(el, arr) 
  8. { 
  9.    el.options.length = 0; 
  10.    for(var i = 0; i< arr.length; i++ ) 
  11.    { 
  12.       el.options[el.options.length] = new Option(arr[i], arr[i]); 
  13.       el.options[el.options.length] = new Option("Other"); 
  14.    } 
  15.    el.onchange = new Function("selectChanged(this);"); 
  16. } 
  17.  
  18. function selectChanged(el) 
  19. { 
  20.    if(el.id == "sel1") 
  21.       el2 = document.getElementById("other1"); 
  22.    else 
  23.       el2 = document.getElementById("other2"); 
  24.  
  25.    if(el.selectedIndex != el.options.length - 1) 
  26.       el2.readOnly = true; 
  27.    else 
  28.    { 
  29.       el2.readOnly = false; 
  30.       el2.focus(); 
  31.    } 
  32. } 
  33. </script>


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="600" border="0" align="center"> 
  2.   <tr> 
  3.     <td width="20%" height="30" valign="top">woonplaats:</td> 
  4.     <td height="30" colspan="2" valign="top"><input name="titel" type="text" id="titel" size="20" onkeyup="verander([this.value]);" /></td> 
  5.   </tr> 
  6.   <tr> 
  7.     <td width="20%" height="30" valign="top">woonplaats 1</td> 
  8.     <td height="30" valign="top"> 
  9.  
  10.     <label> 
  11.       <select id="sel1"> 
  12.         <option value="bezig">Eerst een woonplaats invullen</option> 
  13.       </select> 
  14.     </label> 
  15.  
  16.     </td> 
  17.     <td height="30" valign="top"><input readonly="readonly" name="other1" type="text" id="other1" size="20" /></td> 
  18.   </tr> 
  19.  
  20.   <tr> 
  21.     <td height="30" valign="top">woonplaats 2</td> 
  22.     <td height="30" valign="top"> 
  23.      <label> 
  24.       <select id="sel2"> 
  25.         <option value="bezig">Eerst een woonplaats invullen</option> 
  26.       </select> 
  27.     </label> 
  28.     </td> 
  29.     <td height="30" valign="top"><input readonly="readonly" name="other2" type="text" id="other2" size="20" /></td> 
  30.   </tr> 
  31.  
  32.   <tr> 
  33.     <td width="20%" height="30" valign="top">&nbsp;</td> 
  34.     <td height="30" colspan="2" valign="top"><input name="submit" type="submit" value="Invoegen" /></td> 
  35.   </tr>


Zeg nu ook niet dat het zinloos is, want dat is het ook niet  

2 antwoorden

Gesponsorde links
Offline Martijn - 25/07/2008 16:14
Avatar van Martijn Crew PHP je kunt overal waar je je tekst wilt een div zetten, en die elke een id nummer geven.

en dan doe je met je onkeyup of hoe die ook reageerd dat ie doet dat ie elk veld opvult?

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. value=document.getElementById("typvak").value;
  2. document.getElementById("1").value = value;
  3. document.getElementById("2").value = value;
  4. document.getElementById("3").value = value;


ofzo
Offline Gust - 25/07/2008 16:58 (laatste wijziging 28/07/2008 13:03)
Avatar van Gust MySQL interesse Heb het zo opgelost:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript"> 
  2. function verander(arr) { 
  3.    applyToSelect(document.getElementById('sel1'),arr); 
  4.    applyToSelect(document.getElementById('sel2'),arr); 
  5.    applyToSelect(document.getElementById('sel3'),arr); 
  6.    applyToSelect(document.getElementById('sel4'),arr); 
  7.    applyToSelect(document.getElementById('sel5'),arr);  
  8.  
  9. } 
  10.  
  11. function applyToSelect(el, arr) 
  12. { 
  13.    el.options.length = 0; 
  14.    for(var i = 0; i< arr.length; i++ ) 
  15.    { 
  16.       el.options[el.options.length] = new Option(arr[i], arr[i]); 
  17.       el.options[el.options.length] = new Option("Other"); 
  18.    } 
  19.    el.onchange = new Function("selectChanged(this);"); 
  20. } 
  21.  
  22. function selectChanged(el) 
  23. { 
  24. if(el.id == "select_citycenter") 
  25.       el2 = document.getElementById("other1"); 
  26.    if(el.id == "sel2") 
  27.       el2 = document.getElementById("other2"); 
  28.    if(el.id == "sel3") 
  29.       el2 = document.getElementById("other3"); 	  
  30.    if(el.id == "sel4") 
  31.       el2 = document.getElementById("other4"); 	 
  32.    if(el.id == "sel5") 
  33.       el2 = document.getElementById("other5"); 	 	  	  
  34.  
  35.  
  36.    if(el.selectedIndex != el.options.length - 1) 
  37.       el2.readOnly = true; 
  38.    else 
  39.    { 
  40.       el2.readOnly = false; 
  41.       el2.focus(); 
  42.    } 
  43. } 
  44. </script>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.452s