PHPfrance

la communauté d'entraide francophone dédiée au PHP

cacher résultat requête php avec Javascript

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : cacher résultat requête php avec Javascript

[RESOLU] Re: cacher résultat requête php avec Javascript

par ruca » 21 févr. 2012, 09:29

Hello Thibaud C,
franchement tu m'as sauvé, nickel ton code et cela marche à merveille. Je vais me mettre au JQuery car la....bravo.
Depuis le temps que je cherche une solution et la "tout simplement" tu me la sers sur un plateau.

Mille mercis et à tantôt.

Re: cacher résultat requête php avec Javascript

par Thibaud C » 20 févr. 2012, 18:48 


<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>
J'ai fais ça vite fait, c'est ultra basique et c'est exactement ce que tu cherches. il va falloir que tu l'adapte a ta sauce maintenant, mais essaie de le comprendre. Si tu as des question n'hésites surtout pas.

Re: cacher résultat requête php avec Javascript

par ruca » 20 févr. 2012, 18:30

Je connais pas de tout...dommage.
Mais si tu me guides j'essayerais d'être un bon disciple ;)
Merci de ton aide en tous cas.
++

Re: cacher résultat requête php avec Javascript

par Thibaud C » 20 févr. 2012, 18:28

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 :/

Re: cacher résultat requête php avec Javascript

par ruca » 20 févr. 2012, 18:23

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.

Re: cacher résultat requête php avec Javascript

par Thibaud C » 20 févr. 2012, 18:17

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 :)

Re: cacher résultat requête php avec Javascript

par ruca » 20 févr. 2012, 18:13

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: 
<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>
Mes boutons radio pour faire appel au 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
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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
Mes entetes de colonne: 
<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>
Exemples de mes champs pour afficher les donnèes: 
<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>
Voila, des idées ;)
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';

Re: cacher résultat requête php avec Javascript

par Thibaud C » 20 févr. 2012, 17:57

Moyen de voir le script qui récupère les données, a mon avis tu peux faire ça directement via la requète sql ;)

cacher résultat requête php avec Javascript

par ruca » 20 févr. 2012, 17:47

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