Discussion :

[madinadiouf]

Bonjour,
J'ai une fonction Javascript qui reçoit l'id d'un tableau html et crée une nouvelle ligne à chaque fois q'un bouton est clique;
mais je veux que la cellule créée soit un champ <select> qui a comme valeurs une liste de donnes provenant d'un champ de table de base de données.
voici la fonction JS

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
 
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_nom = ligne.insertCell(0);
    oldiner=cell_nom.innerHTML;	
    cell_nom.innerHTML += '<select id="nom[]"><option value="-1">Aucune direction</option>';
	 <?php
           include('functions.php');
          $bdd_mission_msas=connect();
        $reponse_direct = $bdd_mission_msas->query('SELECT * FROM  agent');
        while ($donnees_sitfamille = $reponse_direct->fetch())
{
        echo '<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>';
}
 
$reponse_direct->closeCursor();
 
?>
cell_nom.innerHTML +='</select>';
cell_nom.innerHTML=oldiner;
 
}

Mais il me signale l'erreur Unexpected token '<', je sais pas si la manière dont j'ai inséré le php dans le javascrip s'est bien passe?

[SpaceFrog]

Tu mélanges js et php de façon scabreuse

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
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_nom = ligne.insertCell(0);
    oldiner=cell_nom.innerHTML;	
 
codeHTML= '<select id="nom[]"><option value="-1">Aucune direction</option>';
<?php
     include('functions.php');
     $bdd_mission_msas=connect();
     $reponse_direct = $bdd_mission_msas->query('SELECT * FROM  agent');
     $optionsHTML="";
      while ($donnees_sitfamille = $reponse_direct->fetch())
  { 
       $optionsHTML.='<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>';
}
 
$reponse_direct->closeCursor();
 
?>
codeHTML+='<?php echo $optionsHTML ."</select>"; ?>';
 
cell_nom.innerHTML=codeHTML;
}

[Invité]

Bonjour,

Ou tu peux faire comme tu l'avais commencé dans ton autre discussion : via Ajax.

[madinadiouf]

Bonjour,

Merci c'est resolu

[Invité]

C'est un forum d'entraide.

Donc, MONTRE comment tu as fait.
Ça peut servir à d'autres.

[madinadiouf]

Bonjour,
voici le

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<table id="tableau">
		<th>Nom</th>
		<th>Prenom</th>
		<th>Situation de famille</th>
		<th>Grade</th>
		<th>Fonction</th>
		<th>Direction</th>
	</table>
<input type="button" onclick="ajouteLigne('tableau')" value="Ajouter agent"/>

Voici le code Javascript : les cellules contiennent des champs select, liste de valeurs provenant de table de base de données

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_nom = ligne.insertCell(0);
	var cell_prenom = ligne.insertCell(1);
	var cell_sitfamille = ligne.insertCell(2);
	var cell_grade = ligne.insertCell(3);
	var cell_fonction = ligne.insertCell(4);
	var cell_direction = ligne.insertCell(5);
 
	    var codeHTML= '<select id="nom_ag[]"><option value="-1">Choisir nom</option>';
		 var codeHTML_prenom= '<select id="prenom_ag[]"><option value="-1">Choisir prenom</option>';
		 var codeHTML_sitfamil= '<select id="sitfamille_ag[]"><option value="-1">Choisir situation famille</option>';
		  var codeHTML_grade= '<select id="grade_ag[]"><option value="-1">Choisir grade</option>';
		   var codeHTML_direct= '<select id="direction_ag[]"><option value="-1">Choisir direction</option>';
	 <?php
	   include('functions.php');
        $bdd_mission_msas=connect();
		$reponse_direct = $bdd_mission_msas->query('SELECT * FROM  agent');
		 $optionsHTML="";				
		while ($donnees_sitfamille = $reponse_direct->fetch())
{
	$optionsHTML.='<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>';
}
 
$reponse_direct->closeCursor();
 
?>
codeHTML+='<?php echo $optionsHTML ."</select>"; ?>';
<?php
	   	$reponse_prenom = $bdd_mission_msas->query('SELECT * FROM  agent');
		 $optionsHTML="";				
		while ($donnees_prenom = $reponse_prenom->fetch())
{
	$optionsHTML_prenom.='<option value="'.$donnees_prenom ['agent_id'].'">'.$donnees_prenom ['nom'].'</option>';
}
 
$reponse_prenom->closeCursor();
 
?>
codeHTML_prenom+='<?php echo $optionsHTML_prenom ."</select>"; ?>';
<?php
	   	$reponse_sitfam = $bdd_mission_msas->query('SELECT * FROM  situation_famille');
		 $optionsHTML_sitfam="";				
		while ($donnees_sitfamille = $reponse_sitfam->fetch())
{
	$optionsHTML_sitfam.='<option value="'.$donnees_sitfamille ['sitfamille_id'].'">'.$donnees_sitfamille ['siuationfamille'].'</option>';
}
 
$reponse_sitfam->closeCursor();
 
?>
codeHTML_sitfamil+='<?php echo $optionsHTML_sitfam ."</select>"; ?>';
cell_nom.innerHTML=codeHTML;
	 cell_prenom.innerHTML = codeHTML_prenom;
	 cell_sitfamille.innerHTML = codeHTML_sitfamil;
	 cell_grade.innerHTML = '<input type="text" name="grade[]"/>';
	 cell_fonction.innerHTML = '<input type="text" name="fonction[]"/>';
	 cell_direction.innerHTML = '<input type="text" name="direction[]"/>';
}