choisir un nom au hasard et l'afficher dans une zone de texte

**tatout54** · 02/06/2010, 14h55

Bonjour � tous

je ne suis qu'un simple d�butant archi nul, et d�j� toute mes excuses pour cela.

Voila mon soucis je d�but avec des petits script en javascript, et j'essaye de trouv� et comprendre la m�thode qui fait que lorsque je clique sur un bouton ca doit piocher un nom au hasard et l'afficher dans une zone de texte.

J'arrive a tirer un nom au hasard super simple la n'est pas trop le soucis mais la ou je coince c'est que je ne sais pas comment l'afficher dans une zone de texte lorsque je clique sur un bouton.

Voici ce que j'ai comme Code Javascript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
Function aleatoire()
{
 
Switch(aleatoire){
case0:document.write("prenom1");break;
case1:document.write("prenom2");break;
case2:document.write("prenom3");break;
case3:document.write("prenom4");break;
}}

Et voici mon code HTML

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<input id="affectation" title="affectation" name="affectation" class="boxform" >
<input type="button" value="aleatoire" name ="aleatoire" onclick="aleatoire()">

Lorsque je fait ceci: j'ai pour r�sultat lorsque je clique sur le bouton il charge une nouvelle page dans laquelle il �crit bien un nom pioch� au hasard.

Seulement je ne veux pas qu'il s'affiche sur une nouvelle page mais bien dans la zone de texte au dessus du bouton.

Je suis vraiment un idiot � la mati�re dont je m'en excuses, j'essaie d'en apprendre plus sur le javascript.

Je vous remercie par avance chaleureusement pour l'aide et les �claircissement que vous pourriez m'apporter

Tchouuuu

**SpaceFrog** · 02/06/2010, 15h00

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
var tabprenom=new Array('prenom 1','prenom 2','prenom 3','prenom 4')
function aleatoire(){
var rand=Math.floor(Math.random()*4)
document.getElementById('affectation').value=tabprenom[rand]
}
</script>
</head>
 
<body>
<input type='text' id="affectation" title="affectation" name="affectation" class="boxform" >
<input type="button" value="aleatoire" name ="aleatoire" onclick="aleatoire()">
</body>

**tatout54** · 02/06/2010, 16h18

Bonjour,

Je vous remercie d abord pour l'aide que vous m'apportez,

en reprenant votre concept malheureusement chez moi rien ne se passe,
je ne sais pas ou cela a foir�.

Je vous remercie chaleureusement.

Cordialement
Tatout

**vermine** · 03/06/2010, 08h01

Bonjour,

Montrez-nous la nouvelle version du code.

**tatout54** · 03/06/2010, 11h07

Re bonjour,

Alors autant pour moi, mais cela fonctionne parfaitement.

Je vous avais dit que j'�tais ignorant

Un tout grand merci pour votre aide et toute mes excuses

Par contre avez vous une id�e pourquoi lorsque j'ins�re ce code sur une page existante pourquoi cela fonctionne plus ?

**vermine** · 03/06/2010, 11h48

Page existante ? Vous voulez dire une de vos pages ?
Le <body> se retrouve en double ou bien des �l�ments se trouvent en dehors ?
Doublons au niveau d'id ?

choisir un nom au hasard et l'afficher dans une zone de texte

JavaScript

Vue hybride

Discussions similaires

Partager

Partager