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 ?

**SpaceFrog** · 03/06/2010, 11h58

sans voir le code complet de la page ???
Nous ne somme pas extralucides ...

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

JavaScript

Discussions similaires

Partager

Partager