DOM - Title ALt

Bonjour,:)
Comment ajouter dans un tableau en utilisant le DOM un texte pour le quel l'utilisateur peut obtenir des infos s'il survole le texte avec sa souris.
En HTML j'ai un code du type
Code:

1 2 <td style='text-align: left;' alt='info utilisateur' title='info utilisateur'>Lapin</td>
Je souhaite pouvoir construire la même chose mais avec des instruction DOM :
exemple :
Code:

1 2 3 4 5 6 7 8 var row = document.createElement("tr"); // Cellule 1 Nom cell = document.createElement("td"); texte = document.createTextNode('Lapin'); cell.appendChild(texte); row.appendChild(cell);
Par avance merci

Tavar

salut,

avec l'emploi de setAttribute (premier argument étant donc title)

Bonjour galerien69,

Tout d'abord merci. Avant de poster, j'ai effectivement essayé de mettre :
Code:

1 2 3 4 5 6 cell = document.createElement("td"); var texte = document.createTextNode('lapin'); texte.setAttribute('title','info utilisateur'); cell.appendChild(texte); row.appendChild(cell);
Mais à priori, je suis à côté de la plaque.

Je me demande si je doit utiliser un createTextNode('lapin'); ou autre chose

non.

Code:

<td title="lol">lapin</td>

Tu as un node td
et tu as un textNode qui contient lapin.

L'attribut title est sur le td et non sur le textNode.

(donc tu dois appeler setAttribute sur ton td)

Salut,

Le texte peut être contenu dans la balise  qui elle même contient l'attribut title.

Avec...
Code:

1 2 3 4 5 6 7 8 cell=document.createElement('td'); var span=document.createElement('span'); span.setAttribute('title','info utilisateur'); span.appendChild(document.createTextNode('Lapin')); cell.appendChild(span); row.appendChild(cell);
On obtient
Code:

1 2 3 <tr> <td>Lapin</td> </tr>
Edit : Oups ! Oui, c'est mieux sur le <td> directement

Encore merci galerien69 pour votre réponse, mais je n'y suis pas arrivé. En revanche le code de Eric2a fonctionne parfaitement.
Le hic, c'est qu'il est d'accord avec vous.

Bon, j'avoue, je programme rarement, et me remettre avec les notation DOM, c'est dure dure.
Je préfère apprendre à pêcher qu'on me donne du poisson, mais là je suis preneur du poisson (code).

Encore merci,

Tavar
promis, je vais relire des tutos ...:mrgreen:

rien de différent...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript">
 
	window.onload=function(){
	  var tr=document.getElementById('lol');
	  var td=document.createElement('td');
	  td.setAttribute('title','I am the title');
	  td.innerHTML='lapin';
	  tr.appendChild(td);
	}
	</script>
</head>
<body>
<table><tr id="lol"></tr></table>
</body>
</html>

merci