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

  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Problème avec style.visibility

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème avec style.visibility

n°2243922
askior
Posté le 25-11-2014 à 13:03:45  profilanswer
 

Bonjour les zamis !
 
En gros, je veux cliquer sur un bouton, qui affiche 3 boutons, et qui les fais disparaitre quand on reclique dessus (rien de bien fifou en somme)
Je pensais avoir compris le truc (je débute le js) mais je bloque sur l'erreur suivante:  "Impossible d'obtenir la propriété visibility"
J'ai surement mal cherché, mais c'est pas l'erreur la plus documentée du monde (ou j'ai surement quelques gènes de Gilbert en moi :sol: ).
 
Mon code js:

Code :
  1. <script language="javascript">
  2.   function openbutton()
  3.   {
  4.    var btn = document.getElementById("serverButton" );
  5.    if (btn.style.visibility =='hidden')
  6.    {
  7.     btn.style.visibility='visibile';
  8.    }
  9.    else
  10.    {
  11.     btn.style.visibility='hidden';
  12.    }
  13.    return true;
  14.   }
  15.  </script>


 
Et mes petits boutons :
 

Code :
  1. <div style="z-index:1; width:75%; height:75%; border:solid 2px black; background-color:lightgray; margin:0 auto;text-align: center;">
  2.  <form action="adminMachine.asp">
  3.   <button style="cursor:pointer; width:250px; height:100px; font-class:verdana; font-weight:700;" type="button" onClick="openbutton();">
  4.    Port 49
  5.   </button>
  6.   <button style="cursor:pointer; width:250px; height:100px; font-class:verdana; font-weight:700;" type="button">
  7.    Port 4900
  8.   </button>
  9.  </form>
  10.  </div>
  11.  <div style="z-index:1; width:75%; height:75%; border:solid 2px black; background-color:lightgray; margin:0 auto;text-align: center;" id="serverButton">
  12.   <button style="cursor:pointer; width:150px; height:50px; font-class:verdana; font-weight:700; background:green; color:white;" type="button">
  13.    Start
  14.   </button>
  15.   <button style="cursor:pointer; width:150px; height:50px; font-class:verdana; font-weight:700; background:red; color:white;" type="button">
  16.    Stop
  17.   </button>
  18.   <button style="cursor:pointer; width:150px; height:50px; font-class:verdana; font-weight:700; background:blue; color:white;" type="button">
  19.    Restart
  20.   </button>
  21.  </div>


 
PS: C'est des simple quoted par ce que j'ai testé les deux. Ca cache bien les boutons quand je clique dessus, mais impossible de les faire réapparaitre.
 
Avec mes remerciements futurs,
 
 :bounce:  :bounce:  :bounce:

mood
Publicité
Posté le 25-11-2014 à 13:03:45  profilanswer
 

n°2243924
guzman
Posté le 25-11-2014 à 13:10:41  profilanswer
 

hello.
c est pas 'visible' plutot? Au lieu de 'visibile'  :)


Message édité par guzman le 25-11-2014 à 13:14:28
n°2243925
askior
Posté le 25-11-2014 à 13:18:19  profilanswer
 

Oh god ....
 
Faut vraiment que j’arrête le tiponch à midi, ça me réussi pas :non:  
 
Merci beaucoup :D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Javascript/Node.js

  Problème avec style.visibility

 

Sujets relatifs
Probleme affichage Nginx <-> PHPProblème lien Access-MySQL
Problème d'appel XML::ParserBesoin d'aide (résolution d'un probleme sur un programme fini )
probleme avec cmd et ftptable hachage petit problème c++
un problème d'un mon programme ?Requête qui me pose problème
Ajouter un style CSS à une imageProblème d'affichage
Plus de sujets relatifs à : Problème avec style.visibility


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