IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Afficher masquer des blocs sans javascript


Sujet :

HTML

  1. #1
    Membre averti Avatar de Space Cowboy
    Homme Profil pro
    chomeur
    Inscrit en
    Avril 2005
    Messages
    496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Avril 2005
    Messages : 496
    Points : 401
    Points
    401
    Par défaut Afficher masquer des blocs sans javascript
    J'ai cherché partout mais à chaque fois j'ai du javascript.
    Pour masquer un block quand on clique sur celui ci c'est facile, mais masquer un autre block quand on clique sur l'un, puis l'afficher quand on reclique dessus ...
    mon but étant de faire un effet comme celui ci :

    Etat initial : http://rhombus.free.fr/cap16.jpg
    Puis quand on appuie sur un "block" http://rhombus.free.fr/cap17.jpg on affiche le block en dessous.
    Et voici la liste http://ac2.bdd.free.fr/index.php?page=cont

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 659
    Points
    66 659
    Billets dans le blog
    1
    Par défaut
    sans javascript...
    essaye par la pensée ?

    ou alors propose du blanco aux utilisateurs ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti Avatar de Space Cowboy
    Homme Profil pro
    chomeur
    Inscrit en
    Avril 2005
    Messages
    496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Avril 2005
    Messages : 496
    Points : 401
    Points
    401
    Par défaut
    impossible ?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 659
    Points
    66 659
    Billets dans le blog
    1
    Par défaut
    à la limite sur le hover en passant par css mais pas sur le onclick ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    à la limite sur le hover en passant par css mais pas sur le onclick ...
    et encore, sous IE, je crois que le hover ne fonctionne que sur les balises <a>

  6. #6
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Points : 1 093
    Points
    1 093
    Par défaut
    une idée qui vaut ce qu'elle vaut...

    en php :
    si ton block est une image, tu cliques dessus comme sur tout lien (et donc cela marchera aussi avec ie) et ce lien recharge la page en cours avec un paramètre (que tu récupères avec l'instruction get), lequel paramètre te définit si un block (défini par un div par exemple) est visible ou pas (à insérer dans la balise <style type="text/css">

  7. #7
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    t'as pas plus lourd comme solution

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 659
    Points
    66 659
    Billets dans le blog
    1
    Par défaut
    je confirme que le hover ne focntionne que pour le a avec IE mais en fait je pensais directement mettre le div dans une balise a ..
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Points : 1 093
    Points
    1 093
    Par défaut
    oluha, non je n'ai pas plus lourd...

    space cowboy ne veut pas de javascript (personnellement moi non plus, beaucoup de gens le désactive) et je ne vois pas comment cela peut fonctionner avec le hover (du fait de IE). Peut-être la solution de SpaceFrog fontionne, je n'ai pas essayé...

    PS - ma solution n'est quand-même pas très lourde et est très facile à mettre en oeuvre si on connait un peu php

  10. #10
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    ouais enfin rien que de recharger la page c'est très loud selon moi, sourtout quand t'as des tarés du clic intensif

    Et puis y'en pas tant de personnes que ça qui désactive le javascript, et ceux là doivent pas pouvoir aller sur beaucoup de sites actuellement. J'ai essayé une fois pour voir, je pouvais même pas consulter mes mails sur Wanadoo !

    Le javascript doit être un plus, il ne faut pas le bannir mais ne pas bloquer le visiteur s'il l'a désactivé ou tout simplement le prévenir qu'il est nécéssaire. La balise <noscript> sert à ça.

  11. #11
    Membre averti Avatar de Space Cowboy
    Homme Profil pro
    chomeur
    Inscrit en
    Avril 2005
    Messages
    496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : chomeur

    Informations forums :
    Inscription : Avril 2005
    Messages : 496
    Points : 401
    Points
    401
    Par défaut
    Javascript oligatoire ... (me suis planter dans la réponse, je pense que c'était un autre topic)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div><a href="javascript:afficher_masquer();">Afficher</a>Masqué</a></div>
    <div id="Test_Div">Texte à afficher/masquer</div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function afficher_masquer()
    {
    	document.getElementById('Test_Div').style.display=''; // pour afficher
    	document.getElementById('Test_Div').style.display='NONE'; // pour masquer
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD14] Afficher/masquer des blocs d'état
    Par cladoo dans le forum WinDev
    Réponses: 2
    Dernier message: 28/06/2010, 14h49
  2. Afficher/masquer des champs de formulaire à la demande
    Par renaud26 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/10/2006, 13h20
  3. Afficher / masquer des div
    Par Galaad dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 28/08/2006, 21h57
  4. Liste déroulante : afficher/masquer des lignes
    Par arxpression dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 17/08/2006, 16h50
  5. Afficher / masquer des champs
    Par mickeliette dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 11/08/2005, 11h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo