begin process at 2012 05 29 18:13:33
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

remplissage div avec JS


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

remplissage div avec JS

mardi 5 octobre 2010 à 12:23:43 | remplissage div avec JS

themagician67

Bonjour,

Je rencontre un problème avec un div. j'ai un tableau de la sorte :
Code HTML :
<tr>
<td class=\"userDetails4\"><div id=\"newDesignation\"><a name=\"newLine\"></a></div></td>
<td class=\"userDetails4\"><div id=\"newQuantite\"></div></td>
<td class=\"userDetails4\"><div id=\"newPrix\"></div></td>
<td class=\"userDetails4\"><div id=\"newMontant\"></div></td>
<td class=\"userDetails4\"><div id=\"newAction\"></div></td>
<div id=\"newLine_\"></div>
</tr>


je remplis directement le contenu de mes div avec du Js :

Code Javascript :
newDesignation = '<textarea id=\"designation_'>saisir la désignation de la réparation</textarea>';	

newQuantite = '<input id=\"quantite_'\" type=\"text\" value=\"saisir la quantité \"';

newPrix = '<input id=\"prix_' type=\"text\"value=\"saisir le prix unitaire\"';

newMontant = '<input id=\"montant_\" type=\"text\" class=\"montant\" disabled'>';	

newAction = '<img src=\"../images/arrow_up.png\" onClick=\"upLine(\'' + numeroNewLine + '\')\"><br/><br/><img src=\"../images/arrow_down.png\" onClick=\"downLine(\'' + numeroNewLine + '\')\">';

newAction2 = '<tr><td class=\"userDetails4\"><div id=\"newDesignation\"><a name=\"newLine\"></a></div></td><td class=\"userDetails4\"><div id=\"newQuantite\"></div></td><td class=\"userDetails4\"><div id=\"newPrix\"></div></td><td class=\"userDetails4\"><div id=\"newMontant\"></div></td><td class=\"userDetails4\"><div id=\"newAction\"></div></tr>';


document.getElementById('newDesignation').innerHTML = newDesignation;
document.getElementById('newQuantite').innerHTML = newQuantite;
document.getElementById('newPrix').innerHTML = newPrix;
document.getElementById('newMontant').innerHTML = newMontant;
document.getElementById('newAction').innerHTML = newAction;
document.getElementById('newLine_').innerHTML = newAction2;


Evidemment, il y a une erreur car ma div 'newLine' est située après le </tr>. Mon problème est que je veux remplir une div 'newLine_' mais je ne sais pas où l'insérer car il faut qu'elle soit après le dernier </tr> (voir début du code html ci-dessus). En la mettant après le dernier </tr>, ça "bousille" tout :o(

Merci d'avance pour votre aide...


mardi 5 octobre 2010 à 15:39:37 | Re : remplissage div avec JS

kazma

Administrateur CodeS-SourceS
Réponse acceptée !
tu peut pas mettre un div dans un tr soit tu rajoute un td et pour qu'il prenne toute la ligne du tableau tu lui rajoute l'attribut colspan=5 soi tu met le tableau dans un div et tu met le div en dessous du tableau
mardi 5 octobre 2010 à 16:03:35 | Re : remplissage div avec JS

themagician67

Merci de ta réponse. Je t'en dit un peu plus sur ce que je souhaite exactement.
Au départ, dans mon JS, j'avais concaténé newAction et newAction2 et de faire qu'un seul newAction.innerHTML
mais les 2 balises de fermeture </div></td> de

<td class=\"userDetails4\"><div id=\"newAction\"></div></td>

me font bugger mon code. En fait, l'idéal pour moi serait de supprimer dynamiquement ces 2 dernières balises </div></td> dans

<td class=\"userDetails4\"><div id=\"newAction\"></div></td>

Car mon code 'newAction2' doit apparaître à cet endroit

<td class=\"userDetails4\"><div id=\"newAction\"></div></td> + monCode newAction2

Est-ce possible ? Parce que je crois que ta solution n'est pas adaptée à mon cas. Merci d'avance.


Cette discussion est classée dans : document, color, div, getelementbyid, innerhtml


Répondre à ce message

Sujets en rapport avec ce message

pb de getElementById [ par kidpigeyre ] for(var i=0;i { document.getElementById("tete")[i].innerHTML=document.getElementById("tete")[i].innerHTML.substr(0,3); }voila ça ça ne ma obj.innerHTML [ par fgingat ] Bonjour à tous .. Voila mon premier poste concerne un soucis de comprehension de la methode de fonctionnement de obj.innerHTML  A savoir sur une page connaitre la position (coordonnées) du curseur de la souris? [ par johanb ] Bonjour à tous, tous est dis dans le titre.Je sais c'est censé être qqc de basique, mais j'ai du mal. Voici l'origine de mon probleme: j'ai une liste Methode "document.getElementById" // Probleme de modification de plusieurs DIV [ par Gunsnake ] Bonjour, Voici mon problème. J'aimerais, au moyen d'un bouton actionné, modifier plusieurs DIV de ma page web. Tout ceci dans le but d'éviter les fra Problème avec la fonction switch [ par stiml ] Bonjour, Je sais qu'on a posté plusieurs questions sur ce sujet mais je n'est pas trouvée ma réponseMerci de m'éclairer sur cette fonction qui ne fonc document.getElementById() .div [ par abdoulax ] Bonjour, Je voulais faire un truc du genre : document.getElementById(id).div.style.paddingTop="0px"; En faite je veux modifier le style des div enfa couleur, radiobutton, onclick [ par gabs77 ] slt, j'ai un souci avec mon formulairej'ai un formulaire de base auquel j'ai des formulaires spécifiques par rapport a des choix effectuer dans ce for Pb AJAX sous IE [ par Emcy ] bonjour,j'ai créé un mini projet où j'ai 3 fichiers :- 1 fichier html : pour affichier ma page- 1 fichier javascript : script lié à ma page html- 1 fi document.body vs document.write [ par arnaultp ] Bonjour à tous!Je n'arrive toujours pas très bien à comprendre ce que font document.body et document.write.Cela fait seulement 2 semaines que je code Redimensionnement de font sur un document.getElementById(obj).innerHTML [ par cousinlol ] Bonsoir,J'ai une fonction impression et je veux redimensionner la taille de la police de ce que j'imprimeJ'ai fait var zi = ""+document.getElementById


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 2,371 sec (3)

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