Texte sur plusieurs lignes dans une bulle affichée selon la position du curseur

Signaler
Messages postés
9
Date d'inscription
lundi 4 juillet 2016
Statut
Membre
Dernière intervention
29 avril 2021
-
Messages postés
15440
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
3 mai 2021
-
Bonjour,

Sur une image je fais afficher des bulles en fonction de la position du curseur par des Commandes Visual Basic du genre :

<area shape="RECT" coords="040,290,060,320"
onmouseover="AffBulle('Pierre AAAAAAAA')"
onmouseout="HideBulle()">

Cela fonctionne, mais je voudrais avoir une information sur 2 lignes.

J'ai fait un essai avec :

<area shape="RECT" coords="040,290,060,320"
onmouseover="AffBulle('Pierre '+Chr(13)+Chr(10)+' AAAAAAA')"
onmouseout="HideBulle()">

Cela ne fonctionne pas (plus de bulle).

Quelqu'un connaîtrait-il la bonne syntaxe.

Merci de votre aide.

Jean


Configuration: Windows / Firefox 88.0

3 réponses

Messages postés
15440
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
3 mai 2021
845
bonjour,
peux-tu montrer ton code VB?
Messages postés
7359
Date d'inscription
jeudi 13 septembre 2007
Statut
Contributeur
Dernière intervention
1 mai 2021
631
Bonjour,

tu t'es trompé de forum!

https://forums.commentcamarche.net/forum/html-273

Messages postés
15440
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
3 mai 2021
845
en effet, la première question concerne, probablement, le code HTML nécessaire pour générer ce genre de bulle.
viendra peut-être ensuite une autre question à propos de comment générer le code HTML en VB.
je déplace la question dans le forum HTML.
Messages postés
9
Date d'inscription
lundi 4 juillet 2016
Statut
Membre
Dernière intervention
29 avril 2021

Bonsoir

Merci de vous intéresser à mon cas

Ci dessous la copie de mon source HTML (le terme "visual basic" est peut-être inapproprié).
Je ne me souviens plus où je l'ai récupéré (et ne sais pas l'expliquer).
J'ai l'ai raccourci en ne conservant que 2 zones.
Cela fonctionne chez moi sur firefox.
Je souhaiterai remplacer les "/" par des retour à la ligne.

Le problème n'est peut-être que dans la syntaxe des strings :

Quand il y a : " ... . ... ' .... ... ' ... .. " comment inclure les Chr (10) et Chr (13) dans '... ....' ?

Merci de votre aide.

Cordialement.
Jean

==============================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript">
// // variables pour les bulles
//
var IB=new Object;
var posX=0;posY=0;
var xOffset=50;yOffset=70;
//
// AFFBULLE - Affichage d'une bulle
//
function AffBulle(texte) {
contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE> ";
if (posX>600) {var finalPosX=posX-350;} else {var finalPosX=posX+70;};
if (posY>250) {var finalPosY=posY+50;} else {var finalPosY=posY+50;};
bulle.innerHTML=contenu;
document.all["bulle"].style.top=finalPosY;
document.all["bulle"].style.left=finalPosX;
document.all["bulle"].style.visibility="visible";
}
//
// GETMOUSEPOS
//
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft; //
posY=event.y+document.body.scrollTop;
} }
//
// HIDEBULLE
//
function HideBulle(){
document.all["bulle"].style.visibility="hidden";}
function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
document.onmousemove=getMousePos;
}
//
</script>
<title>Mariage DAVID AUBINAIS</title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#000099" link="#000099" vlink="#990099">
<p>
</p>
<p></p>
<script language="JavaScript">InitBulle("#000099","#CCFFFF","#3366FF",1);
// InitBulle(couleur de texte, couleur de fond, couleur de contour, taille contour)
</script> <br>
<img src=".........XXXXXXXX......" usemap="#Alpha">
<map name="Alpha">
'
<area shape="RECT" coords="100,100,300,300"
onmouseover='AffBulle("Pierre COLIN / Domestique de Jean AUBINAIS et Marie THABARD ")'
onmouseout="HideBulle()">
'
<area shape="RECT" coords="500,100,700,300"
onmouseover="AffBulle('Pierre HUET / Boulanger / Adjoint au maire de St Jean)')"
'="" onmouseout="HideBulle()">
'
</map>
</body>
</html>

=================================================================
Messages postés
15440
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
3 mai 2021
845
le retour à la ligne habituel en HTML est
<br>
.
aucune idée si cela fonctionne dans le contexte de ta bulle.