Insertion javascript dans tableau HTML

Version imprimable

Bonjour à tous,

J'essaie desesperemment de generer du html, qui permettrait d'inserer un resultat dans une cellule du tableau present sur ma page html...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script language="JavaScript" type="text/JavaScript">  </script>
La fonction tourne tres bien, mais impossible d'inserer dans le tableau !

Dans mon code html, j'ai ca avant la cellule...
Code:

1 2 3 4 //.................le tableau... <td height="88"><table width="100%" border="0"> <tr> <td width="21%" height="58">
et puis apres le </td>' ou dans le javascript, j'ai essayé plein de combinaisons differentes... Je trouve pas !

Quelle balise faut-il generer a l'aide de java ? Et quelles balises laisser en dehors du script ?

Merci d'avance !!!

04/08/2005, 14h56
Oluha

1) il manque un ; dans ta fonction

2)je ne vois pas l'id div_1 dans ton code...
04/08/2005, 16h06
Rocca
Oui, probleme de copier coller sorry.

Les id proviennent d'un objet de la page.
La fonction tourne, mais voila le probleme :

j'insere le javascript dans une cellule d'un tableau de ma page html :
entre les balises :
Code:

1 2 3 4 5 6 7 ... <td width="21%" height="58"> //tableau <script language="JavaScript" type="text/JavaScript"> ..... </script> </td> //tableau ...
Mais lorsque j'affiche la page, le lien généré ne s'affiche pas dans le tableau, mais en dehors...

J'ai fait une erreur, c'est sur, mais ou ?

Merci de ta reponse

bonjour,

je ne sais pas si ce script peut répondre à ton problème. Ce script modifie le contenu d'une cellule d'un tableau. Il fonctionne sous IE et FireFox:

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
<html>
<head>
	<title></title>
<style type="text/css">
<!--
.Tab{
border-width: 1px;
border-style: solid;
border-color: #FFCC88;
width: 100%;
}
//-->
</style>
<script type="text/javascript" language="javascript">
<!--
var chrono;
 
function ChangeContenu(){
chrono=setInterval(ModifTD,3000);
}
 
function ModifTD(){
 var elmt=document.getElementById("idTD");
 var contenu="";
 /*contenu=elmt.innerHTML;
 
 alert(contenu);*/
 
 contenu="<a href=\"#\">Nouveau contenu</a>";
 elmt.innerHTML=contenu;
 
 clearInterval(chrono);
}
//-->
</script>
</head>
 
<body onload="ChangeContenu()">
<p>Haut du tableau</p>
<p id="idPg">
 
<table class="Tab">
<tr>
	<td style="border-width: 1px; border-style: solid;"><center>Ceci est le titre:</center></td>
</tr>
<tr>
	<td id="idTD" style="border-width: 1px; border-style: solid;">Contenu de la cellule</td>
</tr>
<tr>
	<td style="border-width: 1px; border-style: solid;">Autre cellule</td>
</tr>
</table>
</p>
 
<p>Bas du tableau</p>
 
</body>
 
</html>

Le script est éxecuté lors du chargment de la page. Pour mieux voir les modifications apportées, j'ai rajouté une tempo.

06/08/2005, 16h42
Rocca

ok, je te remercie, je vai essayer ca alors !
08/08/2005, 12h28
Auteur

tu remarqueras que la table est entourée de balise <p> (<p id="idPg">), n'en tiens pas compte, elle n'est pas nécessaire ici.