afficher contenu d'un tableau dans une zone de texte

**michaellynx** · 09/12/2008, 16h27

Bonsoir à tous,
Je suis sur un exercice en JAVASCRIPT
Je voudrais afficher dans une zone de texte, au chargement de ma page, une chaine de caractère contenu dans un tableau: c'est la valeur de tableau[0] que je voudrais afficher. Quelqu'un peut il m'aider?
Merci

**RomainVALERI** · 09/12/2008, 17h03

Où en es-tu exactement ? Montre-nous déjà où tu en es ça nous aidera à t'aider

(sauf bien entendu si tu n'as pas commencé et que tu esperais une résolution complète sans efforts ^^)

si tu ne sais pas par où commencer :
- il y aura un gestionnaire onload sur ta page pour éxécuter ton code de remplissage dès le chargement (idéalement, ce gestionnaire sera ajouté depuis un script externe plutôt qu'inséré dans le html, mais bon ce n'est pas une obligation)
- dans le corps du gestionnaire, tu vas récupérer les éléments utiles (le textarea notamment) par un "document.getElementById(idDuTextArea)", créer une TextNode avec un "document.createTextNode(chaineEnProvenanceDeTonTableau)" que tu vas "coller dans le textarea avec un "tonTextArea.appendChild(tonTextNode)"...

On ne pourra pas dire que j'ai fait le boulot à ta place, mais du point de vue de la construction ça devrait te donner des pistes... enfin j'espère !

**michaellynx** · 10/12/2008, 13h04

Voici un morceau du code que j'ai actuellement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
<head>
<title>Présentation d'image</title>
<link rel="stylesheet" type="text/css" href="B212_devoir3/style3.css">
 
<script style="text/javascript">
var TabNumIm = Array(3,7,5,0,2,4,8,6,1);
var TabAnimaux=Array("Eléphant","Kangourou","Orang-Outang","Ours","Lion","Aigle","Tigre","Lama","Gorille");
</script>
</head>
<body onLoad "Affiche()">
<form name="form1">
<div class="titrepage"> Connaissance des animaux </div>
<div class="texte"> Cliquez sur la photo correspondant à ce nom d'animal:<input type="text" name="nom" size=25> </div>
</div>
<table border="0" width="80%" cellpadding="0">
<tr>
<td>
<script style="text/javascript">
var TabNumIm = Array(3,7,5,0,2,4,8,6,1);
document.write('<img src=B212_devoir3/images/im'+TabNumIm[0]+'.jpg> \n');
document.write('<img src

**RomainVALERI** · 10/12/2008, 13h29

Juste deux remarques à la première lecture (pas plus de temps tout de suite) :

- pour la balise <script>, ça serait plutôt "type" le nom de la propriété à laquelle assigner la valeur "text/javascript"

- la propriété "onload" de ton body est séparé de sa valeur par un espace au lieu d'un "=", ça ne marchera pas

(ah oui aussi : c'est bien d'utiliser les balises code, mais c'est encore mieux avec la bonne coloration syntaxique en plaçant ="html" après le mot-clef CODE)

**Jumano** · 10/12/2008, 13h35

Bonjour,
Je ne vais pas te réitérer les erreurs relevées par Romain.
Un exemple de code pour afficher la valeur TabAnimaux[0] dans l'input pourtant le 'name=nom' :
Tu donnes un 'ID' à ton champs input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="nom" size="25" id="nom">

Ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script language="javascript" type="text/javascript">
var TabNumIm = Array(3,7,5,0,2,4,8,6,1);
var TabAnimaux=Array("Eléphant","Kangourou","Orang-Outang","Ours","Lion","Aigle","Tigre","Lama","Gorille");
function Affiche() {
document.getElementById('nom').value = TabAnimaux[0];
}
</script>

et dans le onload :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onLoad="Affiche();">

afficher contenu d'un tableau dans une zone de texte

JavaScript

Discussions similaires

Partager

Partager