begin process at 2012 02 14 11:14:36
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Petit souci avec les Dom


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Petit souci avec les Dom

mardi 19 juillet 2005 à 10:59:37 | Petit souci avec les Dom

mikl74

Salut a tous,
j'ai un petit problème avec un script utilisant les dom,
en faite , je souhaite créer un tableau ou je peux ajouter des ligne grâce au dom.
Mon seul petit problème c'est que ca marche super bien avec firefox mais rien du tout avec ie!!!
Voici mon script si vous pouvez m'aider :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>

<script type="text/javascript">
function Ajout()
{
     var ligne = document.createElement("tr");
     var cases1 = document.createElement("td");
      var cases2 = document.createElement("td");
      var cases3 = document.createElement("td");
    var cases4 = document.createElement("td");
   
     var descr = document.createTextNode(document.form.description.value);
      var mont = document.createTextNode(document.form.montant.value);
       var four = document.createTextNode(document.form.fournisseur.value);
    var delai = document.createTextNode(document.form.delai.value);
   
    cases1.appendChild(descr);
    cases2.appendChild(mont);
    cases3.appendChild(four);
    cases4.appendChild(delai);
    ligne.appendChild(cases1);
    ligne.appendChild(cases2);
    ligne.appendChild(cases3);
    ligne.appendChild(cases4);
   
     var ligneSortie = document.getElementById("Frais");
     ligneSortie.appendChild(ligne);
}
</script>

<body>
<form name="form">
    <table align="center">
        <tr>
            <td>Description :</td>
            <td><textarea name="description"></textarea></td>
        </tr>
        <tr>
            <td>Montant :</td>
            <td><input type="text" name="montant" value=""></td>
        </tr>
        <tr>
            <td>Fournisseur :</td>
            <td><input type="text" name="fournisseur" value=""></td>
        </tr>
        <tr>
            <td>Delai fournisseur :</td>
            <td><input type="text" name="delai" value=""></td>
        </tr>
        <tr>
            <td colspan="2"><input type="button" onClick="Ajout()" name="d" value="ajout"></td>
        </tr>
    </table>

    <table id="Frais" border="1">
        <tr>
        <td>Description</td>
        <td>Montant</td>
        <td>Fournisseur</td>
        <td>Délai fournisseur</td>
        </tr>
    </table>
</form>


</body>
</html>


mardi 19 juillet 2005 à 12:24:09 | Re : Petit souci avec les Dom

zrelli

Réponse acceptée !


zrelli

tu peux tester ca


<script type="text/javascript">
function Ajout()
{
     var ligneSortie = document.getElementById("Frais");
     var ligne =   ligneSortie. insertRow();
     var cases1 = document.createElement("td");
      var cases2 = document.createElement("td");
      var cases3 = document.createElement("td");
     var cases4 = document.createElement("td");
   
     var descr = document.createTextNode(document.form.description.value);
      var mont = document.createTextNode(document.form.montant.value);
       var four = document.createTextNode(document.form.fournisseur.value);
    var delai = document.createTextNode(document.form.delai.value);
   
    cases1.appendChild(descr);
    cases2.appendChild(mont);
    cases3.appendChild(four);
    cases4.appendChild(delai);
    ligne.appendChild(cases1);
    ligne.appendChild(cases2);
    ligne.appendChild(cases3);
    ligne.appendChild(cases4);
    
    
}
</script>
<script type="text/javascript">
function Ajout()
{
     var ligne = document.createElement("tr");
     var cases1 = document.createElement("td");
      var cases2 = document.createElement("td");
      var cases3 = document.createElement("td");
    var cases4 = document.createElement("td");
   
     var descr = document.createTextNode(document.form.description.value);
      var mont = document.createTextNode(document.form.montant.value);
       var four = document.createTextNode(document.form.fournisseur.value);
    var delai = document.createTextNode(document.form.delai.value);
   
    cases1.appendChild(descr);
    cases2.appendChild(mont);
    cases3.appendChild(four);
    cases4.appendChild(delai);
    ligne.appendChild(cases1);
    ligne.appendChild(cases2);
    ligne.appendChild(cases3);
    ligne.appendChild(cases4);
   
     var ligneSortie = document.getElementById("Frais");
     ligneSortie.appendChild(ligne);
}
</script>


Cette discussion est classée dans : ligne, var, document, createelement, appendchild


Répondre à ce message

Sujets en rapport avec ce message

Probleme setAttribute dans une table dynamique [ par ShivaanKeldon ] Bonjour J'ai créé un petit outil de comptage de points pour le tarot, en javascript. le calcul en lui meme fonctionne très bien, mais c'est au niveau lien url dans tableau dynamique ! [ par san67 ] Bonjour tout le monde, petit souci en ce mardi matin :)Alors voila j'ai un tableau dynamique en javascript et j'aimerai que dans une partie du tableau removeChild et formulaire dynamique php [ par tiquisrd ] Bonjour, essayant de faire un formulaire PHP dynamique, je suis confronté à un problème que je ne peux résoudre avec mes faibles connaissances... Ce c Supprime toujours la dernière ligne du tableau ? [ par alaska749 ] Bonsoir, J'ai ré-adapté un code trouvé afin qu'il m'initialise et me crée à chaque appel de la fonction, un tableau dynamique en fonction d'une chain Marche pas sous ie7 [ par aurelbobol6 ] Bonjour,je débute sous java script..j'ai créé un petit tableau dynamique qui fonctionne très bien sous mozilla firefox mais pas sous ie7. Est ce que q génération d'un menu [ par neg03 ] Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :function menu(div){  var b = document.createElement('b'); div.appendChild(b) div value [ par bossou ] bonjour à tous. je voudrais vous remercier tout un chacun pour les réponses pertinentes que vous apportez sur ce site. j'ai un autre problème dans le Créer cellule td dans un tableau html [ par mike1310 ] Bonjour,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 aj Ajout de champs dynamiquement [ par Julien237 ] Bonjour,Je fais très peu de javascript, je viens d'en écrire un permettant d'ajouter dynamiquement des champs à un formulaire qui marche très bien sou


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,529 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales