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

Pb de div hidden (code de solution en ligne) [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 10-08-2006 à 16:10:15    

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
Reply

Marsh Posté le 10-08-2006 à 16:10:15   

Reply

Marsh Posté le 10-08-2006 à 16:13:34    

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


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 10-08-2006 à 16:15:43    

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 ?

Reply

Marsh Posté le 10-08-2006 à 16:19:16    

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
Reply

Marsh Posté le 10-08-2006 à 16:27:10    

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


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 10-08-2006 à 16:28:27    

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
Reply

Marsh Posté le 10-08-2006 à 16:29:45    

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
Reply

Marsh Posté le 10-08-2006 à 16:40:14    

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

Reply

Marsh Posté le 10-08-2006 à 19:25:48    

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
Reply

Marsh Posté le 11-08-2006 à 09:11:49    

brisssou a écrit :

tu devrais mettre le return false; dans ta fonction.


 
Ah oui pas bete :) Merci  :whistle:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed