Enable Disable - Forum

R

Robert Deiman

31-10-2007 16:30

Ik maak ff voorbeeldje, moet met JavaScript :)

T

Thijs

31-10-2007 16:32

Als je zou willen graag.
Ik kwam ergens anders een script tegen van PHP maar dat werkte niet

R

Robert Deiman

31-10-2007 16:48

1e voorbeeld geeft veld wel of niet weer.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<meta name="author" content="Robert Deiman">

	<title>Visibility toggle</title>
<script>
function toggle_website(){
	var website = document.getElementById('website');
	var janee = document.getElementById('janee');	
	
	if (janee.value == 'Ja'){
		website.type = 'text';
		}
	else{
		website.type = 'hidden';
		}
	}
</script>
</head>

<body>
<div>
<p> 
Website<br>
<select size="1" name="titel" id="janee" onchange="toggle_website();">
<option value="Ja">Ja</option>
<option value="Nee" selected="selected">Nee</option>
</select>
<input name="website" id="website" type="hidden" size="40" tabindex="1003" value="http://" ></p>
</div>

</body>
</html>

2e voorbeeld disabled of enabled het veld:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<meta name="author" content="Robert Deiman">

	<title>Visibility toggle</title>
<script>
function toggle_website(){
	var website = document.getElementById('website');
	var janee = document.getElementById('janee');
	
	if (janee.value == 'Ja'){
		
		website.disabled = false;
		}
	else{
		
		website.disabled = true;
		}
	}
</script>
</head>

<body onload="toggle_website();">
<div>
<p> 
Website<br>
<select size="1" name="titel" id="janee" onchange="toggle_website();">
<option value="Ja">Ja</option>
<option value="Nee" selected="selected">Nee</option>
</select>
<input name="website" id="website"  size="40" tabindex="1003" value="http://" disabled="true"></p>
</div>

</body>
</html>

T

Thijs

31-10-2007 17:07

Bedankt maar het werkt nog steeds niet wat doe ik verkeerd ?


<form action="plaats.php" method="post">
<p> 
Datum&nbsp; <br> 
<select size="1" name="datum">
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select> <select size="1" name="maand">
<option value="01">Januari</option>
<option value="02">Februari</option>
<option value="03">Maart</option>
<option value="04">April</option>
<option value="05">Mei</option>
<option value="06">Juni</option>
<option value="07">Juli</option>
<option value="08">Augustus</option>
<option value="09">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">December</option>
</select><select size="1" name="jaar">
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
</select></p>
<p> 
Naamloop<br> 
<input name="naamloop" type="text" size="40" tabindex="1003"> 
</p>
<p> 
Plaats<br>
<input name="plaats" type="text" size="40" tabindex="1003"><br>
<br>
Afstand<br>
<input name="afstand" type="text" size="40" tabindex="1003"></p>
<p> 
Kar<br>
<select size="1" name="kar">
<option>Nee</option>
<option>Ja</option>
</select></p>
<p> 
Tijd<br>
<select size="1" name="tijduur">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option>10</option>
<option selected>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
</select><select size="1" name="tijdminuten">
<option value="00" selected>00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
<option>32</option>
<option>33</option>
<option>34</option>
<option>35</option>
<option>36</option>
<option>37</option>
<option>38</option>
<option>39</option>
<option>40</option>
<option>41</option>
<option>42</option>
<option>43</option>
<option>44</option>
<option>45</option>
<option>46</option>
<option>47</option>
<option>48</option>
<option>49</option>
<option>50</option>
<option>51</option>
<option>52</option>
<option>53</option>
<option>54</option>
<option>55</option>
<option>56</option>
<option>57</option>
<option>58</option>
<option>59</option>
<option>60</option>


</select></p>

<div>
<p> 
Website<br>
<select size="1" name="titel" id="janee" onchange="toggle_website();">
<option value="Ja">Ja</option>
<option value="Nee" selected="selected">Nee</option>
</select>
<input name="website" id="website" type="hidden" size="40" tabindex="1003" value="http://" ></p>
</div></p>
<p> 
<input type="submit" name="submit" value="Verstuur" title="Verstuur dit formulier" tabindex="1005"> 
<input type="reset" name="submit1" value="reset" title="Verstuur dit formulier" tabindex="1005"></p>  </p> 
<p> 
&nbsp;</p> 
</form> 
</font> 
</body> 
</html>

R

Robert Deiman

31-10-2007 17:17


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="author" content="Robert Deiman">

    <title>Visibility toggle</title>
<script>
function toggle_website(){
    var website = document.getElementById('website');
    var janee = document.getElementById('janee');
    
    if (janee.value == 'Ja'){
        
        website.disabled = false;
        }
    else{
        
        website.disabled = true;
        }
    }
</script>
</head>

Het hele stuk - <script> tot en met </script> - moet je wel in de head van de pagina hebben staan.

Include je deze pagina via PHP in een andere pagina, moet je dat stuk code in de head van die pagina plaatsten.

T

Thijs

31-10-2007 17:37

Bedankt nu werkt het wel

F

Frank -

31-10-2007 17:54

Hmmm, met PHP schrijf je een dynamische website. Waarom ga je dan hardcoded allerlei select-lijsten aanmaken?
<?php
function make_option($start, $eind, $selected){
$option = '';

for ($i = $start; $i <= $eind; $i++){
$selectedOption = ($selected == $i)? ' selected="selected"':'';

$option .= '<option value="'.$i.'"'.$selectedOption.'>'.$i.'</option>'.PHP_EOL;
}
return $option;
}

echo make_option(1,31, date('d'));
?>
Resultaat:


<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31" selected="selected">31</option>

En deze functie kun je ook voor andere lijsten met getallen gebruiken.