login  Naam:   Wachtwoord: 
Registreer je!
 Forum

OnChange event (Opgelost)

Offline DenMette - 02/03/2008 19:12 (laatste wijziging 02/03/2008 22:09)
Avatar van DenMettePHP gevorderde De volgende de code werkt dus niet.
Ik had graag gehad dat hij dan mijn balkje open schuift maar dat doet het dus niet.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select onchange="this.value.slideit()">
  2.             	<option value='Codes'>Codes</option>
  3.                 <option value='Sites'>Sites</option>
  4.                 <option value='Updates'>Updates</option>
  5.             </select>
Als ik daarin tegen de volgende code gebruikt voor ééntje open te doen
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select onchange="Codes.slideit()">
  2.             	<option value='Codes'>Codes</option>
  3.                 <option value='Sites'>Sites</option>
  4.                 <option value='Updates'>Updates</option>
  5.             </select>
Doet hij het wel, maar dan kan ik wel maar 1 ding open doen. Heeft iemand toevallig een ideetje

Dus mijn vraag even kort herhalen
Hoe kan ik zorgen dat hij de value neemt en dan ".slideit()" aan toevoegd zodat deze toch open gaat

12 antwoorden

Gesponsorde links
Offline Rik - 02/03/2008 19:18
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Volgens mij moet je dan deze hebben:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. this.options[this.selectedIndex].value
Offline DenMette - 02/03/2008 21:09
Avatar van DenMette PHP gevorderde Dit is het ook niet. Heeft er iemand nog een ander idee? Eventueel een functie daarvoor. Dat maakt me niets uit zolang het maar werkt.
Offline Threetimes - 02/03/2008 21:20
Avatar van Threetimes PHP beginner
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select id="mySelect" onchange="x=document.getElementById('mySelect'); x.options[x.selectedIndex].text.slideit();">
  2.   <option>Codes</option>
  3.   <option>Sites</option>
  4.   <option>Updates</option>
Offline DenMette - 02/03/2008 22:08 (laatste wijziging 02/03/2008 22:09)
Avatar van DenMette PHP gevorderde Dit gaat ook al niet. Is er anders een mogelijkheid voor dit te doen via een functie dat ik dan aanroep?

Of via een button click. Zo lang het maar werkt is het goed
Offline Threetimes - 02/03/2008 22:19 (laatste wijziging 02/03/2008 22:22)
Avatar van Threetimes PHP beginner Word de event getriggerd?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select onchange="alert('hoi')">
  2.   <option>Codes</option>
  3.   <option>Sites</option>
  4.   <option>Updates</option>


edit: welke browser?
Offline DenMette - 02/03/2008 22:23 (laatste wijziging 02/03/2008 22:24)
Avatar van DenMette PHP gevorderde Dan krijg ik Hoi te zien. Ook met die code van jou heb ik alert geprobeerd en krijg ik alles te zien. slideit() is ook Ok. Alleen schijft de menu niet open. Als ik die code van boven neem dus Code.slideit(); dan gaat code open. Dus ik snap het probleem echt niet.

PS: FireFox
Offline GJ2086 - 02/03/2008 22:37 (laatste wijziging 02/03/2008 22:41)
Avatar van GJ2086 Nieuw lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">
  2. 	function selected(value) {
  3. 		var value = document.getElementById(value);
  4. 		var ret = value.options[value.selectedIndex].value;
  5. 		return ret.slideit();
  6. 	}
  7. </script>


als value in selected(value) de naam van je selectbox,
niet getest maar zo zou het ongeveer moeten werken.

btw, nog even een name en id aan je selectbox toevoegen.
Offline DenMette - 02/03/2008 22:48
Avatar van DenMette PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3.     function selected (value) {
  4.         var value = document.getElementById(value);
  5.         var ret = value.options[value.selectedIndex].value;
  6. 		alert (ret);
  7.         return ret.slideit();
  8.     }
  9. //-->
  10. </script>
  11. 		<div style="text-align: right; display: block;">
  12. 			<select id="mySelect" onchange="selected('mySelect');">
  13. 				<option>Codes</option>
  14. 				<option>Sites</option>
  15. 				<option>Updates</option>
  16. 			</select>
  17. 		</div>


Ik gebruik nu dit. Maar het doet het nog niet?
Offline GJ2086 - 02/03/2008 22:51 (laatste wijziging 02/03/2008 22:52)
Avatar van GJ2086 Nieuw lid anders haal je de comment tags even tussen <script> en </script> weg 

dus
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">    function selected (value) {       
  2.  var value = document.getElementById(value);       
  3.  var ret = value.options[value.selectedIndex].value;		alert (ret);        
  4. return ret.slideit();    }
  5. </script>		
  6. <div style="text-align: right; display: block;">			<select id="mySelect" onchange="selected('mySelect');">				<option>Codes</option>				<option>Sites</option>				<option>Updates</option>			
  7. </select>		</div>
Offline DenMette - 02/03/2008 23:08
Avatar van DenMette PHP gevorderde Doet nog niets hoor. En volgens mij heeft het daar niets mee te maken. Want nu is mijn website niet meer valid.

Ik ga het nu gewoon doen via links. Dit is nog het eenvoudigste volgens mij
Offline Threetimes - 03/03/2008 07:14
Avatar van Threetimes PHP beginner
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function doIt()
  4. {
  5.   x=document.getElementById('mySelect');
  6.   for(i=0;i<x.options.length;i++)
  7.   {
  8.     if (x.options[i].selected)
  9.     {
  10.       x.options[i].text.slideit;
  11.     }
  12.   }
  13. }
  14. // -->
  16.  
  17. <select id="mySelect" onchange="doIt();">
  18.   <option>Codes</option>
  19.   <option>Sites</option>
  20.   <option>Updates</option>
of
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select id="mySelect" onchange="doIt();">
  2.   <option onclick="Codes.slideit();">Codes</option>
  3.   <option onclick="Sites.slideit();">Sites</option>
  4.   <option onclick="Updates.slideit();">Updates</option>
Offline DenMette - 03/03/2008 07:39
Avatar van DenMette PHP gevorderde Dat ik daar niet eerder aan gedacht heb.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <select id="mySelect" onchange="this.value;">
  2. 	<option onclick="Codes.slideit();">Codes</option>
  3. 	<option onclick="Sites.slideit();">Sites</option>
  4. 	<option onclick="Updates.slideit();">Updates</option>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.242s