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 :

Zone qui perturbe une infobulle.


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    GYK
    GYK est déconnecté
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    406
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 406
    Par défaut Zone qui perturbe une infobulle.
    Bonjour,
    Le titre parait un peu bizarre, mais c'est ce qui se passe. J'explique:
    J'ai un code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <dt style=" cursor:pointer" onmouseover="montre('<?php echo $tableau[$ctrlig] ['identite'] .  $tableau[$ctrlig] ['comment']?>');" onmouseout="cache();"><?php echo $tableau[$ctrlig] ['identite'] ; ?></dt>
    Dont le paramètre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     $tableau[$ctrlig] ['comment']
    me pose des probleme
    Lorsque je le laisse dans le code mon infobulle ne s'affiche pas.
    Lorsque je ne le met pas l'infobulle s'affiche bien avec la valeur du code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <?php echo $tableau[$ctrlig] ['identite4'] ; ?>
    Pour contrôle je fais un echo de cette zone juste avant ce code et elle est bien renseignée, et quand j'affiche le code source de ma page elle apparait bien dans le code à afficher.
    Quelqu'un a t'il une idée.
    Merci

  2. #2
    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 : 55
    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
    Salut.

    Et au niveau du navigateur, ça donne quoi comme code généré ?
    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

  3. #3
    GYK
    GYK est déconnecté
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    406
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 406
    Par défaut
    Bonjour Bovino
    Le code du source est le suivant. J'ai remplacé ce qui correspond à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $tableau[$ctrlig] ['identite']
    par XX et ce qui correspond à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $tableau[$ctrlig] ['comment']
    par mon commentaire. Mais dans le code source je t'assure que j'ai les bonne valeurs.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
                                  <td style="cursor:default" width="22%" ><div align="center" class=Colnom>
     
                                  <dt style=" cursor:pointer" onmouseover="montre(' X X  .
    Mon commentaire.');" onmouseout="cache();">X X</dt>
                                                                </div>
                                  </td>
    Merci de m'aider
    A+

  4. #4
    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 : 55
    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
    Oui, mais là, il va falloir nous en montrer plus, en particulier le code de ta fonction montre().
    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

  5. #5
    GYK
    GYK est déconnecté
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    406
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 406
    Par défaut
    Voici le (Touvé sur le net au lien suivant: http://damienalexandre.fr/Info-Bulle-en-Javascript.html)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
     
    <style>
    .infobulle{
    	position: absolute;
    	visibility : hidden;
    	border: 1px solid Black;
    	padding: 10px;
    	font-family: Verdana, Arial;
    	font-size: 10px;
    	background-color: #EAD792;
    	color: #50410E;
    	width: 200px;
    }
    </style>
    .
    .
     <script language="javascript" type="text/javascript">
    <!--
    function GetId(id)
    {
    return document.getElementById(id);
    }
    var i=false; // La variable i nous dit si la bulle est visible ou non
     
    function move(e) {
      if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
        if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
        GetId("curseur").style.left=e.pageX + 5+"px";
        GetId("curseur").style.top=e.pageY + 10+"px";
        }
        else { // Modif proposé par TeDeum, merci à  lui
        if(document.documentElement.clientWidth>0) {
    GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
    GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
        } else {
    GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
    GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
             }
        }
      }
    }
     
    function montre(text) {
      if(i==false) {
      GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
      GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
      i=true;
      }
    }
    function cache() {
    if(i==true) {
    GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
    i=false;
    }
    }
    document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.
    //-->
    </script>
     
    <div id="curseur" class="infobulle"></div>
    Comme tu pourras le voir j'ai bêtement fait un copié collé.
    A part les modifs CSS et l'affichage de mes zones je n'ai touché à rien.
    A+

  6. #6
    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 : 55
    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
    Tes variables $tableau[$ctrlig] ['identite'] et $tableau[$ctrlig] ['comment'] ne contiennent pas d'apostrophes ou de guillemets par hasard ?
    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

Discussions similaires

  1. Texte qui sort d'une infobulle en PHP et pas en HTML
    Par picoupicou dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 02/06/2014, 13h43
  2. Images qui changent sur zones cliquables d'une image
    Par CrasherSEP dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 06/02/2012, 14h01
  3. Bouton radio qui remplit une zone de liste
    Par lilp1 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 01/06/2009, 10h34
  4. Pb avec liste déroulante qui alimente une zone de liste
    Par Tequila_PF dans le forum VBA Access
    Réponses: 8
    Dernier message: 18/06/2008, 09h04
  5. Pb : malloc qui marche une fois sur deux .... ?
    Par guillaume_pfr dans le forum C
    Réponses: 14
    Dernier message: 21/07/2003, 09h52

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