INFOS BULLE PARAMÉTRABLE (TOUS NAVIGATEURS)

nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013 - 13 févr. 2008 à 10:25
cs_louloudu67 Messages postés 1 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 15 mai 2010 - 15 mai 2010 à 12:04
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/45723-infos-bulle-parametrable-tous-navigateurs

cs_louloudu67 Messages postés 1 Date d'inscription jeudi 18 mars 2010 Statut Membre Dernière intervention 15 mai 2010
15 mai 2010 à 12:04
Bonjour,
je cherche à modifier la police d'affichage du texte contenu dans la bulle mais je n'y parviens pas. J'ai essayé de mettre un entre les balises car j'ai vu qu'à cet endroit-là un
est reconnu, mais ça ne fonctionne pas pour le font.

J'ai également tenté un
onmouseout="masquer_bulle();" style="background-color: #FFDD99; width:15px; height: 15px; line-height: 100px; text-align: center; font-weight: bold; font-size: 18px;"
mais rien n'y fait.
Mattho pourrait m'aider ? ou quelqu'un d'autre...
Merci d'avance,
Olivier
infobarquee Messages postés 11 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 30 janvier 2009
30 janv. 2009 à 12:38
j'ai deja fais cette manip, et malheureusement le resultat est le meme.
erreur sur la page en bas a gauche.
tout fonctionne parfaitement sur mon local.
j'ai essaye avec un autre script infobulle et idem.
je penche de plus en plus pour un pb du serveur hebergeur malgre que le javascript soit charge sur le pc et non sur le serveur.
matthosback Messages postés 3 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 30 janvier 2009
30 janv. 2009 à 11:57
Je te conseille de télécharger le .zip entier et de faire tes test en local et à distance.

Tu verras comment j'ai procédé pour importer le .js, etc.
infobarquee Messages postés 11 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 30 janvier 2009
30 janv. 2009 à 11:52
bonjour,
je viens de voir que si je declare le javascript dans le head, cela ne fonctionne plus en local ni sur le server.
alors que dans le body pas de pb en local mais pb sur le server.
peut etre un pb de declaration dans le js?
infobarquee Messages postés 11 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 30 janvier 2009
29 janv. 2009 à 23:46
merci, mais apres recherche des erreurs toujours rien.
ca fonctionne tres bien sur mon local avec wamp mais pas sur le server, comme si le java n'etait pas appele.
la ligne qui pourrait poser pb est celle ci, mais je trouve pas d'erreur
echo "
$date
$title : $cp
$description ','white',event)" onmouseout="masquer_bulle()">
" ;
}
le local est sous windows et le server est sous unix, il doit y avoir un truc mais ou??????
matthosback Messages postés 3 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 30 janvier 2009
29 janv. 2009 à 15:17
Bonjour InfoBarquée !

Ravi que mon code te convienne :)

Pour ton problème de premier plan, je suppose qu'il suffit de régler la propriété de bulle.style.zIndex à une valeur supérieure.
Pour ceci j'avais prévu la fonction up_zindex_bulle().

Pour ton second problème, je suis désolé je ne vois pas d'où peut venir le soucis, il n'y a pas de raison que cela marche en local et non sur un serveur...

J'espère que tu vas y arriver, et n'hésite pas si tu as d'autres questions.

@+
infobarquee Messages postés 11 Date d'inscription mardi 11 novembre 2008 Statut Membre Dernière intervention 30 janvier 2009
29 janv. 2009 à 01:49
bonjour,
j'ai decouvert ce script il y a 2 jours et il me convient.
2 petites choses.
1/ y a t'il possibilite d'afficher la bulle en premier plan, car comme je l'utilise sur une carte avec des points elle se place derriere ceux ci et c'est genant.
ou alors de l'afficher au meme endroit sur la page pour tous les appels a la bulle.
2/ en local sur mon pc cela fontionne mais pas sur un serveur normal??? pourquoi?
sinon bravo pour ce script sympa
matthosback Messages postés 3 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 30 janvier 2009
14 mai 2008 à 07:50
Salut Fidzy, petit bout de code interressant en effet, merci !

@+
Fidzy Messages postés 10 Date d'inscription vendredi 2 décembre 2005 Statut Membre Dernière intervention 8 mai 2009
13 mai 2008 à 23:11
Voici un petit bout de code pour la gestion des document.getElement/document.all

function getEl(n){
return (document.all)?document.all[n]:document.getElementById(n);
}

Au plaisir
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
31 mars 2008 à 20:02
Le script débuggé fonctionne parfaitement sous IE 7.
Bravo !
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
31 mars 2008 à 19:59
Y a pas d'quoi DLIMOUZIN ;)

Ca me fait plaisir que ça te convienne !
dlimouzin Messages postés 11 Date d'inscription mardi 31 décembre 2002 Statut Membre Dernière intervention 30 décembre 2008
31 mars 2008 à 19:51
Merci à tous.
Script sympa et pratique.
A bientôt
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
31 mars 2008 à 19:41
Re-télécharge le zip, le margin-top n'est plus appliqué sur le div mais sur le body.
Je l'ai débuggué cet après-midi et depuis je n'ai plus de soucis.

Enfin, le "bug" d'IE était présent dans la page exemple, et non dans la source .js. Donc si ton fichier est bien configuré avec des CSS propres, il n'y a pas de raison d'avoir ce genre de soucis.

@+
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
31 mars 2008 à 19:31
Bizarre.

Je viens de retester la page avec IE 7 sous Windows XP SP2 et le div survolé n'est pas stable : "margin-top: 50px;" est comme "éliminé" au survol de la souris et le div se retrouve en haut de page. Onmouseout --> le div reprend sa place.

???
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
31 mars 2008 à 19:15
Salut PROFTNJ.

Testé avec IE 7 sous Windows Vista SP1, aucun soucis de ce type, désolé.

@+
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
31 mars 2008 à 15:13
Avec Internet Explorer 7, le div sursaute (tremble verticalement) au passage de la souris. Avec Firefox, il n'y a pas de problème, c'est impeccable.
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
31 mars 2008 à 12:07
Bonjour DLIMOUZIN

Je viens de mettre en ligne la nouvelle version de mon script qui prend en compte le scroll. J'attends vos retours ;)

Merci, @+
dlimouzin Messages postés 11 Date d'inscription mardi 31 décembre 2002 Statut Membre Dernière intervention 30 décembre 2008
30 mars 2008 à 20:16
Bonsoir,
J'utilise ce script non pas dans un div mais l'appel se fait par survol d'une case d'un tableau qui est dans une zone "scrollable".Le positionnement de l'info n'est pas toujours visible lorsque le scroll est plus ou moins loin.
Y a-t-il possibilité que l'infobulle soit juste au point de survol et ne se décale pas en fonction du scroll
Merci.
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
20 févr. 2008 à 20:13
Merci bien Phoenix35, je me demandais souvent dans les script utilisant le DOM ce que faisait "document.all" dans le code... Maintenant j'ai la réponse.

V2 à venir bientôt, merci à tous pour les commentaires c'est cool.
cs_Phoenix35 Messages postés 12 Date d'inscription lundi 7 mai 2007 Statut Membre Dernière intervention 27 mars 2009
20 févr. 2008 à 20:00
Bonsoir. Tu utilises la plupart du temps des éléments DOM (document.getElement...) sans avoir d'équivalent MSIE (document.all). Ça peut créer une incompatibilité avec des anciennes versions d'IE. (Ne l'ayant pas testé sous IE 5, je ne peux pas dire que ton code défaille)

25. document.getElementById('bulle').innerHTML = texte;
26. document.getElementById('bulle').style.backgroundColor = couleur;
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
18 févr. 2008 à 18:30
Merci beaucoup pour les commentaires, j'avoue avoir testé sous IE 6.

Je ferai mes modifications dans la semaine, beaucoup de travail en ce moment.

En tous cas j'apprécie vos réactions, merci bien.
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
18 févr. 2008 à 18:10
Salut

Moi, je n'ai rien (page blanche), même quand j'enlève 'display: none;'
(IE 7 - Win XP Pro SP2)

???
cs_regis85 Messages postés 7 Date d'inscription vendredi 11 juillet 2003 Statut Membre Dernière intervention 8 novembre 2010
18 févr. 2008 à 09:40
Bonjour,

En testant votre script sous IE7, j'ai remarqué qu'en survolant la div arrière : l'infobulle apparaît bien, mais la div survolée se déplace en haut de la page.

Taz
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
14 févr. 2008 à 11:28
Bonjour,

il n'y a pas de problème à laisser ton code !

Nickadele
mattho Messages postés 20 Date d'inscription vendredi 14 septembre 2007 Statut Membre Dernière intervention 3 avril 2008
13 févr. 2008 à 18:40
Salut,

Merci pour le lien, mais son concept est différent.
J'avais besoin pour mon application de changer la couleur d'arrière-plan en fonction d'un code couleur particulier, et j'ai subi quelques problèmes d'intégration (notemment de cohabitation avec d'autres scripts) voilà pourquoi j'ai codé mes propres infos-bulles.

Enfin, si mon code n'a pas sa place ici, je laisse les admins en décider...

Matthieu.
nickadele Messages postés 1251 Date d'inscription mercredi 7 août 2002 Statut Modérateur Dernière intervention 10 avril 2013
13 févr. 2008 à 10:25
Bonjour,

"J'ai cherché un moment un tel script sans trouver chaussure à mon pied"
>>> Pourtant c'est pas ce qu'il manque :
http://www.javascriptfr.com/codes/INFO-BULLE-COMPATIBLE-SELECT-DOCTYPE_38238.aspx

Nickadele
Rejoignez-nous