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
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 :.
problème avec un menu [ par 77marsmars77 ]
Bonjour à tous, J'ai un petit souci avec mon menu. Quand je clique sur le menu 1 il m'affiche les sous menus1. là c'est ok. Quand je clique sur le lie
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
pb avec un formulaire select [ par ahah38 ]
Bonjour, J'ai besoin d'aide sur un formulaire select. Je souhaite réaliser un carnet de route en utilisant un formulaire select. Les visiteurs pourron
Problème menu déroulant avec Firefox [ par franckdu34 ]
Bonjour,J'ai mis un menu déroulant sur mon site qui fonctionne parfaitement sous Internet Explorer mais pas sous Firefox.Quelqu'un aurait-il la soluti
 Livres en rapport
|
Derniers Blogs
 [MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE [WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY
Je pense qu'ils ont besoin d'une piqure de rappel chez Microsoft : c'est bien gentil d'avoir une interface jolie, mais si c'est pour avoir un truc qui ne convainct pas dedans, c'est peine perdue.
---->
Système ouvert ----> Fermé ?
P...
Cliquez pour lire la suite de l'article par FREMYCOMPANY
Logiciels
 Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|