Activer / désactiver <div> depuis un fichier JS

**juju77** · 07/02/2013, 17h15

Bonjour à tous, alors voilà je voulais savoir si il était possible de désactiver une balise <div></div> (ainsi que tout son contenu) et de l'activé depuis un fichier .js, Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
If(name=="toto"){
//Activer le <div id="toto">
}else{
//Désactiver le <div id="toto">
}

Voilà je vous dit merci d'avance !

**SpaceFrog** · 07/02/2013, 19h33

activer = ????

un div n'as pas de propriété enabled ou disabled ...
Precise ce que tu souhaites faire ..

**NoSmoking** · 07/02/2013, 22h21

Bonsoir,
attention: javascript sensible à la casse, If n'existe pas if oui.

**juju77** · 08/02/2013, 09h27

Oui désolé, enfaite j'ai un menu et en fonction de la catégorie que je sélectionne je récupère une valeur dans mon fichier js et dans celui-ci je veux que quand cette valeur=90, je puisse désactiver un contenu de ma page html et activer un autre à la place, merci.

**SpaceFrog** · 08/02/2013, 09h29

certes mais définis " désactiver un contenu"

=> rendre invisible ?
=> griser ?
=>autre ???

**juju77** · 08/02/2013, 10h06

Autant pour moi, le rendre invisible en effet.

**SpaceFrog** · 08/02/2013, 10h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElemetnById('toto').style.visibility="hidden";
document.getElemetnById('toto').style.display="none";

Le premier rend invisible en laissant l'objet dans le flux
Le second supprime l'objet du flux

**juju77** · 08/02/2013, 10h24

Merci ! Je vais essayer de mettre sa en place je vous tiens au courant !

**juju77** · 08/02/2013, 10h38

Bon alors voilà comment j'ai fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if (tableNum == 90) {
 $('gestionTablesRechercheCo').style.display="block";
}else{
 $('gestionTablesRechercheCo').style.display="none";
}

Et sa marche super, merci beaucoup je met le poste en résolu !

**SpaceFrog** · 08/02/2013, 10h45

Heu....
comme dire ...

tu utilises jquery ??? ou une fonction perso $ () ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if (tableNum == 90) {
 $('gestionTablesRechercheCo').show();
}else{
 $('gestionTablesRechercheCo').hide();
}

**hackoofr** · 08/02/2013, 10h52

J'ai un portion de code qui n'est pas complet qui fait presque comme un spoiler

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<a href="#" onClick="this.nextSibling.style.display=((this.nextSibling.style.display=='none')?'':'none');">texte affiché</a><span style="display: none;">&nbsp;texte masqué <BODY STYLE="filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#654321', EndColorStr='#123456')">
<CENTER><label><TABLE WIDTH="500" BORDER="3" BGCOLOR="#BBBBBB" BORDERCOLOR="#000000" CELLPADDING="3" CELLSPACING="5"></CENTER>
<TR BGCOLOR="#346E99">
<TD><CENTER><H2>LOGIN</H2></TD></CENTER></TR>
<TR BGCOLOR="#346E99">
<TD HEIGHT="150"><CENTER><B>Username  :  </B><INPUT TYPE="TEXT" NAME="USERNAME" SIZE="30"><P>
<B>Password  :  </B><INPUT TYPE="PASSWORD" NAME="PASSWORD" SIZE="30"><P>
<INPUT TYPE="SUBMIT" VALUE="  LOGIN  " ONCLICK="VERIFY" STYLE="filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#8ff2ff', EndColorStr='#008785')">
<INPUT TYPE="BUTTON" VALUE="SHUTDOWN" ONCLICK="SHUTDOWN" STYLE="filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#8ff2ff', EndColorStr='#008785')">
<TR BGCOLOR="#346E99">
<TD><CENTER><div><span id="ChangeU" style="text-decoration:underline blink;" onClick="ChangeUser()"onmouseover="Pointer" 
onmouseout="DefaultCursor" style='color:LightBlue'>
<B>Change UserName </B></span></div></TD></CENTER></TR>
<TR BGCOLOR="#346E99">
<TD><CENTER><div><span id="ChangeP" onClick="ChangePass()"onmouseover="Pointer" 
onmouseout="DefaultCursor" style='color:LightBlue'>
<B>Change Password </B></span></div></TD></CENTER></TR>
</CENTER></TD></TR></TABLE></label>
</BODY></span>

**juju77** · 08/02/2013, 10h52

Jquery en effet sa marche nickel avec le .show() et .hide().
(J'essayerai de tester ton code, hackoofr, merci

)
Merci

Activer / désactiver <div> depuis un fichier JS

jQuery

Discussions similaires

Partager

Partager