cs_mike1310232
Messages postés jeudi 30 août 2007Date d'inscription
31 juillet 2009
Dernière intervention
-
24 sept. 2008 à 17:32 - Dernière réponse : cs_mike1310232
Messages postés jeudi 30 août 2007Date d'inscription
31 juillet 2009
Dernière intervention
- 25 sept. 2008 à 09:58
J'ai un probleme de compatibilité entre IE et Mozilla (le truc super rare !!! ).
Mon probleme lors d'un clic, sur un bouton, je dois pouvoir ajouter des ligne dans un tableau html. Ca marche niquel sous mozilla mais pas sous IE... Ennuyant quand meme :
var tableau = document.getElementById('montab');
var ligne = document.createElement("tr");
var cellule = document.createElement("th");
Element.setStyle(cellule, {width: "20px"});
var cellule2 = document.createElement("td");
var texte = document.createTextNode("tu tres joli texte");
var num = document.createTextNode(tableau.getElementsByTagName("tr").length);
cellule.appendChild(num);
ligne.appendChild(cellule);
cellule2.appendChild(texte);
ligne.appendChild(cellule2);
tableau.appendChild(ligne);
Si quelqu'un voit une soluce je suis super preneur ...
J'ai trouvé ma solution ... en fait il fallait créer également à la main un tbody et l'attribué au tableau :
var tableau = document.getElementById('equipe'+equipe);
var tbody = document.createElement("tbody");
var ligne = document.createElement("tr");
var cellule = document.createElement("th");
cellule.style.width= "20px";
var cellule2 = document.createElement("td");
var texte = document.createTextNode(joueur);
var num = document.createTextNode(tableau.getElementsByTagName("tr").length);
cellule.appendChild(num);
ligne.appendChild(cellule);
cellule2.appendChild(texte);
ligne.appendChild(cellule2);
tbody.appendChild(ligne);
tableau.appendChild(tbody);
Zobibol469
Messages postés mercredi 9 janvier 2002Date d'inscription
20 février 2017
Dernière intervention -24 sept. 2008 à 17:45
0
Merci
Salut c'est un tout petit problème de tbody non présent. FF passe outre mais pas ie
voilà mon essais :
<html>
<head>
<title></title>
<script>
function addLine(){
var tableau = document.getElementById('montab');
var ligne = tableau.insertRow(-1);
var cellule = ligne.insertCell(-1);
cellule.style.width= "20px";
var cellule2 = document.createElement("td");
var texte = document.createTextNode("tu tres joli texte");
var num = document.createTextNode(tableau.getElementsByTagName("tr").length);
cellule.appendChild(num);
ligne.appendChild(cellule);
cellule2.appendChild(texte);
ligne.appendChild(cellule2);
}
</script>
</head>
</html>
marche sur IE et FF.
j'ai juste supprimé l'appel à Element.setStyle(cellule, {width: "20px"});
parce que je voulais pas inclure prototype ;o)
Merci de ta réponse aussi rapide mais j'ai deja un tbody dans mon tableau... Je te donne tous mon code si ça peux te parler :
JS:
function addJoueur(joueur,equipe)
{
var tableau = $('equipe' + equipe);
var ligne = document.createElement("tr");
var cellule = document.createElement("th");
var cellule2 = document.createElement("td");
var texte = document.createTextNode(joueur);
var num = document.createTextNode($('equipe'+equipe).getElementsByTagName("tr").length);
cellule.appendChild(num);
ligne.appendChild(cellule);
cellule2.appendChild(texte);
ligne.appendChild(cellule2);
tableau.appendChild(ligne);
}
var tableau = document.getElementById('equipe'+equipe);
var ligne = document.createElement("th");
var cellule = document.createElement("th");
cellule.style.width= "20px";
var cellule2 = document.createElement("td");
var texte = document.createTextNode(joueur);
var num = document.createTextNode(tableau.getElementsByTagName("tr").length-1);
cellule.appendChild(num);
ligne.appendChild(cellule);
cellule2.appendChild(texte);
ligne.appendChild(cellule2);
si je la remplace par : var ligne = tableau.insertRow(-1); et bien ça fonnctionne ... si quelqu'un a une explication je suis bien preneur
a aidé 98 internautes ce mois-ci