Balise html dans variable JS [Résolu]

darkterreur · 15/03/2011, 11h43

Bonjour,
[CODE]
Je me permet d'écrire car j'ai un probleme.
Je désire remplire un tableau avec de l'ajax, Bon en se qui concerne mon flux xml tout va bien je recupere les donné et je peux les afficher dans un
alert(). Seulement j'ai un tableau comme ceci :

Code :

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

1
2
3
4
5
6
7
 
<table>
    <tr>
         <td>Nom</td>
         <td>Prenom</td>
    </tr>
</table>

Le but est de de creer un <tr> par boucle et plusieurs

Code :

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

1
2
3
 
<td>contenu_xml_nom</td>
<td>contenu_xml_prenom</td>

donc en javascipt je fait :

Code :

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

1
2
3
4
5
6
7
8
 
// les variable leNom et lePrenom s'affiche bien en alert
var code = "<td>"+leNom+"</td>"; 
    code += "<td>"+lePrenom+"</td>";
 
monTr=document.createElement("tr");// je créer mon tr
monTr.innerHTML= code // contenu html
document.getElementById("tableau").appendChild(monTr);// je l’injecte dans le tableau

et donc si je fait un alert je voit bien les balise <td>
cependant dans la page web tout est mit dans le tr ( normal) mais les td n'apparaisse pas.

Pouvez vous m'aider ? Merci d'avance

SpaceFrog · 15/03/2011, 11h50

il faut appender dans le tbody du tableau

Golgotha · 15/03/2011, 11h51

Bonjour,

Essaye comme ça peut être :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 var td1 = document.createElement("td");
 var td2 = document.createElement("td");
 
  td1.appendChild(document.createTextNode(leNom));
  td2.appendChild(document.createTextNode(lePrenom));
 
var tr = document.createElement("tr");
 
  tr.appendChild(td1);
  tr.appendChild(td2);
 
 
 
document.getElementById("tableau").appendChild(tr);

SpaceFrog · 15/03/2011, 11h56

Code :

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

1
2
 
document.getElementById("tableau").getElementsByTagName('tbody')[0].appendChild(tr);

SpaceFrog · 15/03/2011, 11h57

sinon
http://www.developpez.net/forums/d47...hlight=tableau

darkterreur · 15/03/2011, 12h09

Bonjour merci pour vos reponses je n'ai pas encore tout lu.

Golgotha, quand je fais votre code plus rien ne s'affiche, et pas d'erreur de script ou de syntaxe, tester avec firbug et Ie .

en revanche si je fait cela

Code :

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

1
2
3
4
5
6
7
 
var tr = document.createElement("tr");
 
document.getElementById("tableau").appendChild(tr);
 
  tr.appendChild(td1);
  tr.appendChild(td2);

des <tr> vide sont créer mais pas le bon nombre un seulement.

SpaceFrog PJe pense comprendre se que vous voulez me dire, je peux essayer mais cela réglera vraiment mon problème? car de base mes <tr> était bien créer et toutes les donnée étais misent en vrac dedans sans que les <td> apparaissent .

merci d'avance je m'attaque aux autres réponses.

Golgotha · 15/03/2011, 12h15

j'ai testé la page suivante et ça marche très bien.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
<title>test ajax</title>
<SCRIPT language="Javascript">
<!--
 
function Chargement() {
var td1 = document.createElement("td");
 var td2 = document.createElement("td");
 
  td1.appendChild(document.createTextNode("salaun"));
  td2.appendChild(document.createTextNode("cedric"));
 
var tr = document.createElement("tr");
 
  tr.appendChild(td1);
  tr.appendChild(td2);
 
 
 
document.getElementById("tableau").appendChild(tr);
 
 
}
 
//-->
</SCRIPT>
 
</head>
<body>
 <table id="tableau" border=1>
 </table>
<a href="javascript:;"
onClick="Chargement()">
Cliquez ici!</a>
 
</body>
</html>

darkterreur · 15/03/2011, 12h34

Bon j'ai retaper le code finalement cela fonctionne

mille merci Golgotha et SpaceFrog bien entendu.

SpaceFrog · 15/03/2011, 12h56

ça fonctionne de façon crossbrowser ???

darkterreur · 15/03/2011, 13h41

crossbrowser ??? desoler je ne connais pas c'est quoi?

Golgotha · 15/03/2011, 13h42

SpaceFrog · 15/03/2011, 13h42

pour tous les navigateurs ...
j'ai déja rencontré ce souci et si l'append ne se fait pas dans le tdbody ça ne passait pas sous certaines versions de navigateurs..

darkterreur · 15/03/2011, 14h18

d'accord d'accord et bien avec mon code je n'ai pas créer de <tbody>
cependant quand avec firebug je parcours mon code de page le <tbody> apparaît.

SpaceFrog · 15/03/2011, 14h19

le tbody existe implicitement même si tu ne l'as pas codé dans ton html ..

darkterreur · 15/03/2011, 14h27

D'accord dois je le creer manuellement ?
je suppose que c'est se que vous me conseiller...
je vais tester sur d'autre FAI

SpaceFrog · 15/03/2011, 14h29

non justement rien que le fait d'avoir une balise table dans ton html implique l'existence de la balise tbody

Loceka · 15/03/2011, 14h31

Citation:

Envoyé par darktererur

je vais tester sur d'autre FAI

Fournisseur d'Accès Internet ?

darkterreur · 15/03/2011, 14h35

Alors je viens de tester sur mozilla, IE, et Chrome
et cela fonctionne que sous mozilla
Bon j'ai la fonction getXMLhttpRequest() en fonction du navigateur.
Et pas de <tbody>

darkterreur · 15/03/2011, 14h36

Heu non navigateur désoler mes doigts ont fourchés

NoSmoking · 15/03/2011, 20h19

Citation:

Envoyé par SpaceFrog

il faut appender dans le tbody du tableau

c'est effectivement IMPERATIF sous IExplorer, à preuve, s'il en fallait encore le code de Golgotha ne donne rien sous IE, au passage

Code :

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

<script type="text/javascript">

et non

Code :

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

<SCRIPT language="Javascript">

L'autre solution est d'utiliser les méthodes insertRow et insertCell, on a une garantie de crossBrowsage même si l'on n' aura pas toujours la performance.

15/03/2011, 11h50	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	il faut appender dans le tbody du tableau __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2011, 11h57	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	sinon http://www.developpez.net/forums/d47...hlight=tableau __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2011, 12h34	#8
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	Bon j'ai retaper le code finalement cela fonctionne mille merci Golgotha et SpaceFrog bien entendu.
	00

15/03/2011, 12h56	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ça fonctionne de façon crossbrowser ??? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2011, 13h41	#10
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	crossbrowser ??? desoler je ne connais pas c'est quoi?
	00

15/03/2011, 13h42	#11
Golgotha Modérateur cédric Développeur informatique Inscription : août 2007 Messages : 732 Détails du profil Informations personnelles : Nom : cédric Âge : 27 Localisation : France Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2007 Messages : 732 Points : 1 573 Points : 1 573	__________________ modérateur webmasters - développements web & php faq jQuery - règles du forum - faqs web mon espace perso Venez participez au deuxième defi Web !
	00

15/03/2011, 14h18	#13
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	d'accord d'accord et bien avec mon code je n'ai pas créer de <tbody> cependant quand avec firebug je parcours mon code de page le <tbody> apparaît.
	00

15/03/2011, 14h19	#14
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	le tbody existe implicitement même si tu ne l'as pas codé dans ton html .. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2011, 14h27	#15
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	D'accord dois je le creer manuellement ? je suppose que c'est se que vous me conseiller... je vais tester sur d'autre FAI
	00

15/03/2011, 14h29	#16
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	non justement rien que le fait d'avoir une balise table dans ton html implique l'existence de la balise tbody __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/03/2011, 14h35	#18
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	Alors je viens de tester sur mozilla, IE, et Chrome et cela fonctionne que sous mozilla Bon j'ai la fonction getXMLhttpRequest() en fonction du navigateur. Et pas de <tbody>
	00

15/03/2011, 14h36	#19
darkterreur Membre du Club Inscription : septembre 2009 Messages : 314 Détails du profil Informations forums : Inscription : septembre 2009 Messages : 314 Points : 46 Points : 46	Heu non navigateur désoler mes doigts ont fourchés
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email