Afficher / Masquer du texte
Résolu/Fermé
kab51
Messages postés
378
Date d'inscription
dimanche 28 décembre 2008
Statut
Membre
Dernière intervention
12 juin 2022
-
20 déc. 2014 à 04:50
kab51 Messages postés 378 Date d'inscription dimanche 28 décembre 2008 Statut Membre Dernière intervention 12 juin 2022 - 23 déc. 2014 à 00:47
kab51 Messages postés 378 Date d'inscription dimanche 28 décembre 2008 Statut Membre Dernière intervention 12 juin 2022 - 23 déc. 2014 à 00:47
A voir également:
- Afficher / Masquer du texte
- Dans le texte, un seul mot a réellement été écrit en lettres capitales (majuscules). quel est ce mot ? ✓ - Forum Word
- Formule excel si contient texte alors texte ✓ - Forum Excel
- Masquer conversation whatsapp - Guide
- Mettre un texte en majuscule - Guide
- Recherchev texte ✓ - Forum Excel
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
20 déc. 2014 à 12:03
20 déc. 2014 à 12:03
Bonjour,
Tu peux utiliser le nom d'une CLASS ( même bidon..pas besoin qu'elle existe dans ton CSS..) pour masquer TOUS les éléments ayant cette CLASS ... puis tu n'affiche QUE l'élément pour lequel tu as cliqué :
Exemple:
Tu peux utiliser le nom d'une CLASS ( même bidon..pas besoin qu'elle existe dans ton CSS..) pour masquer TOUS les éléments ayant cette CLASS ... puis tu n'affiche QUE l'élément pour lequel tu as cliqué :
Exemple:
<script type="text/javascript">
// Pour les "vieux" Navigateurs < IE9
if (typeof document.getElementsByClassName!='function') {
document.getElementsByClassName = function() {
var elms = document.getElementsByTagName('*');
var ei = new Array();
for (i=0;i<elms.length;i++) {
if (elms[i].getAttribute('class')) {
ecl = elms[i].getAttribute('class').split(' ');
for (j=0;j<ecl.length;j++) {
if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
ei.push(elms[i]);
}
}
} else if (elms[i].className) {
ecl = elms[i].className.split(' ');
for (j=0;j<ecl.length;j++) {
if (ecl[j].toLowerCase() == arguments[0].toLowerCase()) {
ei.push(elms[i]);
}
}
}
}
return ei;
}
}
// Masque tous les élements d'une CLASS
function HideAllElemByCLassName(class_name){
var ArrElem = document.getElementsByClassName(class_name);
for ( x=0;x<ArrElem.length;x++){
//console.log(ArrElem[x].id);
ArrElem[x].style.display = "none";
}
}
function visibilite(thingId){
HideAllElemByCLassName("maclassBidon");
var targetElement;
targetElement = document.getElementById(thingId) ;
targetElement.style.display = "" ;
}
</script>
<nav id="menu">
<ul>
<li>
<li class="menu1">
<a href="#">MENU1</a>
<ul class="ssmenu1">
<li><a href="" onclick="javascript:visibilite('id_div_1'); return false;">lien sous menu 1</a></li>
<li><a href="" onclick="javascript:visibilite('id_div_2'); return false;">lien sous menu 2</a></li>
<li><a href="#">lien sous menu 3</a></li>
<li><a href="#">lien sous menu 4</a></li>
</ul>
</li>
<!--Code non important pour la compréhansion-->
<div id="content">
<div id="content_top"></div>
<div id="content_main">
<div class="maclassBidon" id="id_div_1" style="display:none;">
<h1>Page Content</h1>
<h1>Page Content</h1>
</div>
<div class="maclassBidon" id="id_div_2" style="display:none;">
<h1>Page Content2</h1>
<h1>Page Content2</h1>
</div>
</div>
<div id="content_bottom"></div>
<div id="footer"></div>
</div>
23 déc. 2014 à 00:47
Merci beaucoup ! :D
Je clos.
Cordialement,
Kab51