Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
904 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU] Pb de div hidden (code de solution en ligne)

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU] Pb de div hidden (code de solution en ligne)

n°1423807
micfont999
Simplement Moi
Posté le 10-08-2006 à 16:10:15  profilanswer
 

Bonjour à tous,  
voila j'ai un tit soucis  
J'ai un formulaire d'envoi d'un message pour une messagerie interne.
Je souhaiterais avoir trois options d'envoi : A tout le monde : A un/des groupe(s) de personne : A un/des clients(s) distincts
 
Pour le tout le monde pas de soucis
Pour les deux autres j'ai mis en place des divs cachés avec les récupérations des gugusses dans une bdd dedant (ça je maitrise lol)
 
J'ai mis en places trois boutons avec pour les deux derniers une fonctions qui afficherais mes divs cachés..  
 
Seuls soucis c'est qu'a l'ouverture de la page, les divs ne sont pas cachés :(
 
Est ce que quelqu'un pourrais m'aider vite fait s'il vous plais.  
 

Code :
  1. <form id="newtext" name="frmUser04" action="index.php?lang=<?php echo $_GET["lang"]; ?>&page=<?php echo $_GET["page"]; ?>&action=4" method="POST">
  2.   <table>
  3.    <tr><td>Titre du message</td><td><input type='text' name='titre_message' value=''></td></tr>
  4.    <tr><td colspan="2"> Contenu du message</td></tr>
  5.    <tr><td colspan="2"><textarea name="contenu_message" cols="100" rows="12"></textarea></td></tr>
  6.    <tr>
  7.     <td colspan="2">Destinataire : <br>
  8.     <table>
  9.      <tr>
  10.      <td> <input type="button" value="Envoyer à tout le monde"></td>
  11.      <td> <input type="button" value="Envoyer à un ou plusieurs groupes" onClick='document.frmUser04.groupes_div.style.visibility = "visible"'></td>
  12.      <td> <input type="button" value="Envoyer à un ou plusieurs clients" onClick='document.frmUser04.client_div.style.visibility = "visible"'></td>
  13.      </tr>
  14.      <div style="visibility:hidden;" id="groupes_div"> // avec ou sans ; ça foire
  15.       <tr>
  16.       <td>Kikou groupe</td>
  17.       </tr>
  18.      </div>
  19.      <div  style="visibility:hidden;" id="client_div"> // avec ou sans ; ça foire
  20.       <tr>
  21.       <td>Kikou client</td>
  22.       </tr>
  23.      </div>
  24.     </table>
  25.     </td>
  26.    </tr>
  27.    <tr><td><input type='submit' value=" >> Envoyer ce message"></td></tr>
  28.   </table>
  29.   </form>


 
En vous remerciant d'avance d'au moins jeter un oeil sur le code j'espère que vous saurez m'aider ...  :)  
 [:magnasuprema]


Message édité par micfont999 le 10-08-2006 à 16:44:40
mood
Publicité
Posté le 10-08-2006 à 16:10:15  profilanswer
 

n°1423813
brisssou
8-/
Posté le 10-08-2006 à 16:13:34  profilanswer
 

et avec display:none et display:inline/block ?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
n°1423814
micfont999
Simplement Moi
Posté le 10-08-2006 à 16:15:43  profilanswer
 

en fait je viens de tester comme suis  
 

Code :
  1. <tr>
  2.  <td>
  3.   <div style="visibility:hidden;" id="groupes_div">
  4.    Kikou groupe
  5.   </div>
  6.  </td>
  7. </tr>


 
et ça fonctionne. Mais ça ne fait pas ce que je veux en fait car si je met 50 ligne dans mon div ça me met 50 lignes vides cachées dans ma page. Si j'ai 5000 clients ça ne va pas le faire :(  
 
Vous auriez une solution à ce pb ?

n°1423817
micfont999
Simplement Moi
Posté le 10-08-2006 à 16:19:16  profilanswer
 

Edit :  
Ah la display none c'est nikel cette bete :p  
Bon mes actions sur mes boutons ne fonctionnent pas mais ouaip déjà une bonne chose de réglée :)  
 
Un  
onClick='document.frmUser04.groupes_div.style.display = "inline"'
 
devrait fonctionner ou pas?? parce que c'est pas le cas lol ^^  
 
Mais en tout cas merci déjà pour le display
 
Précision :  
document.frmUser04.groupes_div.style à la valeur NULL ou n'est pas un objet --> Voili le message d'erreur IE et en à pas sous FF mais marche pas (je pense à cause du fait que je ne mette pas GetELementById() )

Message cité 1 fois
Message édité par micfont999 le 10-08-2006 à 16:26:50
n°1423834
brisssou
8-/
Posté le 10-08-2006 à 16:27:10  profilanswer
 

style = "display: inline;"
 
plutôt je crois (pense)


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
n°1423837
brisssou
8-/
Posté le 10-08-2006 à 16:28:27  profilanswer
 

ou alors, tu fais une css et tu changes la classe de ton élément avec ton boutton


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
n°1423839
nonau57
Posté le 10-08-2006 à 16:29:45  profilanswer
 

micfont999 a écrit :

Edit :  
Ah la display none c'est nikel cette bete :p  
Bon mes actions sur mes boutons ne fonctionnent pas mais ouaip déjà une bonne chose de réglée :)  
 
Un  
onClick='document.frmUser04.groupes_div.style.display = "inline"'
 
devrait fonctionner ou pas?? parce que c'est pas le cas lol ^^  
 
Mais en tout cas merci déjà pour le display
 
Précision :  
document.frmUser04.groupes_div.style à la valeur NULL ou n'est pas un objet --> Voili le message d'erreur IE et en à pas sous FF mais marche pas (je pense à cause du fait que je ne mette pas GetELementById() )


 
essaye comme cela:
 
document.getElementById("groupediv" ).style.display="block";
 
Si tu as besoin de le cacher par la suite:
document.getElementById("groupediv" ).style.display="none";
 
La particularité de display est qu'il ne réserve pas la place au contraire de visibilty


Message édité par nonau57 le 10-08-2006 à 16:31:27
n°1423852
micfont999
Simplement Moi
Posté le 10-08-2006 à 16:40:14  profilanswer
 

Une solution enfin trouvée mise à disposition de tous :)  
 
Fonction de bidouille qui va gerer tout le petit monde

Code :
  1. <SCRIPT>
  2. function AffichePartieCachee(PartAff)
  3. {
  4. if (PartAff == "groupeaff" )
  5. {
  6.  document.getElementById("groupes_div" ).style.display = "inline";
  7.  document.getElementById("client_div" ).style.display = "none";
  8. }
  9. else
  10. {
  11.  document.getElementById("client_div" ).style.display = "inline";
  12.  document.getElementById("groupes_div" ).style.display = "none";
  13. }
  14. }
  15. </script>


 
Et l'application sur la page

Code :
  1. <form id="newtext" name="frmUser04" action="index.php?lang=<?php echo $_GET["lang"]; ?>&page=<?php echo $_GET["page"]; ?>&action=4" method="POST">
  2.   <table>
  3.    <tr><td>Titre du message</td><td><input type='text' name='titre_message' value=''></td></tr>
  4.    <tr><td colspan="2"> Contenu du message</td></tr>
  5.    <tr><td colspan="2"><textarea name="contenu_message" cols="100" rows="12"></textarea></td></tr>
  6.    <tr>
  7.     <td colspan="2">Destinataire : <br>
  8.     <table>
  9.      <tr>
  10.      <td> <input type="button" value="Envoyer à tout le monde"></td>
  11.      <td> <input id="groupeaff" type="button" value="Envoyer à un ou plusieurs groupes" onclick="AffichePartieCachee(this.id);return(false)"></td>
  12.      <td> <input id="clientaff" type="button" value="Envoyer à un ou plusieurs clients" onclick="AffichePartieCachee(this.id);return(false)"></td>
  13.      </tr>
  14.      <tr>
  15.       <td>
  16.       <div style="display:none;" id="groupes_div">
  17.        Kikou groupe<br>lkjmlkj<br>lkjhljh<br>
  18.       </div>
  19.       </td>
  20.      </tr>
  21.      <tr>
  22.       <td>
  23.       <div style="display:none;" id="client_div">
  24.        Kikou client<br>lkjmlkj<br>lkjhljh<br>
  25.       </div>
  26.       </td>
  27.      </tr>
  28.     </table>
  29.     </td>
  30.    </tr>
  31.    <tr><td><input type='submit' value=" >> Envoyer ce message"></td></tr>
  32.  </table>
  33. </form>


 
En espérant que ça puisse servir à quelqu'un merci à toutes les personnes qui m'ont aidé :)

n°1423975
brisssou
8-/
Posté le 10-08-2006 à 19:25:48  profilanswer
 

tu devrais mettre le return false; dans ta fonction.

Message cité 1 fois

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
n°1424122
micfont999
Simplement Moi
Posté le 11-08-2006 à 09:11:49  profilanswer
 

brisssou a écrit :

tu devrais mettre le return false; dans ta fonction.


 
Ah oui pas bete :) Merci  :whistle:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU] Pb de div hidden (code de solution en ligne)

 

Sujets relatifs
Petit soucis de syntaxe SQL... Je paye ma soeur pour une solution![RESOLU] Itext - Mise en page et outils formulaire
[Résolu} Affecter une variable php depuis un code JS[résolu] Problème réplication MySQL
[c#] [résolu] help overloaded[Résolu] - help FOR tokens=1,2* et le caractére *
[résolu]Comment passer plusieurs arg. à Property Let[VBA-E] [Résolu] Copier une valeur provenant d'un autre classeur
lancer un programme depuis un code en CApache (1|2) + php(4) => code php non executé
Plus de sujets relatifs à : [RESOLU] Pb de div hidden (code de solution en ligne)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.073 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR