Aide en JS/DHTML

Aide en JS/DHTML - HTML/CSS - Programmation

Marsh Posté le 28-04-2003 à 07:27:21    

Bonjour !  
 
Etant réèllement mauvais en JS/DHTML, je n'arrive pas à adapter un script. Celui ci est à l'origine prevu pour ajouter un champ au formulaire à chaque clic sur le bouton 'Ajouter'.  
 
Mes champs sont des champs type 'file'.J'ai ajouté au script d'origine deux boutons à coté de chaque champ rajouté , un bouton 'Supprimer' et un bouton 'Visualiser'.  
 
Seulement voilà:  
 
Je n'arrive pas à modifier le script pour que ce soit le champ concerné par le bouton 'supprimer' qui soit supprimé et non le dernier champ crée comme à l'origine du script.  
 
Je sais pas si je m'explique très bien..  
 
Voilà le script:  
 

Code :
  1. <form action="traitement.php" method="post" enctype="multipart/form-data" name="insert">
  2. <table align="center" width="50%" border="0"> 
  3. <tbody id="photos"> 
  4. </tbody> 
  5. </table>
  6. <input type="button" class="btn2" value="Ajouter une photo" onclick="ajoute_ligne()"
  7. </form>
  9. <script language="javascript"> 
  10. <!-- 
  11. var numchamp = 0; 
  13. function ajoute_ligne() 
  14. { 
  15. emplacement = document.getElementById("photos" ); 
  17. //-- création d'une ligne ----------   
  18. elem = document.createElement("tr" ); 
  19. ligne = emplacement.appendChild(elem); 
  21. //-- création d'une cellule ----------   
  22. elem = document.createElement("td" ); 
  23. cellule = ligne.appendChild(elem); 
  25. //-- création d'un input ----------   
  26. var ligne = "<input class='form' size='35' type="file" id="photo" + numchamp + "" name="photo" + numchamp + "" >  ";
  27. var ligne = ligne + "<input type="button" class="btn" value="Supprimer" onclick="supprime_ligne(numchamp)" >  ";
  28. var ligne = ligne + "<input type="button" class="btn" value="Visualiser" onclick="visualiser(numchamp)" >  ";
  29. cellule.innerHTML = ligne; 
  31. numchamp=numchamp+3; 
  32. } 
  34. function supprime_ligne(numchamp) 
  35. { 
  36. emplacement = document.getElementById("photos" );
  37. if (! emplacement.hasChildNodes()) return; 
  39. //-- effacement de la dernière ligne ----------   
  40. ligne = emplacement.getElementsByTagName("tr" );
  41. emplacement.removeChild(ligne.item(ligne.length - 1)); 
  42. numchamp--; 
  43. } 
  45. </script>


 
Si quelqu'un pouvait m'aider, ce serait sympa parceque là je sèche complètement ;-) ...  
 
Merci !  

Reply

Marsh Posté le 28-04-2003 à 07:27:21   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed