begin process at 2008 08 28 21:46:25
1 233 395 membres
487 nouveaux aujourd'hui
14 291 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

INFO BULLE COMPATIBLE SELECT ET DOCTYPE


Information sur la source

Catégorie :Effets Classé sous : info, bulle, select, doctype, compatible Niveau : Débutant Date de création : 21/06/2006 Date de mise à jour : 10/11/2006 18:41:34 Vu / téléchargé: 11 892 / 2 635

Note :
9,79 / 10 - par 14 personnes
9,79 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (64)
Ajouter un commentaire et/ou une note


Description

Info Bulle le RETOUR...
-------------------------------------------------------------------------
Tout d'abord Merci à Nickadele ( non, sa belle ne s'appelle pas Adèle...)
-------------------------------------------------------------------------
Grâce à lui l'info bulle devient compatible <SELECT>

Plutôt que de mettre à jour les sources déjà paru je vous livre une version 2 revue et correctionnée

Le fichier gfbulle.htm joint au zip vous permettra de découvrir l'utilisation des fonctions et leur résultats...

Conclusion

Une petite nouveauté toutefois une fonction CadreWrite qui fait apparaître une InfoBulle, statique, qui s'évanouie lorsque le curseur sort de celle ci.

Version 2.1 :
la fonction bulleWrite devient
function BulleWrite( txt_, x_, y_)
SI x_ et y_ sont abscents alors rien de changé
SINON prise en compte de ces paramètres pour décaler encore plus l'InfoBulle suivant le cas.

ATTENTION quand même à la reprise de focus en passant par exemple x_=-10 et y_=-10

Merci à tous pour m'avoir aidé à améliorer encore et toujours un produit que je croyais au TOP<RIRES>
Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

15 septembre 2006 18:34:54 :
Corrections de quelques imperfections, voir BUGs crées par moi même, et ce grace à la collectivitée. Ajout du passage de paramétres voir annotations finales.
15 septembre 2006 18:38:32 :
Grosse Bétise dans le ZIP :0((
10 novembre 2006 18:41:34 :
Correction d'un Bug existant sous FF si uniquement <DIV style="float..."> dans le document
  • signaler à un administrateur
    Commentaire de nickadele le 22/06/2006 09:43:41 administrateur CS

    PeloteTeam,

    félicitation pour le travail, présentation soignée, beaucoup de possibilités !
    Apparement j'ai un fan lol.

    Nickadele

  • signaler à un administrateur
    Commentaire de johann1 le 24/06/2006 10:19:11

    J'aime le titre "Info Bulle le RETOUR..."

    Pour ma part, je l'utilise déjà ici:
    http://business-internet.voicemessenger.biz/ (en construction)

    A quand Petole Team infobulle, tous navigateurs, avec images ?

    Mais je vais vite me précipiter pour découvrir cette nouveauté !

    Félicitation d'avance ! Je cote déjà sans avoir vu !

  • signaler à un administrateur
    Commentaire de johann1 le 24/06/2006 10:23:28

    Petite précision d'importance, infobulle fonctionne aussi avec Safari (Macos)

  • signaler à un administrateur
    Commentaire de PetoleTeam le 24/06/2006 10:44:09

    Bonjour et merci

    Je suis de retour de ton site en construction mais bien avancé...pas mal du tout

    Les bulles acceptent les IMG, c'est du HTML inside...

    Si je puis me permettre
    - Tu devrais mettre dans ta feuille de style SPAN{cursor:default;} pour que le curseur texte soit remplacé par un plus élégant somme toute...
    - Supprime dans ta page la function WriteLigne(num_) qui n'est la que pour la démo..
    - Peut être devrait tu mettre l'événement sur les <TH>

    C'est cela le service ++

    merci pour l'info compatibilé SAFARI et encore merci pour l'utilisation du source...

  • signaler à un administrateur
    Commentaire de johann1 le 24/06/2006 11:06:33

    Merci pour les compliments! Venant de toi, ça fait vraiment plaisir !

    Pour ce qui est des modifications à faire, je m'y appliquerai dès que possible ! Il est vrai, que j'ai repris tes codes dans l'urgence, et sans me poser dès lors trop de questions ! Et merci aussi pour le service ++ lol . Super sympa !

  • signaler à un administrateur
    Commentaire de Evamann le 25/06/2006 14:35:51

    Bon ben cette source m'interesse encore (surtout pour le "CadreWrite")! Decidement je suis aussi un fan...
    J'ai d'ailleur adapté quelques une de tes sources pour mon petit site : http://loubmk2.free.fr (qui comporte d'ailleur plein de bugs de resolution que je n'arrive pas a resoudre).
    Menu deroulant avec pause sur l'intro, les info bulles dans la section "videos", ...
    Cependant j'aurais une question concernant les info bulles : comment faire pour modifier la position de la bulle ? car si on a comme moi un site constitué de frame horizontales, et qu'un lien se trouve juste au dessus d'une de ces frames, la bulle "disparait".
    Ceci etant je trouve tes sources très soignées et bien expliquées.
    Bonne continuation, merci.

  • signaler à un administrateur
    Commentaire de johann1 le 25/06/2006 22:43:54

    Je vous invite tous à découvrir cette page, afinn de voir une superbe évolution d'infobulle. C'est vraiment remarquable Evamann ! http://loubmk2.free.fr/index2.html

    Je n'ai pas encore eu le temps de voir tes sources, mais ce serait chouette de partager ce code ! Dis Petole Team, ton avis ?

    Bonne continuation !

  • signaler à un administrateur
    Commentaire de johann1 le 25/06/2006 22:50:33

    Re...

    Je n'ai pu m'empêcher quand même d'aller voir les sources de Evamann, et résultat, je constate qu'il utilise des frames !?

    Explique-nous! C'est une belle continuité du "retour" de Petole Team ! Ca fonctionne sur tous navigateurs aussi ?

  • signaler à un administrateur
    Commentaire de Evamann le 25/06/2006 23:07:47

    Merci Johann , mais je n'ai fait qu'adapter la source de PetroleTeam... et puis en ce qui concerne mon site , il n'a de l'allure que en 1280*1024 et sous FF.
    Sous IE jai des problemes avec la frame du milieu (ascenceurs etc :S) et en 1024*800 le site bug completement (tjs la frame du milieu qui s'affiche qu'a moitié...).

    Je debute en Javascript et jai fait ce site comme projet de fin d'année en finissant ma prepa info.
    Sinon, pour en revenir aux info-bulles de PetroleTeam , le code est génial , on peut y inserer ce que l'on veut (flash,gif,txt,avi...),bref : terrible !

  • signaler à un administrateur
    Commentaire de johann1 le 26/06/2006 07:11:12

    ... oui j'ai vu le problème !
    C'est cependant superbe !

    Je fais donc appel au "service ++" de >Petole Team pour qu'il se penche sur le problème. lol

  • signaler à un administrateur
    Commentaire de PetoleTeam le 01/07/2006 08:41:28

    Bonjour à tous...et merci

    Probleme de FRAME:
    C'est une question pour le forum, qui peut interésser certains...
    en attendant sans plus allez de l'avant si tu fixes toutes les dimensions des frames il arrive un moment ou ça coince...
    essaies avec
    1/ <frameset rows="250,*,94" ...etc le (*) faisant que la frame centrale s'ajuste à la place restante
    2/ ou encore tu mets tout dans le même document mais en utilisant des <IFRAME>.

  • signaler à un administrateur
    Commentaire de Evamann le 01/07/2006 17:08:10

    Merci PetroleTeam,
    bon j'ai reussi a fixé le probleme d'ascenceurs en 1280*1024, en coincant les frames, par contre ça deconne tjs autant avec une plus petite resolution.En ce qui concerne les IFRAME, ça marche mais le cadre du milieu ne se met pas en entier alors il n'y a au final pas trop d'interet...(l'ideal serait un seul ascenceur pour toute la page en conservant la taille originale des contenus de frame).

    Cependant j'aurais une question concernant tes info bulles : comment faire pour modifier la position de la bulle par rapport au curseur de la souris? J'aurais voulu tout simplement la mettre 50px plus a droite.

    ps : je vais poster mon probleme de frame sur le forum , on verra bien...

  • signaler à un administrateur
    Commentaire de PetoleTeam le 03/07/2006 11:54:25

    Bonjour...

    dans la fonction function BulleWrite( txt_)
    à la ligne 8 et 9 tu trouves deux variables
      Decal_X = 5;  // Decalage hors de la Bulle
      Decal_Y = 5;
    il te suffit de mettre les valeurs que tu souhaites donc visiblement
      Decal_X = 55;  // Decalage hors de la Bulle
      Decal_Y = 5;

  • signaler à un administrateur
    Commentaire de Evamann le 03/07/2006 18:25:52

    Effectivement dans ce nouveau .js c'est plus clair !
    Désolé pour le dérangement et merci ;-)

  • signaler à un administrateur
    Commentaire de Souboc le 27/07/2006 11:55:11

    Félicitations pour ce script bien foutu propre et tout !

    En plus Mister PetoleTeam est très sympa et serviable je lui ai posé une question par mail hier il m'a répondu dès hier soir et très clairement !

    Merci :)

  • signaler à un administrateur
    Commentaire de Souboc le 27/07/2006 16:18:32

    J'avais un problème : Dans une bulle j'avais des phrases trop longues et si la fenêtre était trop petite on ne voyait pas tout...

    Sur les conseils de Mr PetoleTeam j'ai enlevé l'attribut NOWRAP et ça fonctionne farpaitement :) :)

  • signaler à un administrateur
    Commentaire de Evamann le 27/07/2006 19:07:19

    Merci pour l'info Souboc, c'est toujours bon a savoir  ;-)

  • signaler à un administrateur
    Commentaire de DyoChris le 04/08/2006 17:53:26

    J'ai le message d'erreur suivant sous IE: length à la valeur nul ou n'est pas un objet.
    ça pointe vers cette ligne: for( i=0; i < Obj.length; i++){
        
    Aucun problème sous FF. Un détail j'ai mis ton script dans une page comportant beaucoup de javascript.

  • signaler à un administrateur
    Commentaire de zeguizmo le 07/08/2006 17:36:57

    Il semblerait qu'il y ait une limite de caractères ou de retour a la ligne.

    Lorsque j'utilise un texte trop long (1100 carac), il ne s'affiche pas, meme si je réduis la police de telle sorte qu'il puisse tenir parfaitement dans une bulle.

    Comment la faire sauter?

    Merci

  • signaler à un administrateur
    Commentaire de PetoleTeam le 09/08/2006 14:28:32

    Bonjour à tous...petite pause dans mes vacances pour vous répondre...

    To DYOCHRIS :
    #ERREUR -- Dans la function Init_Bulle() --
    //-- Pour les SELECT on supprime l'événement hérité
    Obj = document.getElementsByTagName('SELECT');
    for( i=0; i < Obj.length; i++){
    ...
    }
    Normalement getElementsByTagName return un objet vide de longueur=0 si aucun TAG n'est trouvé...
    pour palier ce problème, avant modif de la source, il suffit d'inclure if( Obj.length) comme indiqué ci dessous...

    Obj = document.getElementsByTagName('SELECT');
    if( Obj.length) // Ligne à ajouter...
      for( i=0; i < Obj.length; i++){
      ...
      }

    To ZEGUIMO :
    1100 carac, cela fait déjà une belle bulle mais à ma connaissance il n'y à pas limitation de taille !!!
    n'y a t -il pas un probléme avec les '...
    pour le vérifier dans la fonction BulleWrite( txt_) mettre un alert( txt_) pour vérifier l'exactitude et la taille du paramètre...

    Si tu as un lien pour observer le phénomène je suis preneur...

    Je reste attentif...

  • signaler à un administrateur
    Commentaire de zeguizmo le 09/08/2006 14:41:00

    Salut, merci pour ta réponse.
    Tu peux aller voir le probleme ici, je suis en train de discuter avec Nickadele (non sa bel.... :) )

    http://www.javascriptfr.com/infomsg_DEUX-CODES-IDENTIQUES-NE-FONCTIONNENT-PAS-PAREIL_791857.aspx

    Je donne le texte que j'utilise pour afficher, essaye donc et tu verras que cela ne passe pas, et je ne pige pas pourquoi

    Précision, j'utilise FireFox

    Merci,

    Guiz

  • signaler à un administrateur
    Commentaire de nickadele le 09/08/2006 17:24:15 administrateur CS

    PetroleTeam, sans avoir vu ton message je vien d'en arriver à la même conclusion que toi en voyant le texte de zeguizmo !
    A mon avis tout vient de la simple quote à vérifier donc !

  • signaler à un administrateur
    Commentaire de zeguizmo le 09/08/2006 17:37:15

    evidemment ...

    J'ai lu et relu le texte pour trouver tous les symboles spéciaux je n'avais vu que le % ...

    C'est chiant d'être con :)

    Merci a vous,

    Guiz

  • signaler à un administrateur
    Commentaire de pierrot_D le 04/09/2006 15:51:07

    ce code est sublime
    c'est fou ce que l'on peut faire avec !

    et son concepteur un mec formidable !

    ce la fait 4 jours que je l'embête avec des modifs pour adapter son script à mes besoins,
    (vu que je suis nul en JS, entre autres lol )

    il m'a toujours répondu aimablement ( ce qui est pas toujours le cas ici )

    en plus il explique le pourquoi des modifs .

    je dis " chapeau ! "

    je tenais à le remercier publiquement

    Pierrot

  • signaler à un administrateur
    Commentaire de icone71 le 14/09/2006 19:01:32

    Bonjour et merci pour ce code très réussi.

    Après avoir un peu "joué" (WIN XP IE 6.0 et FF 1.5) avec j'ai trouvé deux ou trois petits bugs, essentiellement liés à IE :
    - effectivement j'ai eu la même erreur sous IE que DyoChris liée à "length a la valeur nul ou n'est pas un objet"; étrangement résolue en passant le charset de UTF-8 à iso-8859-1...
    - problème de longueur max de caractères sous FF; pas de ' oublié (c'est du latin),ça passe sous IE mais pas sous FF; sous FF ce n'est pas tronqué mais l'infobulle est placée tout en haut de la fenêtre et bouge selon le curseur en suivant le haut de la fenêtre...
    - la 3ème erreur est sans doute la plus indépendante de ma configuration puisqu'elle existe dans le fichier source lui-même (gfbulle.htm) : je rajoute un champ texte input dans ce fichier et fais l'action BulleWrite et BulleHide; ca marche nickel. MAIS, SOUS IE 6.0, si je tape un texte à l'intérieur et ensuite essaye de sélectionner ce texte avec la souris pour l'effacer, impossible, rien à faire, le texte n'est pas sélectionné. Il faut faire ctrl A suppr ou double clic ou backspace pour effacer. Le problème étant que cela s'applique à TOUS les champs textes de la page, même ceux qui n'ont pas le onmouseover="BulleWrite()" etc. Si j'enlève le code pour les infobulles, cela refonctionne, donc c'est bien lié à ce code.

    Bonne soirée

  • signaler à un administrateur
    Commentaire de icone71 le 14/09/2006 19:57:15

    (a oui je tenais à préciser que l'ajout de
    if( Obj.length) // Ligne à ajouter...
    ne fonctionne pas, en tout cas dans mon cas...)

  • signaler à un administrateur
    Commentaire de nickadele le 15/09/2006 07:22:57 administrateur CS

    Bonjour icone71,

    le Input, c'est dans l'infobull que tu l'ajoutes ?

    Nickadele

  • signaler à un administrateur
    Commentaire de icone71 le 15/09/2006 10:46:44

    hello,

    Non je fais simplement un champ texte (textarea ou type) et je mets l'action de l'infobulle dessus pour quand on survole le input il y ait une infobulle qui apparaisse (gestion de messages d'erreurs). Mais je rappelle que le problème se pose sur gfbulle.htm ou sur n'importe quelle page à laquelle on associe le js des infobulles, sous IE.

  • signaler à un administrateur
    Commentaire de icone71 le 15/09/2006 10:49:36

    (et cela même si dans la page il n'y a aucun appel de la fonction BulleWrite(); il suffit juste que le code soit mis en src pour que du coup tous les champ text et textarea aient ce problème)

  • signaler à un administrateur
    Commentaire de PetoleTeam le 15/09/2006 15:38:50

    Tout d'abord Bonjour à tous...
    ICONE71 = Remue Meninges et je m'explique...
    Perso je travaille, sous NOTEPAD et j'utilise une trame qui date mais qui reprend charset=iso-8859-1...
    Je viens de la changer pour, outre le débat que cela sussite, adopter le CHARSET=UTF-8 plus recommandable par le W3c d'ailleurs.
    Cela ne me pose pas de problème majeur car je saisie les caractères accentués comme é &eacute;. SAUF dans les commentaires...
    Revenons à nos moutons...

    POINT 1:
    avec charset=UTF-8 sous IE même la ligne de commentaire...
    <!-- DEB compatibilité -->
    ...est interprétée et supprime tous ce qui est entre <!!-- et --> dont le SELECT
    sous FF No Blem
    en effet il semblerait que cela soit le é avant --> qui pose problème

    CORRECTION:
    pour éviter l'erreur il me suffit donc de mettre
      if( Obj && Obj.length){
      ...blabla...
      }

    OUI MAIS
    La ligne Obj = document.getElementsByTagName('SELECT');
    retourne Obj = [Object] et Obj.length = 1; avec charset=iso-8859-1
    et retourne Obj = undefined avec charset=UTF-8

    GROS BLEM.....
    ...2 HEURES ce sont passées depuis le début des notes que je prend...

    EN FIN de COMPTE
    Le commentaire dans le fichier .js fout une M####E pas possible donc j'ai viré les accents ET ça marche...
    Le plus surprenant est que 1 coup ça marche pas l'autre ???

    En mettant un alert( arguments.callee); en début de function on peut voir comment IE et les autres voient le code différement...

    POINT 3: YO !!
    Allez savoir pourquoi j'ai ajouté un return( false); en fin de fonction WhereMouse(e), c'est lui le fautif à couper<JEUX DEUX MOTS>...
    Cela ne se produit effectivement que sous IE qui doit gérer la propagation différement...

    ET le POINT 2 me diras tu...
    la je ne peux rien dire il me faudrait un lien pour voir le phénomêne...

    PS :  La modification concernant les 2 points traitée ne saurait tarder, il me semble que je l'ai déjà dis...

    Encore merci pour votre participation active.

  • signaler à un administrateur
    Commentaire de nickadele le 15/09/2006 16:38:39 administrateur CS

    Merci PetroleTeam pour le suivi et les évolutions !

  • signaler à un administrateur
    Commentaire de PetoleTeam le 15/09/2006 18:44:40

    Version 2.1
    disponible en espérant qu'elle satisfasse le plus grand nombre.

    To : NICKADELE
    une précision PetoleTeam et non PetroleTeam, je manque d'air<RIRES>...
    Petole = abscence de Vent
    Petrole = abscence de sentiments
    Mais quoi qu'il arrive NoBlem d'ailleurs je viens juste de m'en rendre compte...
    ;0)

  • signaler à un administrateur
    Commentaire de nickadele le 15/09/2006 18:56:54 administrateur CS

    Moi je pensait que t'étais dans le fuel lol

  • signaler à un administrateur
    Commentaire de icone71 le 16/09/2006 06:34:55

    PetoleTeam...
    Désolé pour la prise de tête ;-)
    J'ai moi aussi passé une bonne heure avant de découvrir par élimination que le fauteur de trouble était le charset... En effet de virer les accents dans le js résoud le prbl ! IE et ses délires...
    le return ( true); à la fin de WhereMouse(e) est aussi la solution pour IE et le probl de selection à la souris.
    QUant au problème d'un trop grand nombre de caractères j'ai aussi réussi à la reproduire sur gfbulle.htm. En fait sur certains éditeurs html comme dreamweaver lorsque tu as de longues lignes il revient à la ligne automatiquement, du coup le texte de l'infobulle ne s'affiche plus si le ') à la fin de BulleWrite (' ... n'est pas sur la même ligne.

    Merci pour les solutions !

  • signaler à un administrateur
    Commentaire de rpujol le 26/09/2006 16:06:09

    Merci PetoleTeam pour ce beau code...
    Ayant développé un frontal WEB pour interagir dynamiquement avec des BD MySQL de labo. de recherche, et ayant testé uniquement l'appli sous FF... j'ai eu peur en voyant mes jolies infobulles masquées par les éléments SELECT dans M$ IE6 (paraît que la v7 prend en compte la propriété 'z-order' pour les SELECT... mieux vaut tard que jamais ?) !

    La pauvre recherche institutionnelle t'est reconnaissante.
    Robert

  • signaler à un administrateur
    Commentaire de nikola150 le 02/11/2006 11:04:28

    Bon code...
    Je te suggère simplement de générer tes bulle en tableless en mettant un simple div avec une class se qui permet de gérer plus facilement la personnalisation des bulles (plus dans le js mais directement dans les css).
    Je l'ai fait chez moi ça marche nikel.
    Merci pour ce bon boulo
    Niko

  • signaler à un administrateur
    Commentaire de econs le 02/11/2006 11:10:02 administrateur CS

    Vraiment très chouette. Et la manière de présenter la source l'est tout autant. Et hop, dans les favoris :o)

  • signaler à un administrateur
    Commentaire de pierrot_D le 12/12/2006 10:13:00

    nikola150 , tu peux développer ?

    c'est à dire donner les modifs que tu as faites

    merci d'avance

  • signaler à un administrateur
    Commentaire de nikola150 le 12/12/2006 10:26:04

    En fait j'ai modifié les fonctions CadreWrite et BulleWrite come ceci :

        Html  = "<div class=\"bulle\">";
        Html += txt_;
        Html += "</div>";

    à la place de :

        Html = "<TABLE BORDER=0 CELLSPACING=0><TR><TD BGCOLOR='#0000c0'>";
        Html += "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=4 WIDTH='100%' BGCOLOR='#FFFFE8'>";
        Html += "<TR><TD class='Bulle' NOWRAP>";
        Html += txt_;
        Html += "</TD></TR></TABLE></TD></TR></TABLE>";

    Et j'utilise les CSS pour personaliser la bulle.
    ++

  • signaler à un administrateur
    Commentaire de PetoleTeam le 12/12/2006 17:36:55


    Bonjour à Tous,

    NIKOLA150 à tout à fait raison, personne n'en douté d'ailleurs. De nos jour il est préférable de définir la class dans une feuille de style qui présente l'avantage, outre de coller à l'air du temps, d'être différente pour chaque page d'un site.

    Pour la petite histoire à l'époque ou j'ai crée l'ossature de ce script je bossais sous NS4 et IE5 d'ou l'utilisation de TABLE et non de DIV car le style était souvent mal interprété et très différent d'un exploreur à l'autre...

  • signaler à un administrateur
    Commentaire de fighteur8 le 03/06/2007 14:37:02

    C'est une source excellente !! Bravo pour ce travail magnifique !

    Par contre juste un petit détail : pourquoi laisser l'attribut NOWRAP ligne 260 du fichier .js ?

    Cela empêche d'ajuster la taille du tableau de la bulle lorsqu'il y a des textes plus ou moins longs à l'intérieur...

  • signaler à un administrateur
    Commentaire de fighteur8 le 03/06/2007 16:13:05

    ah oui j'ai juste un petit problème, si je met un tableau de longueur 350 par exemple, IE7 m'affiche une bulle vide (le tableau s'affiche car il ya les contours des mises en formes css mais pas la td) alors que sur FF ca marche...
    La bulle sur IE7 est de la bonne taille comme si il y avait le texte mais il ne s'affiche pas.

    Meme chose si au lieu de mettre un tableau dans la bulle je met un div avec une longueur définie.

  • signaler à un administrateur
    Commentaire de PetoleTeam le 08/06/2007 13:35:03

    Bonjour et Merci,

    Le NOWRAP est historique mais pas indispensable voir
    commentaire de : Souboc le 27/07/2006 et encore celui de nikola150 le 12/12/2006.

    Sur IE7,si l'affichage ne ce fait pas il se peut qu'il y ai une gestion différente entre IE7 et FF, c'est même d'ailleurs sur, mais je ne pense pas que l'InfoBulle soit en cause...

    Je n'utilise pas IE7 mais si tu as un lien pour que je jete un oeil je suis preneur, les BUGs sournois peuvent exister.
    ;0)

  • signaler à un administrateur
    Commentaire de fighteur8 le 08/06/2007 13:49:00

    bonjour,

    j'ai remplacé la bulle par un div que je personnalise par css, et maintenant ca marche :)

  • signaler à un administrateur
    Commentaire de sam98 le 17/07/2007 11:48:21

    Salut à tous, je viens de voir ce merveilleux code et je veux juste apporter une petite modif que tout le monde a du faire: la largeur de la bulle. je veux que ça ait une largeur fixe même si le texte est long. je ne trouve pas le truc qui va avec dans le code.

    merci de votre aide

  • signaler à un administrateur
    Commentaire de PetoleTeam le 17/07/2007 20:08:06

    Bonjour,
    Cela ce passe dans la fonction BulleWrite()
    - supprime le NOWRAP dans la ligne
    Html += "<TR><TD class='Bulle' NOWRAP>";
    - fixe la largeur souhaitée dans cette même ligne
    Html += "<TR><TD class='Bulle' WIDTH='200'>";
    Voili voilou !
    ;O)

  • signaler à un administrateur
    Commentaire de sam98 le 17/07/2007 20:23:23

    Merci beaucoup, c'est de la balle ce script!! fonctionne très bien

    encore merci

  • signaler à un administrateur
    Commentaire de sam98 le 23/07/2007 11:01:42

    Bonjour, toujours à propos de l'infobulle j'ai du faire une mauvaise manip quia fait décaler les bulles sous firefox. j'ai réussi à rétablir le truc sous tous les autres navigateurs sauf firefox où les bulles s'affichent tout en haut de la page au passage de la souris. quelqu'un peut sait d'où ça peut venir?
    merci

  • signaler à un administrateur
    Commentaire de PetoleTeam le 23/07/2007 21:39:52

    Bonsoir,
    Sans une bribe d'information sur ce qui à été modifier difficile de dire.
    Si tu as une adresse pour aller voir le problème cela serait merveilleux.

  • signaler à un administrateur
    Commentaire de sam98 le 26/07/2007 13:52:57

    Bonjour, voici le code de la fonction BulleWrite. je n'utilise pas du tout le fichier gfbulle.css

    function BulleWrite( txt_, x_, y_){
      var B_Obj = GetObjet( 'Bulle');
      var F_Obj = GetObjet( 'FBulle');
      var Html;
      if( !bINIT) Init_Bulle();
      if( B_Obj){
        //-- Récup dimension d'affichage
        Get_DimFenetre();
        // Decalage hors de la Bulle
        Decal_X =( x_ ? x_: 5);//    Decal_X = 5 par défaut
        Decal_Y =( y_ ? y_: 5);//    Decal_Y = 5 par défaut
        //-- Ecriture de la Bulle
        /*Html  = "<TABLE BORDER=0 CELLSPACING=0><TR><TD BGCOLOR='#FFFFFF'>";*/
        Html = "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=4  BGCOLOR='#FFFFFF' >";
        Html += "<TR ><TD class='Bulle'>";
        Html += txt_;
        Html += "</TD></TR></TABLE></TD></TR></TABLE>";
        B_Obj.innerHTML = Html;
        //-- Ajout pour SELECT sous IE
        if( bSELECT){
          with(F_Obj.style){
            height = B_Obj.offsetHeight;
            width  = B_Obj.offsetWidth;
            left   = B_Obj.offsetLeft;
            top    = B_Obj.offsetTop;
          }
        }


    et voilà le code html que j'utilise:

    <MAP NAME="EcoAct programmes en cours">
    <AREA  SHAPE=CIRCLE COORDS="173,181,12" HREF="programmes-par-pays.php?pays=Bresil"
    onMouseOver="BulleWrite('Br&eacute;sil',5,5);" onMouseOut="BulleHide();"></a>

    j'ai juste un problème sous firefox. les bulles s'affichent en haut de page

    merci de votre aide

  • signaler à un administrateur
    Commentaire de PetoleTeam le 26/07/2007 17:22:32

    Bonsoir,
    Si tu supprimes la première balise TABLE il te faut supprimer la fermeture de celle ci
    //-- Ecriture de la Bulle
        /*Html  = "<TABLE BORDER=0 CELLSPACING=0><TR><TD BGCOLOR='#FFFFFF'>";*/
        Html = "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=4  BGCOLOR='#FFFFFF' >";
        Html += "<TR ><TD class='Bulle'>";
        Html += txt_;
        Html += "</TD></TR></TABLE></TD></TR></TABLE>";

    et de ce fait écrire plutôt
    //-- Ecriture de la Bulle
        /*Html  = "<TABLE BORDER=0 CELLSPACING=0><TR><TD BGCOLOR='#FFFFFF'>";*/
        Html = "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=4  BGCOLOR='#FFFFFF' >";
        Html += "<TR ><TD class='Bulle'>";
        Html += txt_;
        Html += "</TD></TR></TABLE>";/*</TD></TR></TABLE>";*/

    ;0)

  • signaler à un administrateur
    Commentaire de sam98 le 26/07/2007 22:55:04

    Bonsoir,

    j'ai bien réécris le code javascript mais sans résultat. j'ai même fait mieux: téléchargé le fichier js de nouveau pour remplacer le code existant. Les bulles s'affichent toujours en haut de page. je ne vous envoie pas le code html, c'est le même que celui ci-dessus. et le js est le même fichier que dans le .zip
    Bizzare que le décalage ne se manifeste que sous firefox.

    Si vous avez une idée d'où ça peut venir, sinon ce n'est pas grave. votre aide m'a été précieuse jusque là.
    merci

  • signaler à un administrateur
    Commentaire de nickadele le 28/07/2007 13:05:03 administrateur CS

    Bonjour,

    Sam98, j'ai eu ce problème, chez moi cela provenait d'un DIV qui forçait le positionnement genre "POSITION:absolute;" !
    Le mieux c'est d'adapter ton code en testant à partir de FF et puis éventuellement adapter certaines partie pour être compatible IE.
    Mais je te confirme que ce code fonctionne très bien.

    Nickadele

  • signaler à un administrateur
    Commentaire de sam98 le 28/07/2007 19:08:53

    Bonjour,

    merci de ta réponse Nickadele. j'ai pensé à cette  éventualité: que le div absolute force le positionnement et je crois bien que c'est ça le problème. j'ai mis un position absolute pour le style de la Bulle et le positionnement est revenu à la normale.
    encore merci

  • signaler à un administrateur
    Commentaire de sam98 le 02/08/2007 17:25:03

    Bonjour, petite question: dans le gfbulle.js à la fin du fichier il y a une instruction "document.write(html)". est ce que cette instruction est nécessaire car je crois bien qu'elle affiche un vide dans ma page (sous IE seulement comme d'habitude!).

    est ce que c'est possible de mettre cette partie du code dans un fichier css?

    merci de votre aide.

  • signaler à un administrateur
    Commentaire de PetoleTeam le 02/08/2007 19:48:59

    Bonjour,
    La partie finale du code, avec le document.write( Html), crée dans la page le DIV Bulle et l'IFRAME associée.
    Je ne pense pas que ce soit cela qui affiche un vide.
    Je concéde cela n'est pas très élégant, il faudrait qu'à l'occasion je le refasse plus propre avec des document.createElement.
    Si tu as un lien pour tester le truc, pas dans l'immédiat vacances obligent.
    ;0)

  • signaler à un administrateur
    Commentaire de vieillehiboux le 26/09/2007 01:03:29

    Merci beaucoup pour ce scripte.
    C'est le seul que j'ais essayer qui fonctionne indépendemment du navigateur utiliser.
    J'ais cependant quelque soucis pour customiser la bulle.
    Je n'arrive pas a enlever la bordure bleu même en définissant une
    bordure directement dans le .js. elle apparaît entouré de la bordure bleu.
    Il m'est également impossible d'y mettre une image transparente en fond ou d'utiliser la fonction opacity.
    Quelqu'un a-t-il une idée?

  • signaler à un administrateur
    Commentaire de vieillehiboux le 27/09/2007 18:06:52

    Merci encore à nikola150 et a son commentaire qui m'a permis de personaliser a souhait la bulle.

  • signaler à un administrateur
    Commentaire de sylv202 le 07/10/2007 21:57:20

    Ça fonctionne bien sauf si c'est dans un iframe.Voir->
    [url=http://www.hiboox.com/lang-fr/image.php?img=32qhdil1.jpg][img]http://images2.hiboox.com/vignettes/4007/32qhdil1.jpg[/img][/url]
    Est ce que quelqu'un a une solution pour régler ce pbm svp?

  • signaler à un administrateur
    Commentaire de sylv202 le 07/10/2007 21:59:53

    Hum... http://hiboox.com/lang-fr/image.php?img=32qhdil1.jpg

  • signaler à un administrateur
    Commentaire de sylv202 le 15/10/2007 21:17:33 10/10

    Monsieur PetoleTeam a résolu mon problème, je n'écris pas sa solution parce que j'ai entendu dans les milieux informés que PetoleTeam s'apprête à faire une mise à jour...
    Merci encore à toi !

  • signaler à un administrateur
    Commentaire de domxml le 08/01/2008 14:07:17 10/10

    Thx PetoleTeam ce que j'en ai besoin

  • signaler à un administrateur
    Commentaire de zen69 le 11/07/2008 07:12:07

    yo jai tester avec safari pour pc et tout marche nikel... tu peux l'ajouter a ta liste de compatibilité

    version 3.1.1 (525.17)

  • signaler à un administrateur
    Commentaire de drakss le 17/07/2008 12:23:15 10/10

    Excellent script :)

Ajouter un commentaire

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
SITE MARCHAND LOCATION...
Budget : 3 000€
SITE MARCHAND POUR HOTEL
Budget : 4 000€