BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

 > Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS - disparition et apparition par click
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

disparition et apparition par click
 Répondre Répondre Page  12>
Auteur
Message
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: disparition et apparition par click
    Envoyé : 29 Mai 2015 à 22:35
Bonjour,
je voudrais qu'un élément dès le départ (.apparition1) n'apparaisse pas (comme display:none et non visible)
et qu'au click de .apparition0, apparaisse .apparition1. J'ai donc fait ceci :

$(function(){

$('.apparition0').click(function(){
  $('.apparition1').show(); // cacher
});
  // au demarrage, cacher apparition1
$('.apparition1').hide();

});

mais ça ne marche pas. Quelqu'un aurait une idée ? je sèche.
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 22:45
avec un css pour au départ cacher ton bloc ID :


#WEIDDETONBLOC {
visibility: hidden;

}
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 22:51
Comme je l'ai dit il faut que ça "supprime" l'élément (comme display:none ou .remove() ) pas juste que ça le cache (c'est dans un panneau relatif, ça ferait un énorme blanc).

j'ai aussi testé :
.apparition {display:none;)
$(function(){

$('.apparition0').click(function(){
  $('.apparition1').css('display','block');
});

sans effet non plus.


Edité par nico38 - 29 Mai 2015 à 22:51
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 22:58
L'artillerie lourde:

$(function(){

$('.apparition0').click(function(){
  $('.apparition1').css('display: none !important'); // cacher
});
$('.apparition1').css();
  $('.apparition1').css(''); // restaurer
});
$('.apparition0').click();  // au demarrage, cacher apparition1

});
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 23:21
ça ne marchait pas non plus. Pourtant avec un autre projet ça marchait bien $('.apparition1').hide(); mais là ça ne marchait que si je mettait par exemple 'slow' mais l'image réapparaissait Ouch et il n'y a qu'en metant des ID que ça marche "un peu"

du coup j'ai fait ça, ça a l'air de marcher :
#WE8ab0235d30 {display:none !important};

$(function(){

$('#WEc1a53d42b8').click(function(){
  $('#WE8ab0235d30').attr('style','display: block !important');
});
});
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 23:24
ah oui, je me suis trompe. Pas assez du sommeil. Il faut:

$(function(){

$('.apparition0').click(function(){
  $('.apparition1').attr('style', 'display: none !important'); // cacher
});
$('.apparition1').click(function(){
  $('.apparition1').attr('style', ''); // restaurer
});
$('.apparition0').click();  // au demarrage, cacher apparition1

});
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Mai 2015 à 23:37
P.S. Il semble qu'il y a une erreur concernant les declencheurs $('.apparition0').click(function() et $('.apparition1').click(function(), a verifier ce qu'il faut mettre comme selecteur..
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 30 Mai 2015 à 00:00
Réponse :(j'ai mis des ID comme sinon les class ne marchent pas


question subsidiaire si quelqu'un aime résoudre les mystères : c'est normal que quand je fais :
$('#WE8ab0235d30').hide(); ça ne marche pas ?

Si je fais : $('#WE8ab0235d30').hide(10000);
L'élément disparaît petit à petit mais réapparaît une fois les 10000 finis Ermm
alors que hide ça veut dire... hide quoi. C'est pas hide('resurrection')





Edité par nico38 - 30 Mai 2015 à 00:02
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
Larsene allez vers le bas
Admin Group
Admin Group


Depuis le: 05 Mar 2012
Pays: France
Status: Inactif
Points: 5388 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Larsene Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Mai 2015 à 12:56
bizarre, si je fais 
$( "#WEb2515818ff" ).click(function() {
  $( "#WE7192e79235" ).hide(2000)
});
ça marche sans problème, et l'élément reste masqué. tu est sûr qu'il n'y a pas un autre code jquery ou CSS qui rentre en contradiction ?

Sur les classes, effectivement, il y a des limitations du fait des codes css définis par OE... Il faut être plus précis !
Tutos |Don | Image Sublime
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 01 Juin 2015 à 16:47
quelque chose comme $('#WE8ab0235d30').hide() marche sur les calques mais pas les pages qui en héritent.
Donc j'ai testé la page avec un élément qui ne comporte pas de class, mais hide() ne marche pas quand même (même en selectionnant un ID), l'élément réapparait.

Mais bon le code précédent marche alors je vais m'en contenter.
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.