Petit soucis
salutlacompagnie Le 23 juin 2016 à 21:09 (Édité le 25 janvier 2019 à 17:51)
Je voudrais je savoir comment faire pour que le texte dans la div soit fermer dans au moment de l’ouverture ou actualisation de la page..
<script>
function masquer_div(id)
{
if (document.getElementById(id).style.display == 'none')
{
document.getElementById(id).style.display = 'block';
}
else
{
document.getElementById(id).style.display = 'none';
}
}
</script>
TheOldNoob Le 23 juin 2016 à 21:41 (Édité le 23 juin 2016 à 21:42)
Alors, le js, c'est vraiment pas mon fort :(
Mais j'essaie quand même.
Cela sous entend que ta div avec l'id div (je sais je suis pas originale) soit en display:none; au départ
window.onload = function(){
setTimeout(function() {
document.getElementById("div").style.display = "block";
}, 5000);
}
salutlacompagnie Le 24 juin 2016 à 17:18
J'avais oublié des petites infos..
Donc j'ai un bouton qui permet de cacher ou d'afficher l'élément div et enfaite pour le moment la div est afficher dés de début alors que je voudrais qu'elle soit cacher direct ..
<input class="btn" type="button" value="avec abonnement" onclick="oula('a_masquer');" />
<div class="a_masquer"> blabla </div>
<script>
function oula(id)
{
if (document.getElementById(id).style.display == 'none')
{
document.getElementById(id).style.display = 'block';
}
else
{
document.getElementById(id).style.display = 'none';
}
}
</script>
TheOldNoob Le 25 juin 2016 à 01:12 (Édité le 25 juin 2016 à 01:13)
<body>
<div style="display: none;" id="texteAccueil">Je suis une div caché</div>
<button id="btToggle">Toggle</button>
<script src="js/jquery-1.12.2.js"></script> // pour la coup j'utilise la version 1.12.2 de jquery qui est bien au chaud dans mon dossier js
<noscript>
<h1>Javascript est désactivé !</h1> // au cas ou l'utilisateur, petit malin cretin, eut désactivé js sur son navigateur...
</noscript>
</body>
<script> // script que tu devrais mettre dans un jolie fichier jquerytoggle.js (par exemple) parce que c'est toujours mieux dans un fichier externe 😉
$(document).ready(function() {
$("#btToggle").click(function() { // au clic du bouton avec l'id btToggle
$("#texteAccueil").slideToggle(); // je fait un slide toggle sur l'element avec l'id textAccueil
})
};
</script>
Zbuu Le 7 juillet 2016 à 15:31
Réponse un peu tardive mais comme apparemment le sujet n'est pas résolu (je suis nouveau sur ce site)
Sinon une façon plus simple (je trouves) tu caches directement ta div avec du css
.a_masquer{ display:none; }
