Comment ajouter du code a la suite ?

**maximenet** · 02/02/2006, 14h30

Bonjour, je fait un petite appli en php pour cr�er des devis, et j'aimerai que des que la personne click sur Ajouter �� lui ajoute une nouvelle ligne pour ajouter un produit:

voici le code php:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
	$produit='<select name="produit[]">';
	while($result_produit=mysql_fetch_array($req_produit)){
		$produit.= '<option value="'.$result_produit['produit'].'">'.$result_produit['produit'].'</option>';
	}
	$produit.='</select>';

donc en gros l� $produit contient une suite d'option a selectionner

l'affichage de ce code fonctionne tres bien mais moi j'aimerai qu'a la suite de �� j'ajoute un bouton "Ajouter" et hop �� l'ajoute une autre fois a la suite.

comment puis je faire ?

J'ai encore pas vraiment trop toucher a javascript donc j'espere que jsuis pas a cot� de la plaque ?

**siddh** · 02/02/2006, 14h32

tu veux ajouter quoi ?

une option dans ton select ?

**maximenet** · 02/02/2006, 14h36

non en faite ma question n'ai pas assez complete

Alors dans un premier temps j'ai ce code l� dans un <table>:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<tr>
	<td>
	<?php
                echo $produit;
        ?>
	</td>
	<td>
		<input type="text" name="quantite" size="10" />
	</td>
	<td>
		<input type="text" name="prix" size="10" />
	</td>
	</tr>

j'aimerai avoir un bouton ajouter et hop �� me refait exactement la meme chose a la suite

**SpaceFrog** · 02/02/2006, 14h42

tu mets ce code dans un div en display none et tu en fait des cloneNode true et des appendChild ...

**siddh** · 02/02/2006, 14h43

ben met un input de type button avec sur son onclick un appel de methode javascript qui va faire des insertRow.

Voil�, je t'ai donn� les mots cl�s

**maximenet** · 02/02/2006, 14h45

j'ai 2 m�thode l�, laquelle serai la plus simple pour moi ?

euhh merci pour les mots clefs

**siddh** · 02/02/2006, 14h47

ben ca depend surtout si tu veux reecrire absolument la meme ligne a chaque fois ou pas

**SpaceFrog** · 02/02/2006, 14h48

ben je vais pas te dire que ma m�thode n'est pas bonne ...
j'apporterais juste la modification suivante:
ne le mets pas dans un div mais utilise la balise tr en display none

**SpaceFrog** · 02/02/2006, 14h50

ben m�me si c'est pas le m�me contenu dans les cellule siddh on peut toujours acceder au contenu ... firstChild.data ou innerHTML

par contre je recommande vivement l'utilisation d'un nodeCleaner avant ...

**maximenet** · 02/02/2006, 14h51

oui c pour r�ecrire exactement la meme ligne a la suite des qu'on appuie sur le bouton ajouter

mais bon pour qlq'un qui conn� pas trop la syntaxe javascript va falloir que je cherche un moment l� avant d'appliquer une de vos m�thodes j� l'impression

**siddh** · 02/02/2006, 15h02

oui mais je voit pas l'interet de stocker un element pourle reproduire a l identique et ensuite en modifier le contenu ....

autant en recr�er un de suite.

ou alors, quitte a utiliser innerHTML, qu'il stocke la chaine dans une variable et fasse du innerHTML avec ensuite

**SpaceFrog** · 02/02/2006, 15h11

bon, vite fait alors:

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
<script type='text/javascript'>
function addline(){
var nvlleligne=document.getElementById('ligne').cloneNode(true);
nvlleligne.style.display='block';
document.getElementById('montableau').appendChild(nvlleligne);
}
 
 
</script>
</head>
 
<body>
<input type="button" onclick="addline()" value="ajouter" />
<table>
<tbody id="montableau">
<tr id="ligne" style="display:none;">
	<td> Prix: </td>
	<td> Qté: </td>
</tr>
</tbody>
</table>
 
 
</body>
</html>

**maximenet** · 02/02/2006, 15h12

�� c�t� pour r�pondre �:siddh

bah moi je cherche pas a modifier quoi que ce soit
enfin je pense que je ne demande pas qlq chose de bien compliquer

en gros disons que j'ai ��:

<tr><td></td></tr>

je veu juste reproduit �� l'identique qd on click sur un bouton c tout

Merci bcq SpaceFrog, jv� tester ton code, enfin apres mon rdv chez ma coiffeuse de 15h30, bon jsuis en retard ++ je vous tiens au courant

**maximenet** · 02/02/2006, 16h25

SpaceFrog c'est g�nial ton code encore Bravo �� marche impeccable

Maintenant j'aimerai dans une ligne cr�er que �� me cr�er un bouton pour supprimer la ligne dans laquelle se trouve le bouton:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<input name="Supprimer" type="button" value="Supprimer" onclick="document.getElementById('devis_facture').deleteRow()" />

Comment je pourrai faire pour que deleteRow() supprime tout le <tr> dans lequelle il se trouve ?

**SpaceFrog** · 02/02/2006, 16h59

heu le bouton il est pas dans une ligne ... ...
enfin peut �tre dans ton code ...

mets un id � la ligne

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<tr id='ligneabouton'>

=>

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('ligneabouton').style.display='none'

**maximenet** · 02/02/2006, 17h16

Y'a un truc que je pige pas avec le code que tu m'a fournis plus haut, c que des que je g�nere de nouvelles lignes, et si j'affiche la source de la page �� ne me met pas le changement fait par le javascript ?

y'a til possibilit� que �� change la source ?

**SpaceFrog** · 02/02/2006, 17h33

en php pas en javascript ...

**maximenet** · 02/02/2006, 17h36

ah ou� ok donc en javascript on ne peut pas modifier la source :/

bref j� encore du boulot et encore merci pour l'aide que vous m'avez apporter

**SpaceFrog** · 02/02/2006, 17h38

en fait afficher source te colle le code de d�part ...

maintenant si tu selectionne la page puis tu fais affiche la source du code selectionn�, tu verras le code modifi� ...

**maximenet** · 02/02/2006, 20h49

en faite j'ai un pb avec mon tableau que voici:

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
	<table>
	<thead>
	<tr><td align="center">Produit</td><td align="center">Quantité</td><td align="center">Prix HT</td><td align="center">Prix TTC</td></tr>
	</thead>
	<tbody id="montableau">
	<tr id="ligne" style="display:none">
	<td>
	<?php
                echo $produit;
        ?>
	</td>
	<td>
		<input type="text" name="quantite" size="10" />
	</td>
	<td>
		<input type="text" name="prix_ht" size="7"/>
	</td>
	<td>
		<input type="text" name="prix_ttc" size="7"/>
	</td>
	</tr>
	<tbody>
	<tfoot>
	<tr>
		<td colspan="4" align="left"><input type="button" onclick="addline()" value="Ajouter" /></td>
	</tr>
	<tr>
		<td colspan="4" align="center"><input type="submit" value="Valider" /></td>
	</tr>
	</tfoot>
	</table>

voil� le code javascript:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<script type='text/javascript'>
	function addline(){
		var nvlleligne=document.getElementById('ligne').cloneNode(true);
		nvlleligne.style.display='block';
		document.getElementById('montableau').appendChild(nvlleligne);
	}
</script>

donc en faite si j'ajoute une nouvelle ligne au tableau il me fait comme si le <td> de Produit av� le colspan �gale au nombre de <td> que j'ajoute dans la ligne suivante, donc en gros il me d�cale tout quoi, comment je peut faire ?

Comment ajouter du code a la suite ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager