Ah j'ai un petit problème, lorsque j’intègre le script dans mon <form> il lance le submit...
peut-on faire quelque chose ?
la communauté d'entraide francophone dédiée au PHP
Ajout dynamique champs select
POur le bouton caché, prends ce code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Document sans nom</title>
</head>
<style>
.mesSelects{
margin-top:10px;
}
</style>
<body>
<!--La DIV principale où on va ajouter les select -->
<div id="div_entiere">
<!--Le select qu'on veut copier à chaque fois -->
<div id="select_1" class="mesSelects">
<select name="ligne_service_1" id="leschamps_4">
<option value="Madame">Assistance Technique (Régie)</option>
<option value="Monsieur">Infogérance</option>
<option value="Monsieur">PCS</option>
<option value="Monsieur">Hébergement</option>
<option value="Monsieur">Intégration CPEP</option>
<option value="Monsieur">Intégration Projet Réseau</option>
<option value="Monsieur">Intégration Projet Système</option>
<option value="Monsieur">Assistance MOA</option>
<option value="Monsieur">Négoce</option>
<option value="Monsieur">Renouvellement Maintenance</option>
</select>
</div>
</div>
<!--Le bouton d'appel au javascript -->
<br />
<div id="BoutonAddSelect">
<button onclick ="addSelect()" > Ajouter une Liste</button>
</div>
<script>
NbreDiapos = 1;
function addSelect(){
NbreDiapos = NbreDiapos + 1;
var selectACopier = $('#select_1').html();
$('#div_entiere').append('<div id="select_'+NbreDiapos+'" class="mesSelects">'+selectACopier+'</div>');
if(NbreDiapos == 5){
$('#BoutonAddSelect').hide();
}
}
</script>
</body>
</html>
Développeur PHP/Javascript/HTML
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Comme ça:
<button onclick ="addSelect(); return false';" > Ajouter une Liste</button>
Développeur PHP/Javascript/HTML
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Voici mon code final :
peut-on faire en sorte que lorsque l'on ajoute une ligne le : <td>Ligne de service 1</td> évolue aussi ?
ce qui donne :
<td>Ligne de service 1</td>
<td>Ligne de service 2</td>
<td>Ligne de service 3</td>
<td>Ligne de service 4</td>
<td>Ligne de service 5</td>
idem pour le name : <select name="ligne_service_1" id="leschamps_4"> (pour que la base de données soit bien renseignée)
ce qui donne :
<select name="ligne_service_1" id="leschamps_4">
<select name="ligne_service_2" id="leschamps_4">
<select name="ligne_service_3" id="leschamps_4">
<select name="ligne_service_4" id="leschamps_4">
<select name="ligne_service_5" id="leschamps_4">
Merci beaucoup
<tr>
<td>Ligne de service 1</td>
<td>
<style>
.mesSelects{
margin-top:10px;
}
</style>
<!--La DIV principale où on va ajouter les select -->
<div id="div_entiere">
<!--Le select qu'on veut copier à chaque fois -->
<div id="select_1" class="mesSelects">
<select name="ligne_service_1" id="leschamps_4">
<option value="Madame">Assistance Technique (Régie)</option>
<option value="Monsieur">Infogérance</option>
<option value="Monsieur">PCS</option>
<option value="Monsieur">Hébergement</option>
<option value="Monsieur">Intégration CPEP</option>
<option value="Monsieur">Intégration Projet Réseau</option>
<option value="Monsieur">Intégration Projet Système</option>
<option value="Monsieur">Assistance MOA</option>
<option value="Monsieur">Négoce</option>
<option value="Monsieur">Renouvellement Maintenance</option>
</select>
</div>
</div>
<!--Le bouton d'appel au javascript -->
<br />
<script>
NbreDiapos = 1;
function addSelect(){
NbreDiapos = NbreDiapos + 1;
var selectACopier = $('#select_1').html();
$('#div_entiere').append('<div id="select_'+NbreDiapos+'" class="mesSelects">'+selectACopier+'</div>');
if(NbreDiapos == 5){
$('#BoutonAddSelect').hide();
}
}
</script></td>
<td><div id="BoutonAddSelect">
<button onclick ="addSelect(); return false;" > Ajouter une ligne de service</button>
</div></td>
<td> </td>
<td> </td>
<td> </td>
</tr>peut-on faire en sorte que lorsque l'on ajoute une ligne le : <td>Ligne de service 1</td> évolue aussi ?
ce qui donne :
<td>Ligne de service 1</td>
<td>Ligne de service 2</td>
<td>Ligne de service 3</td>
<td>Ligne de service 4</td>
<td>Ligne de service 5</td>
idem pour le name : <select name="ligne_service_1" id="leschamps_4"> (pour que la base de données soit bien renseignée)
ce qui donne :
<select name="ligne_service_1" id="leschamps_4">
<select name="ligne_service_2" id="leschamps_4">
<select name="ligne_service_3" id="leschamps_4">
<select name="ligne_service_4" id="leschamps_4">
<select name="ligne_service_5" id="leschamps_4">
Merci beaucoup
Alors bon, plusieurs choses, tu ne sembles pas vraiment maîtriser déjà le HTML. Evites certaines choses comme par exemple mettre un style au milieu d'un tableau <table></table>
Idem pour le javascript, sort le au moins de ton tableau.
Ci-dessous, le code comme je l'organiserais pour tes listes:
Idem pour le javascript, sort le au moins de ton tableau.
Ci-dessous, le code comme je l'organiserais pour tes listes:
<form action="mapage.php">
<table id="table_entiere">
<tr>
<td>Ligne de service 1</td>
<td>
<select name="ligne_service_1" id="leschamps_4">
<option value="Madame">Assistance Technique (Régie)</option>
<option value="Monsieur">Infogérance</option>
<option value="Monsieur">PCS</option>
<option value="Monsieur">Hébergement</option>
<option value="Monsieur">Intégration CPEP</option>
<option value="Monsieur">Intégration Projet Réseau</option>
<option value="Monsieur">Intégration Projet Système</option>
<option value="Monsieur">Assistance MOA</option>
<option value="Monsieur">Négoce</option>
<option value="Monsieur">Renouvellement Maintenance</option>
</select>
</td>
</tr>
</table>
<div id="BoutonAddSelect">
<!--Le bouton d'appel au javascript -->
<button onclick ="addSelect(); return false;" > Ajouter une Liste</button>
</div>
</form>
<script>
NbreDiapos = 1;
function addSelect(){
NbreDiapos = NbreDiapos + 1;
var selectACopier = $('#leschamps_4').html();
$('#table_entiere').append('<tr><td>Ligne de service '+NbreDiapos+'</td><td><select name="ligne_service_'+NbreDiapos+'" id="leschamps_4">'+selectACopier+'</td></tr>');
if(NbreDiapos == 5){
$('#BoutonAddSelect').hide();
}
}
</script>
Développeur PHP/Javascript/HTML
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Mes sites perso :
construire une piscine => http://www.construire-sa-piscine.com
Le cadre végétal => http://www.cadre-vegetal.org
Hummmmm j'ai oublié une chose...
L'affichage des réquête sql...!
Voici ce que j'ai fait :
Je ne suis pas tout à fait sûr qu'il faille afficher les requêtes comme ça?
Qu'en penses tu?
Merci
L'affichage des réquête sql...!
Voici ce que j'ai fait :
<style>
.mesSelects{
margin-top:10px;
}
</style>
<form action="mapage.php">
<table id="table_entiere" width="100%">
<tr>
<td>Ligne de service 1</td>
<td>
<select name="ligne_service_1" id="leschamps_4">
<option value="<?php echo stripslashes($aff_donnee_opportunite['ligne_service_1']);?>"><?php echo stripslashes($aff_donnee_opportunite['ligne_service_1']);?></option>
<option value="Assistance Technique (Régie)">Assistance Technique (Régie)</option>
<option value="Infogérance">Infogérance</option>
<option value="PCS">PCS</option>
<option value="Hébergement">Hébergement</option>
<option value="Intégration CPEP">Intégration CPEP</option>
<option value="Intégration Projet Réseau">Intégration Projet Réseau</option>
<option value="Intégration Projet Système">Intégration Projet Système</option>
<option value="Assistance MOA">Assistance MOA</option>
<option value="Négoce">Négoce</option>
<option value="Renouvellement Maintenance">Renouvellement Maintenance</option>
</select>
</td>
</tr>
<?php if($aff_donnee_opportunite['ligne_service_2']) { ?>
<tr>
<td>Ligne de service 2</td>
<td>
<select name="ligne_service_2" id="leschamps_4">
<option value="<?php echo stripslashes($aff_donnee_opportunite['ligne_service_2']);?>"><?php echo stripslashes($aff_donnee_opportunite['ligne_service_2']);?></option>
<option value="Assistance Technique (Régie)">Assistance Technique (Régie)</option>
<option value="Infogérance">Infogérance</option>
<option value="PCS">PCS</option>
<option value="Hébergement">Hébergement</option>
<option value="Intégration CPEP">Intégration CPEP</option>
<option value="Intégration Projet Réseau">Intégration Projet Réseau</option>
<option value="Intégration Projet Système">Intégration Projet Système</option>
<option value="Assistance MOA">Assistance MOA</option>
<option value="Négoce">Négoce</option>
<option value="Renouvellement Maintenance">Renouvellement Maintenance</option>
</select>
</td>
</tr>
<?php } ?>
<?php if($aff_donnee_opportunite['ligne_service_3']) { ?>
<tr>
<td>Ligne de service 3</td>
<td>
<select name="ligne_service_3" id="leschamps_4">
<option value="<?php echo stripslashes($aff_donnee_opportunite['ligne_service_3']);?>"><?php echo stripslashes($aff_donnee_opportunite['ligne_service_3']);?></option>
<option value="Assistance Technique (Régie)">Assistance Technique (Régie)</option>
<option value="Infogérance">Infogérance</option>
<option value="PCS">PCS</option>
<option value="Hébergement">Hébergement</option>
<option value="Intégration CPEP">Intégration CPEP</option>
<option value="Intégration Projet Réseau">Intégration Projet Réseau</option>
<option value="Intégration Projet Système">Intégration Projet Système</option>
<option value="Assistance MOA">Assistance MOA</option>
<option value="Négoce">Négoce</option>
<option value="Renouvellement Maintenance">Renouvellement Maintenance</option>
</select>
</td>
</tr>
<?php } ?>
<?php if($aff_donnee_opportunite['ligne_service_4']) { ?>
<tr>
<td>Ligne de service 4</td>
<td>
<select name="ligne_service_4" id="leschamps_4">
<option value="<?php echo stripslashes($aff_donnee_opportunite['ligne_service_4']);?>"><?php echo stripslashes($aff_donnee_opportunite['ligne_service_2']);?></option>
<option value="Assistance Technique (Régie)">Assistance Technique (Régie)</option>
<option value="Infogérance">Infogérance</option>
<option value="PCS">PCS</option>
<option value="Hébergement">Hébergement</option>
<option value="Intégration CPEP">Intégration CPEP</option>
<option value="Intégration Projet Réseau">Intégration Projet Réseau</option>
<option value="Intégration Projet Système">Intégration Projet Système</option>
<option value="Assistance MOA">Assistance MOA</option>
<option value="Négoce">Négoce</option>
<option value="Renouvellement Maintenance">Renouvellement Maintenance</option>
</select>
</td>
</tr>
<?php } ?>
<?php if($aff_donnee_opportunite['ligne_service_5']) { ?>
<tr>
<td>Ligne de service 5</td>
<td>
<select name="ligne_service_5" id="leschamps_4">
<option value="<?php echo stripslashes($aff_donnee_opportunite['ligne_service_5']);?>"><?php echo stripslashes($aff_donnee_opportunite['ligne_service_5']);?></option>
<option value="Assistance Technique (Régie)">Assistance Technique (Régie)</option>
<option value="Infogérance">Infogérance</option>
<option value="PCS">PCS</option>
<option value="Hébergement">Hébergement</option>
<option value="Intégration CPEP">Intégration CPEP</option>
<option value="Intégration Projet Réseau">Intégration Projet Réseau</option>
<option value="Intégration Projet Système">Intégration Projet Système</option>
<option value="Assistance MOA">Assistance MOA</option>
<option value="Négoce">Négoce</option>
<option value="Renouvellement Maintenance">Renouvellement Maintenance</option>
</select>
</td>
</tr>
<?php } ?>
</table>
<div id="BoutonAddSelect">
<!--Le bouton d'appel au javascript -->
<button onclick ="addSelect(); return false;" > Ajouter une Liste</button>
</div>
</form>
<script>
NbreDiapos = 1;
function addSelect(){
NbreDiapos = NbreDiapos + 1;
var selectACopier = $('#leschamps_4').html();
$('#table_entiere').append('<tr><td>Ligne de service '+NbreDiapos+'</td><td><select name="ligne_service_'+NbreDiapos+'" id="leschamps_4">'+selectACopier+'</td></tr>');
if(NbreDiapos == 5){
$('#BoutonAddSelect').hide();
}
}
</script>Je ne suis pas tout à fait sûr qu'il faille afficher les requêtes comme ça?
Qu'en penses tu?
Merci