onclick qui ne marche pas sur un bouton

Version imprimable

plop,

ce code n'est pas de moi, j'ai rajouter les deux champs min et max ainsi que le bouton generer, le but est d'appeler une fonction javascript qui genere un nb entre min et max et remplie le ratio une fois cliqué.

mais le onclick n'est meme pas executé, une idée du pourquoi? (ligne 20)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
		<form method="post">
			<input type="hidden" name="function" value="updateSettings" />
 
			<p>
				<input type="checkbox" id="enabled" checked=checked name="enabled" />
				<label>normal</label>
			</p>
			<br/>
			<p>
				<input type="checkbox" id="disabled" 0 name="disabled" />
				<label>Test Mode Enabled</label>
			</p>
			<br/>
			<p>
				<label>ratio:</label><br/>
				<input type="text" id="min" name="min" value="0" maxlength="2" style="width:25px"/>
				<input type="text" id="max" name="max" value="100" maxlength="3" style="width:25px"/><br/>
				<input type="text" id="r" name="r" value="75" maxlength="3" style="width:25px"/>
				<input type="button" value="Generate" onclick="alert("test")" />
			</p>
			<br />
			<p>
				<label>Main Site URL:</label><br/>
				<strong>http://</strong><input type="text" name="url" id="site_url" value="example.com/" style="width: 200px;" /> &nbsp; &nbsp;
			</p>
			<br />
			<p>
				<label>Protection:</label><br/>
				<select id="protection" name="protection" onchange="changeRefOptions(this)">
	  				<option value="1" selected=selected>one</option>
	  				<option value="2" [FS_2]>two</option>
	    		</select>
			</p>
			<br />
			<div id="fake_info"></div>
			<p>
				<input type="submit" value="Update Settings!"/>
			</p>
			<br />
		</form>

merci

01/10/2011, 14h40
Luke spywoker

La syntaxe d'appel de la fonction doit alterner les simples et doubles quotes:

Code:

onclick="alert('test')"

Mais si il y a d'autres problèmes il va nous falloir montrer tes fonctions javascript.:calim2:

ça résout déjà pas mal de problèmes^^

maintenant un autre, voici la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
function random()
{
 
	var value_min = document.forms.f.min.value;
	var value_max = document.forms.f.max.value;
 
	if (value_min=='')
	{
		value_min = 0;
		document.getElementById("min").value = 0;
	}
	if (value_max=='')
	{
		value_max = 100;
		document.getElementById("max").value = 100;
	}
	value_min = parseInt(value_min); // string to int
	value_max = parseInt(value_max);
 
	if (value_max <= value_min)
	{
		value_max = value_min+1;
		document.getElementById("max").value = value_max; //replace to the correct value
	}	
	document.getElementById('r').innerHTML = document.write(Math.floor(Math.random() * value_max)+value_min);
}

elle ne remplie pas le champ input, a la place j'ai une page blanche avec le nombre tirée

j'ai un petit doute ici mais, le fait d'appuyer sur le bouton ne soumet pas le formulaire?

01/10/2011, 15h43
NoSmoking

Bonjour,
document.write est à BANNIR lorsque le document est chargé, il écrase le contenu de celui ci en le remplaçant par ce qui mis en paramètre de la méthode.

Code:

document.getElementById('r').innerHTML = Math.floor(Math.random() * value_max)+value_min;
02/10/2011, 13h52
Luke spywoker

Meme remarque que NoSmoking concernant document.write().
Pense a placer ton code de soumission (vérifications etc...) dans la balise <form> et non dans le bouton de soumission sauf pour onclick: j'ai fait la meme erreur...:ccool:

solution trouvée!!! =D

je met ma boite de texte entre <span id="xxx"> ici </span>

et apres je fais juste
Code:

1 2 3 var res = Math.floor(Math.random() * value_max)+value_min; document.getElementById('xxx').innerHTML = "<input type=\"text\" name=\"ctrl\" value=\""+ res +"\" maxlength=\"3\" style=\"width:30px\"/>";
et voila, ma fonction remplie la boite de texte =D

merci a vous pour m'avoir aider a demarer :ccool: