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

JavaScript Discussion :

Edit : Div, changer la visibilité avec display


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 11
    Par défaut Edit : Div, changer la visibilité avec display
    Bonjour, j’ai un petit soucis, j'ai la structure du site que je veux réaliser mais je cherche a afficher une grande partie de texte sur le passage des différentes composantes du menu.Cela marche bien avec un affichage simple de texte, avec une fonction basique en javascript :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function affiche(toThis)
      {
      if (document.getElementById)
        {
        document.getElementById("description").innerHTML = toThis;
        }
      else if (document.all)
        {
        document.all["description"].innerHTML = toThis;
        }
      }

    et un appel

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onMouseOver="affiche(' Affichage du texte ')">Let's ride ! </a><br>

    Ce que je cherche a faire c'est a remplacer le texte qui sert de variable par quelquechose qui afficherais plusieurs ligne de texte, avec peut etre des images ou une certaine mise en page et je pensais a une fonction PHP ? Je vais peut etre dire une bétise mais l’idée qui me vient creer des fichiers séparés selon les choix du menus qui contientrait le texte approprié, et a lorsqu'on survole le lien, on fait appel à un include ?

    Un grand merci d'avance

  2. #2
    Expert confirmé

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Par défaut
    Bonjour,

    J'ai pas très bien compris ton besoin. Tu veux afficher du texte sur plusieurs lignes au survol de ton lien c'est ça ?
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 11
    Par défaut
    Citation Envoyé par FirePrawn Voir le message
    Bonjour,

    J'ai pas très bien compris ton besoin. Tu veux afficher du texte sur plusieurs lignes au survol de ton lien c'est ça ?
    Oui c'est bien cela, avec la possibilité d'y inclure des images.
    J'ai deux "div", l'un pour le menu, l'autre ou sera affiché le contenu souhaité.

  4. #4
    Membre émérite
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2009
    Messages
    736
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 736
    Par défaut
    Il faut de l'ajax pour réaliser ton idée.
    Ou mettre ton contenu dans des div hidden et a la survole tu affiche et tu cache comme ça tu aura pas besoin des appels ajax.

  5. #5
    Expert confirmé

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Par défaut
    J'aurais plus dit comme m4riachi aussi. Tu gardes ta fonction onMouseOver simplement cette fonction mets le div dans lequel tu as ton contenu en affichage. Il faut jouer avec les display pour ça
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  6. #6
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 11
    Par défaut
    Citation Envoyé par FirePrawn Voir le message
    J'aurais plus dit comme m4riachi aussi. Tu gardes ta fonction onMouseOver simplement cette fonction mets le div dans lequel tu as ton contenu en affichage. Il faut jouer avec les display pour ça
    Je vais essayer ca, voir ce que ca donne, merci a vous deux

  7. #7
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 11
    Par défaut
    N.B: Je continue a programmer en JS du coup je suis plus dans le bon forum, mais juste pour ce petit soucis je vais pas créer un autre topic, je le ferais après si besoin.

    Je suis pas habitué au javascript, et avec une fonction du type

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function afficher(id)
    {
    	if (document.getElementById)
        {
    		document.getElementById(id).style.display='block';
        }
    	else if (document.all)
        {
    		document.all["id"].style.display='block';
        }    
    }
    et un appel avec des div T1, T2..

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onMouseOver="afficher('T1')">Afficher T1</a><br>

    Ca ne marche pas, je pensais reprendre la meme syntaxe en changeant ce qu'il fallait mais..

    Edit: Désolé Bovino, suis un peu fatigué

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("id").style.display='block';
    Là, tu recherches l'élément dont l'id est "id" et non celui passé en paramètre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(id).style.display='block';
    Sinon
    Tu devrais mettre en place des stats, juste pour voir combien de fois tu passes dans cette condition...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 11
    Par défaut
    L'utilisation des div-hidden pose problème, je devrais avoir a peu près 7 choix de menu donc 7 bloc différents, changer la visibilité les effaces juste a l'écran, mais la place occupée est toujours la.

    J'ai vu par contre la possiblité d'utiliser display:none, mais ca fera quand meme une page pas mal chargée, que ce soit en php ou en java, n'est-il pas mieux de faire une fonction qui appelle un fichier où est écrit le bloc désiré ?

Discussions similaires

  1. Changer la visibilité d'un div avec un bouton
    Par Wnejla dans le forum Développement Web avec .NET
    Réponses: 1
    Dernier message: 29/04/2013, 22h33
  2. Changer plusieur style avec des IDs différents?
    Par YanK dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/07/2005, 14h33
  3. Changer la police avec un select, sans recharger la page
    Par Netoman dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 30/12/2004, 18h07
  4. [C#] Changer le focus avec la touche return
    Par sblanc74 dans le forum Windows Forms
    Réponses: 6
    Dernier message: 01/10/2003, 18h38
  5. [Crystal Report 9] Changer de schéma avec Oracle
    Par sur_uix dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 14/11/2002, 12h19

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