Commentaires sur une source : INFO BULLE TOUJOURS VISIBLE

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
25 juin 2010 à 14:53

Bonjour,
La réalisation peut se faire par l'ajout d'une image, dans un DIV par exemple, que tu positionne suivant le cas.
Suivant ce cas justement, il te faut gérer plusieurs images, une gauche haut et bas, une droite haut et bas et une centre haut et bas, que tu positionnes de telle sorte à masquer une partie du cadre.
Voilou pour le principe...
;O)

Centory Messages postés 4 Date d'inscription samedi 31 janvier 2004 Statut Membre Dernière intervention 25 juin 2010
25 juin 2010 à 02:36

Bonjour petoleteam,

Merci beaucoup pour la réponse. J'ai en fait constaté que ça ne le faisait pas parceque les positions étaient figées dans le css associé à la bulle. J'aimerais en réalité avoir une images différentes dés que la bulle se retourne (pour afficher une petite flèche) et donc avoir possibilité d' associer deux styles css plutôt qu'un mais je n'ai pas encore trouvé comment faire :-(

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
22 juin 2010 à 20:33

Bonjour,
normalement cela le fait...
ou alors le problème est autre ?
;O)

Centory Messages postés 4 Date d'inscription samedi 31 janvier 2004 Statut Membre Dernière intervention 25 juin 2010
21 juin 2010 à 11:43

Bonjour à tous,

Merci beaucoup pour la source, elle fonctionne très bien :-)

J'ai une petite question :

Dans le cas où la bulle arriverait en fin de page et pour éviter une scrollbar verticale (intégration du script dans une iframe ayant une taille fixe), j'aimerais savoir comment inverser le sens de la bulle uniquement en cas de dépassement, càd afficher la bulle en haut du curseur plutôt que l'afficher en bas du curseur, quelqu'un aurait-il une idée ?

Merci d'avance

L3Fgandalf Messages postés 10 Date d'inscription mercredi 10 décembre 2003 Statut Membre Dernière intervention 9 juin 2008
9 juin 2008 à 22:54

J'ai vu les nouvelles sources, je vais les essayer demain.
Je vous tiens au courant.

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
9 juin 2008 à 19:39

Bonjour, si tu avais un lien pour bien appréhender le problème, ce serait le top.
Habituellement les infos bulles sont sous le curseur de la souris !
;O)

L3Fgandalf Messages postés 10 Date d'inscription mercredi 10 décembre 2003 Statut Membre Dernière intervention 9 juin 2008
9 juin 2008 à 19:25

Bonjour,

J'ai un petit problème avec l'affichage de la bulle.

En fait quand l'image est presque en haut la bulle ne se met pas automatiquement en dessous de la souris elle reste au- dessus, résultat mes images sont incomplètes.
Sous windows je ne rencontre pas le problème sauf sous Saffari.
Mais sur mac ça le fait aussi avec firefox et mon patron me le fait remarquer.

En tout cas très beau travail. Et malgré ce petit problème pour moi, ça fonctionne vraiment très bien. Chapeau Bas.

Merci d'avance.

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
2 avril 2007 à 17:48

Bonjour,
A la ligne 145, de la source ci dessus, tu trouves
Html = "<TABLE BORDER=0 CELLSPACING=0><TR><TD BGCOLOR='#0000f0'>";
...en modifiant la valeur de BGCOLOR tu modifies la couleur du bord

A la ligne 146, de la source ci dessus, tu trouves
Html += "<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=4 WIDTH='100%' BGCOLOR='#FFFFE8'>";
...en modifiant la valeur de BGCOLOR tu modifies la couleur de fond

Pour faire plus au goût du jour tu peux remplacer la TABLE par un DIV qui est plus facile à "styliser" avec une feuille de style.

Pour une explication du pourquoi une table voir
http://www.javascriptfr.com/code.aspx?ID=38238
et la solution de nikola150 pour remplacer la TABLE par un DIV...

;0)

cs_jesy Messages postés 3 Date d'inscription mardi 15 mars 2005 Statut Membre Dernière intervention 31 mars 2007
31 mars 2007 à 22:19

Dites, comment on fait pour changer le contour de l'info-bulle. J'ai essayé de mettre border-color, mais aucun changement.
Merci

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
17 nov. 2006 à 13:58

Merci du retour...
;0)

timotep Messages postés 34 Date d'inscription mardi 3 janvier 2006 Statut Membre Dernière intervention 16 janvier 2008
17 nov. 2006 à 13:52

merci, petoleTeam, c bon. Ca marche bien.

frk333 Messages postés 2 Date d'inscription samedi 31 janvier 2004 Statut Membre Dernière intervention 11 novembre 2006
11 nov. 2006 à 12:46

Je te confirme que cela fonctionne maintenant avec Opera ! Bravo !

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
10 nov. 2006 à 18:59

Bonjour à tous
A l'attention de TIMOTEP et FRK333 merci de faire le test avec cette nouvelle version de gfbulle.js et de me tenir au courant.

frk333 Messages postés 2 Date d'inscription samedi 31 janvier 2004 Statut Membre Dernière intervention 11 novembre 2006
19 sept. 2006 à 15:16

Alors là bravo PetoleTeam ! Enfin un script qui marche sur tous les navigateurs (...que j'ai essayés !)

Et juste pour que tu continues à t'amuser ;) le repositionnement vers le haut ne marche pas avec Opera (9.01) : il fait défiler la scrolbar vers le bas ! (Test avec gfbulle.htm lien "Haut de Page")

En tous cas Merci !

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
25 août 2006 à 13:16

Bonjour,
La bulle est toujours ENTIEREMENT visible dans le fenêtre d'affichage et ne déborde normalement pas...
J'ai besoin d'un lien pour mieux appréhender ce problème...
A Suivre...

timotep Messages postés 34 Date d'inscription mardi 3 janvier 2006 Statut Membre Dernière intervention 16 janvier 2008
25 août 2006 à 11:19

Ok pour ton code, mais malheureusement, j'ai un bug qui apparait avec firefox. En effet, lorsque le texte est à droite, firefox affiche l'infobulle non pas au maximum qu'il le peut sur la droite, mais beaucoup plus à gauche, très loin du curseur, comme s'il considérait que le bord de la page est plus à gauche. Comment éviter ça?

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
21 juin 2006 à 20:58

Hello every
----------------------------------------
INFO BULLE COMPATIBLE SELECT ET DOCTYPE
----------------------------------------
La dernière version est disponible...
http://www.javascriptfr.com/code.aspx?ID=38238

Merci à Nickadele ( non, sa belle ne s'appelle pas Adèle...)

cs_trone Messages postés 2 Date d'inscription mercredi 7 juin 2006 Statut Membre Dernière intervention 7 juin 2006
7 juin 2006 à 17:04

salut

super! il sera complet avec cette correction .

c est rare les scripts de bulles qui sont compatible avec la plupart des navigateurs , le XHTML strict et les element <SELECT>.

GG d'avance !

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
7 juin 2006 à 07:41

Bonjour...

Ce bug bien connu sur les éléments <SELECT> est en cours de correction suite à la source déposée par Nickadele.

Le code sera bientôt disponible dés que je l'aurais finalisé...

;0))

cs_trone Messages postés 2 Date d'inscription mercredi 7 juin 2006 Statut Membre Dernière intervention 7 juin 2006
7 juin 2006 à 02:55

très bon script mais si la bulle doit s'afficher devant un champs de type select , la bulle ce met deriere le champs et on ne vois pas ce qui fait écrit dans la bulle.

Ce serais sympa d optimiser le code pour ce petit bug

c4rt3r Messages postés 3 Date d'inscription dimanche 24 avril 2005 Statut Membre Dernière intervention 6 juin 2006
6 juin 2006 à 17:24

J'avais corrigé cette erreur, mais je testais avec une suite de caractère sans espace, donc ça fonctionnais pas ;)
Bref c'est trop tard, j'ai résolus mon problème autrement, je te remercie tout de même de ton aide, ce me servira surment plus tard.

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
6 juin 2006 à 13:03

1000 excuses...
...SYNTHAXE ERROR à la ligne xxx il faut lire
OnMouseOver="WriteBulle('le texte...
');"

c4rt3r Messages postés 3 Date d'inscription dimanche 24 avril 2005 Statut Membre Dernière intervention 6 juin 2006
5 juin 2006 à 18:24

Malheureusement, ça ne fonctionne pas. y-a surment moyen de gérer ça dans le javascript?
j'ai essayé de bidouiller, mais j'ai pas trouvé.

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
5 juin 2006 à 08:21

Bonjour...

Essaies d'encapsuler ton texte dans une table par exemple de largeur définie...
Exemple :
OnMouseOver="WriteBulle('le texte...
'));"

c4rt3r Messages postés 3 Date d'inscription dimanche 24 avril 2005 Statut Membre Dernière intervention 6 juin 2006
5 juin 2006 à 02:36

Bonjour,
j'ai de longues descritpions à mettre en bulles et j'aimerais un retour automatique du texte, j'ai donc essayé de fixer une largeur fixe à l'infobulle, mais je n'y arrive pas, comment est-il possible de le faire?
Merci

cs_Necriis Messages postés 2 Date d'inscription lundi 22 mai 2006 Statut Membre Dernière intervention 30 mai 2006
30 mai 2006 à 11:40

Merci beaucoup, ça marche impec' !
;)

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
30 mai 2006 à 09:37

A l'attention de NECRIIS et TRANUS
Mise à jour effectuée pour prise en compte du problème rencontré avec DOCTYPE...

Tranus Messages postés 11 Date d'inscription vendredi 20 février 2004 Statut Membre Dernière intervention 22 mai 2006
22 mai 2006 à 14:16

Salut,

Oui, j'ai le même problème. La bulle reste coincée en haut à gauche.

cs_Necriis Messages postés 2 Date d'inscription lundi 22 mai 2006 Statut Membre Dernière intervention 30 mai 2006
22 mai 2006 à 13:53

Salut, ma page est en XHTML Strict, et la bulle reste coincée en haut à gauche de l'écran. J'ai supprimé un à un tous les éléments pouvant créer un éventuel conflit, et au final, c'est en supprimant l'entête "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" que la bulle s'est débloquée ... quelqu'un aurait-il une solution ?
Sinon, ça marche impec ! ;p

jppsg36 Messages postés 4 Date d'inscription vendredi 17 octobre 2003 Statut Membre Dernière intervention 5 mars 2007
6 mars 2006 à 20:49

Efficace et facile à mettre en oeuvre, les explications sur le js permettent de bien comprendre le déroulement du code et de l'adapter sur ses pages perso. Chapeau

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
6 mars 2006 à 08:34

Bonjour...
Merci pour l'info sur la compatibilté de navigateur que je n'est pas.
Pour la Void() 1000 excuses, c'est une fonction tampom que j'aurais efféctivement du supprimer au montage dans le cas présent...
;0)

coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
3 mars 2006 à 12:12

pas mal du tout, aparement compatible tout navigateurs (gecko et Khtml testés...).
function Void(){}
je ne sais pas à quoi sert cette fonction, mais tu utilise un mot clef (enfin, peut-être pas en javascript remarque...) et c'est déconseillé...

je vais mettre 9/10

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
3 mars 2006 à 07:48

Un div global pour centrer? pourquoi pas plutôt
<CENTER>...bla...bla..
</CENTER>

Quel est ton site pour aller faire un tour à l'occasion...

asofera Messages postés 2 Date d'inscription lundi 24 octobre 2005 Statut Membre Dernière intervention 2 mars 2006
2 mars 2006 à 14:15

En fait, mon site est entièrement en css, et une div "contenant" permettant de centrer le site est placée en absolute, ce qui ne plait pas à la bubulle. Lorsque j'enlève la position absolute, celle-ci fonctionne... Je n ai pas encore trouvé de solution à cela...

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
2 mars 2006 à 12:51

<HUMOUR>
Je suis surpris mais bon...tu as réussi a coicer la bulle...
</HUMOUR>

Cela marche pour moi depuis pas mal de temps aussi je pense qu'il ce peut qu'il y ai une erreur de syntaxe dans ta feuille de style, ou dans son appel interdisant le bon déroulement du script...
Je ne peut t'en dire plus en abscence des sources...
A SUIVRE...

asofera Messages postés 2 Date d'inscription lundi 24 octobre 2005 Statut Membre Dernière intervention 2 mars 2006
2 mars 2006 à 10:57

Ca pourrait être pas mal mais je n'arrive pas à joindre ma feuille css. L info bulle reste alors bloquée en haut. Dès que j enlève l appel à ma feuille tout fonctionne, mais sans mise en page... Peut-on résoudre ce problème?

cs_johann1 Messages postés 170 Date d'inscription jeudi 21 octobre 2004 Statut Membre Dernière intervention 9 janvier 2008
1 mars 2006 à 21:17

Ben y a je pense rien à dire! C'est géant! Merci PetoleTeam

nekosan3 Messages postés 10 Date d'inscription mardi 6 décembre 2005 Statut Membre Dernière intervention 21 juin 2011
1 mars 2006 à 12:21

Je suis pas un expert mais je viens d'essayer, hmmm et bien ça fonctionne super ! C'est une chose que je vais surement réutiliser pour mon site , merci je te tiendrais au courant, dés que mon site sera fini, si cela t'intéresse. Par contre je n'ai pas noté, je ne penses avoir les compétences pour noter une chose que je ne maîtrise pas, mais bon je t'aurais mis largement au dessus de la moyenne !

Tranus Messages postés 11 Date d'inscription vendredi 20 février 2004 Statut Membre Dernière intervention 22 mai 2006
1 mars 2006 à 10:27

Pas mal du tout!

INFO BULLE TOUJOURS VISIBLE

Votre réponse

Discussions similaires