Bonjour à tous,
je suis un débutant sur PHP et JAVASCRIPT et j'aimerais vous demander un coup de pouce.
J'essaye de cacher quelques champs renvoyés par une requête PHp/Mysql qui m'affiche les données en ligne(tableau) histoire de faire une affichage simplifié ou détaillé.
Exemple de ce que j'ai actuellement:
ENTETE 1 | ENTETE 2 | ENTETE 3 | ENTETE 4 | ENTETE 5
====================================================
DONNEES1| DONNEES2 | DONNEES3 | DONNEES4 | DONNEES5
DONNEES1| DONNEES2 | DONNEES3 | DONNEES4 | DONNEES5
DONNEES1| DONNEES2 | DONNEES3 | DONNEES4 | DONNEES5
et j'aimerais ceci:
ENTETE 1 | ENTETE 3 | ENTETE 5
=================================
DONNEES1 | DONNEES3 | DONNEES5
DONNEES1 | DONNEES3 | DONNEES5
DONNEES1 | DONNEES3 | DONNEES5
Pour l'instant j'arrive à cela:
ENTETE 1 | ENTETE 3 | ENTETE 5
====================================================
DONNEES1| DONNEES3 | DONNEES5
DONNEES1| DONNEES2 | DONNEES3 | DONNEES4 | DONNEES5
DONNEES1| DONNEES2 | DONNEES3 | DONNEES4 | DONNEES5
Le problème est-que j'arrive pas à cacher les champs souhaitées, enfin oui mais uniquement sur première ligne.
j'ai déjà fait le tour sur le net et j'ai rien qui m'a aidé, donc je faits appel à vos lumières.
Auriez-vous une idée ou exemple?
Mille mercis et à plus tard
la communauté d'entraide francophone dédiée au PHP
cacher résultat requête php avec Javascript
Hello, merci de ta réponse,
je te poste ici des bouts de code car le code entier fait 314 lignes (je le mettrais si besoin)
mon script javascript:
Je sais pas si cela te suffit, fait signe au cas ou.
Mille mercis
P.S
J'avais oublié la requête qui récupere les données (qui prendre les critères de recherche sur un formulaire précédemment rempli.
je te poste ici des bouts de code car le code entier fait 314 lignes (je le mettrais si besoin)
mon script javascript:
<script type='text/javascript'>
// Affichage simple des clients
function Simple(){
var Arg = arguments;
var Obj;
for( var i=0; i< Arg.length; i++){
Obj = document.getElementById( Arg[i]);
if( Obj){ Obj.style.display = "none"; }
}
}
</script>
<td width="30%" style="text-align:right;"><input type="radio" name="vue" value="0" onClick="Detail('arch', 'lux', 'poli', 'ppe', 'acti', 'tclient', 'int', 'int1', 'voeux', 'imprim', 'mail', 'rev', 'archive', 'gdluxury', 'politesse', 'comiteppe', 'activite', 'typeclient', 'domaineinteret', 'autreinteret', 'cartevoeux', 'brochures', 'mailing', 'revueimmo');" checked="checked">Vue Detaillée
<input type="radio" name="vue" value="1" onClick="Simple('arch', 'lux', 'poli', 'ppe', 'acti', 'tclient', 'int', 'int1', 'voeux', 'imprim', 'mail', 'rev', 'archive', 'gdluxury', 'politesse', 'comiteppe', 'activite', 'typeclient', 'domaineinteret', 'autreinteret', 'cartevoeux', 'brochures', 'mailing', 'revueimmo');">Vue Simplifiée
<td bgcolor="#CCCCCC" id="archive">ARCHIVER</td>
<td bgcolor="#CCCCCC" id="gdluxury">GD LUXURY</td>
<td bgcolor="#CCCCCC">INTITULE</td>
<td bgcolor="#CCCCCC" id="politesse">POLITESSE</td>
<td bgcolor="#CCCCCC">NOM</td>
<td bgcolor="#CCCCCC">PRENOM</td>
<td bgcolor="#CCCCCC" id="comiteppe">COMITE / PPE</td>
<td bgcolor="#CCCCCC">SOCIETE</td>
<td bgcolor="#CCCCCC" id="activite">ACTIVITE</td>
<td bgcolor="#CCCCCC">ADRESSE</td>
<td bgcolor="#CCCCCC">N°</td>
<td bgcolor="#CCCCCC">NPA</td>
<td bgcolor="#CCCCCC">LOCALITE</td>
<td bgcolor="#CCCCCC">TELEPHONE</td>
<td bgcolor="#CCCCCC">MOBILE</td>
<td bgcolor="#CCCCCC">EMAIL</td>
<td bgcolor="#CCCCCC" id="typeclient">TYPE CLIENT</td>
<td bgcolor="#CCCCCC" id="domaineinteret">DOMAINE INTERET</td>
<td bgcolor="#CCCCCC" id="autreinteret">AUTRE INTERET</td>
<td bgcolor="#CCCCCC" id="cartevoeux">CARTE VOEUX</td>
<td bgcolor="#CCCCCC" id="brochures">BROCHURES/ IMPRIMES</td>
<td bgcolor="#CCCCCC" id="mailing">MAILING</td>
<td bgcolor="#CCCCCC" id="revueimmo">REVUE IMMO</td>
<input type="hidden" name="id[]" value="<?php echo $row['id']; ?>">
<td id="arch"><select tabindex="1" type="text" name="archive[]"><option value=""></option><option value="Oui">Oui</option></select></td>
<td id="lux"><select tabindex="2" type="text" name="gdlux[]"><option value=""></option><option value="Oui">Oui</option></select></td>
Je sais pas si cela te suffit, fait signe au cas ou.
Mille mercis
P.S
J'avais oublié la requête qui récupere les données (qui prendre les critères de recherche sur un formulaire précédemment rempli.
$sql = 'SELECT * FROM $tbl_clients WHERE
archive != "Oui" AND
courtier LIKE "%'.$courtier.'%" AND
intitule LIKE "%'.$intitule.'%" AND
politesse LIKE "%'.$politesse.'%" AND
nom LIKE "%'.$nom.'%" AND
prenom LIKE "%'.$prenom.'%" AND
comppe LIKE "%'.$comppe.'%" AND
societe LIKE "%'.$societe.'%" AND
activite LIKE "%'.$activite.'%" AND
adresse LIKE "%'.$adresse.'%" AND
noimm LIKE "%'.$noimm.'%" AND
npostal LIKE "%'.$npostal.'%" AND
localite LIKE "%'.$localite.'%" AND
telephone LIKE "%'.$telephone.'%" AND
mobile LIKE "%'.$mobile.'%" AND
email LIKE "%'.$email.'%" AND
gdlux != "Oui" AND
typeclient LIKE "%'.$typeclient.'%" AND
dinteret LIKE "%'.$dinteret.'%" AND
dinteret1 LIKE "%'.$dinteret1.'%" AND
cvoeux LIKE "%'.$cvoeux.'%" AND
brimprim LIKE "%'.$brimprim.'%" AND
mailing LIKE "%'.$mailing.'%" AND
revimmo LIKE "%'.$revimmo.'%" AND
mtriptyque LIKE "%'.$mtriptyque.'%" AND
brgdlux LIKE "%'.$brgdlux.'%"
ORDER by nom,prenom ASC';
Ouki, bon je pense ne pas avoir bien compris sur la première lecture, la je pense que c'est mieux 
.
Dis moi si je te suis,
Sur un click de checkbox tu veux afficher ou cacher une colonne ?
par exemple je décoche ma case localité, et la colonne localité disparait ?
Si c'est le cas je pense pouvoir t'aider
.Dis moi si je te suis,
Sur un click de checkbox tu veux afficher ou cacher une colonne ?
par exemple je décoche ma case localité, et la colonne localité disparait ?
Si c'est le cas je pense pouvoir t'aider
C'est plus au moins cela,
en effet j'aimerais pouvoir cliquer sur 1 bouton radio "affichage simple" et la certains champs (prédéfinis avant) ne s'affichent plus, je clique sur le bouton radio "Affichage détaillé" et la tous les champs s''affichent.
Donc je veut non cacher colonne par colonne mais un bouton qui affiche/cache plusieures colonnes d'un coup.
Mon code fonctionne bien...mais que pour la première ligne.
en effet j'aimerais pouvoir cliquer sur 1 bouton radio "affichage simple" et la certains champs (prédéfinis avant) ne s'affichent plus, je clique sur le bouton radio "Affichage détaillé" et la tous les champs s''affichent.
Donc je veut non cacher colonne par colonne mais un bouton qui affiche/cache plusieures colonnes d'un coup.
Mon code fonctionne bien...mais que pour la première ligne.
As tu des notions de Jquery ?
Car si oui, tu mets une même class a tous tes TD que tu veux cacher sur le click
et tu fais un truc du genre :
$('.class').hide();
ou
$('.class').show();
Sinon, je veux bien pousser mon aide la dedans, ou céder ma place a quelqu'un d'autre car le javascript simple humhum :/
Car si oui, tu mets une même class a tous tes TD que tu veux cacher sur le click
et tu fais un truc du genre :
$('.class').hide();
ou
$('.class').show();
Sinon, je veux bien pousser mon aide la dedans, ou céder ma place a quelqu'un d'autre car le javascript simple humhum :/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ // le script attends une interraction
$("#aff_det").bind('click', function(){ // quand on click sur n'importe quel composant ayant pour ID aff_det( #= ID ) il va executer la fonction
if(!$("#aff_det").attr("checked")) // si l'élément avec l'ID aff_det n'est pas checker on:
$('.detail').hide(); // cache tous les composants ayant la class ( . = class ) detail
else // sinon si il est check
$('.detail').show(); // on affiche tous les composants ayant la class detail
});
});
</script>
<input type="checkbox" id="aff_det" checked/>Afficher les détails
<table>
<tr>
<td>
nom
</td>
<td>
prenom
</td>
<td class="detail">
age
</td>
<td class="detail">
classe
</td>
<td class="detail">
moyenne
</td>
</tr>
<tr>
<td>
Jean
</td>
<td>
Francois
</td>
<td class="detail">
15
</td>
<td class="detail">
seconde
</td>
<td class="detail">
12
</td>
</tr>
<tr>
<td>
Sylvie
</td>
<td>
Lala
</td>
<td class="detail">
15
</td>
<td class="detail">
seconde
</td>
<td class="detail">
14
</td>
</tr>
</table>