Accueil > Forum > > > > test de condition problématique
 test de condition problématique
vendredi 8 décembre 2006 à 22:32:48 |
test de condition problématique
kylling
|
Salut, J'aimerais que ce script récupère la valeur 'display' d'un style css attaché à mon document. Après avoir testé si la valeur correspond à ' block' ou ' none'. Le problème, est que mon test vérifie toujours la première condition. function montre(id) {
var d = document.getElementById(id);
alert(d.style.display);
if(d.style.display='none'){d.style.display='block';}
else if(d.style.display='block'){d.style.display='none';}
}
Quelqu'un a t-il une solution à me proposer ? Merci d'avance Kylling |
|
vendredi 8 décembre 2006 à 23:27:53 |
Re : test de condition problématique
rubiks10
|
Salut
Lorsque tu donnes un style à un élément avec une feuille de style css les valeurs ne sont pas intégrées dans l'objet javascript style!!!
Tu peux par contre l'affecter et le changement prendra forme et si tu as déja modifié une propriété dans l'objet style de ton élément alors tu pourras faire le test mais qu'à cette condition.
Donc dans ton cas tu ne pourras pas tester la valeur display si celle-ci est définie par css
-- The Rubik's Man --
|
|
samedi 9 décembre 2006 à 10:40:09 |
Re : test de condition problématique
bultez
|
Bonjour,
= c'est l'affectation d'une valeur à une variable,
== c'est tester la variable
if (d.style.display=='none')
{d.style.display='block';}
else {d.style.display='none'; }
Cordialement  Bul [ mon Site ] [ M'écrire ]
|
|
samedi 9 décembre 2006 à 13:17:57 |
Re : test de condition problématique
rubiks10
|
A oui cette erreur m'avait échapé...
Mais bon ce qui est sur c'est que le 1er coup que tu vas lancer le test ca passera toujours dans le 2eme meme si dans ton style css tu avais donné display:none.
Voila
-- The Rubik's Man --
|
|
samedi 9 décembre 2006 à 14:10:37 |
Re : test de condition problématique
bultez
|
salut Rubicks,
non,non... ça baigne...
<HTML Lang="fr">
<HEAD>
<Script type="Text/JavaScript">
function euh()
{
if ( document.getElementById("txt").style.display=="none" )
{ document.getElementById("txt").style.display="inline"; }
else { document.getElementById("txt").style.display="none"; }
}
</Script>
</HEAD>
<BODY>
<input type="text"
id="txt"
style="display:none"
value="exemple" />
<input type="button"
onclick="euh();"
value="go" />
</BODY></HTML>
Cordialement Bul [mon Site] [M'écrire]
|
|
samedi 9 décembre 2006 à 14:41:30 |
Re : test de condition problématique
bultez
|
et si le style n'est pas là,
soit il faut regarder className ou tester "l'inverse":
<HTML Lang="fr">
<HEAD>
<Script type="Text/JavaScript">
function euh()
{
if ( document.getElementById("txt").style.display!="none" )
{ document.getElementById("txt").style.display="none"; }
else { document.getElementById("txt").style.display="inline"; }
}
</Script>
</HEAD>
<BODY>
<input type="text"
id="txt"
value="exemple" />
<input type="button"
onclick="euh();"
value="go" />
</BODY></HTML>
Cordialement Bul [ mon Site] [ M'écrire]
|
|
samedi 9 décembre 2006 à 23:53:39 |
Re : test de condition problématique
rubiks10
|
oui la je suis d'accord mais teste en mettant une classe dans une balise style par exemple <style type="text/css"> .test { display:block; } </style <div class="test" id="test"><p>blablabla</p></div> si tu fais document.getElementById('test').style.display tu auras une valeur nulle ou plutot une chaine de caractere vide et ca tant que on ne modifie pas la valeur de l'objet style en javascript. donc c'est impossible de vérifier la valeur display instanciée avec css. Si c'est possible avec la propriété cssText si on définie le style au moyen d'une classe mais cela est totalement impossible si on utilise en css l'id de la div avec par exemple #test { ... } Voilà lorsque à l'intérieur d'une balise tu mets style="...." la c'est automatiquement transcrit en objet javascript alors que lorsque dans le head tu inclus du css la ce n'est pas du tout pareil voilà @+ -- The Rubik's Man -- |
|
Cette discussion est classée dans : style, test, display, condition, block
 Répondre à ce message
 Sujets en rapport avec ce message
Variables... [ par shadow1779 ]
Bonjour,je suis en train de créer une gestion de produits pour mon site, ayant quelques notions (faibles ^^) en javascript je désire le faire comme su
Urgent!problème de fonction pour afficher un tableau [ par tagadax ]
Bonjour j'ai un problème, j'ai un projet a terminer pour lundi, et je suis bloqué pour afficher un tableau voici ma fonction : [code=js]function decis
Commande Onclick agrandir image + afficher du texte [ par pharen ]
bonjour à tous je souhaite réaliser une gallery photos ainsi les photos sont sur la page en petite taille. je click sur une photo et elle s'agrandit
probleme avec mon code avec firefox et opera [ par savagestudio ]
bonjour (mon clavier et en norvegien, desole [^^sad2]) , J ai u probleme avec mon code , il marche parfaitment avec safari, chrome,IE mais pas avec fi
Modification dynamique d'un formulaire [ par Romain54000 ]
Bonjour, Voila j'ai un probléme dont je ne trouve malheureusement pas de réponse. Je voudrai partir d'une liste déroulante avec plusieurs choix, suiv
Afficher / cacher <div> [ par helvetica ]
Bonjour, Je souhaiterais afficher / masquer une , j'utilise onclick() pour lancer la fonction JS ci-dessous, la propriété de départ de ma div est :.
JS PARENT node [ par ghighidu63 ]
Bonjour, j'ai crée ce sujet car j'ai besoin d'aide pour mon script. J'ai crée un truc pour Minimiser et Fermer un truc (Cacher/Afficher) Quand il y'en
Problème de cookie [ par molko13 ]
Bonsoir à tous,Cela fait plusieurs jours que je me casse les dents sur la gestion d'un cookie qui serait à terme utilisé pour gérer l'affichage ou de
Fonction afficher / masquer [ par didygwatinik ]
Bonjour, Sur mon site, j'aimerai pouvoir afficher ou "enlever" un texte quand l'utilisateur clique sur le titre de ce texte j'ai trouvé une fonction s
javaScript liste déroulante [ par beka74 ]
Bonjour, je débute en java script et je voudrai afficher des zone de saisie selon le choix dans la liste déroulante j'ai fait une fonction avec un if
 Livres en rapport
|
Derniers Blogs
 XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|