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

Fermé

charp78 Messages postés 40 Date d'inscription lundi 4 juillet 2016 Statut Membre Dernière intervention 6 juillet 2024 - 29 avril 2021 à 15:35
yg_be Messages postés 23352 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 27 novembre 2024 - 29 avril 2021 à 19:14

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

A voir également:

Texte sur plusieurs lignes dans une bulle affichée selon la position du curseur
Aller à la ligne dans une cellule excel - Guide
Ma position - Guide
Excel cellule couleur si condition texte - Guide
Transcription audio en texte word gratuit - Guide
Dans le document à télécharger, les références des pièces détachées sont affichées par pays, puis par type de pièces. réorganisez le document pour avoir : les pays dans l'ordre alphabétique : allemagne, espagne, france et italie ; et pour chaque pays, les pièces d'auto, de bateau et de moto dans cet ordre. quelle est la référence de la pièce en ligne 500 ? ✓ - Forum Windows

3 réponses

Réponse 1 / 3

yg_be Messages postés 23352 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 27 novembre 2024 Ambassadeur 1 554
29 avril 2021 à 17:16

bonjour,
peux-tu montrer ton code VB?

Réponse 2 / 3

cs_Le Pivert Messages postés 7904 Date d'inscription jeudi 13 septembre 2007 Statut Contributeur Dernière intervention 14 août 2024 729
29 avril 2021 à 19:02

Bonjour,

tu t'es trompé de forum!

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

yg_be Messages postés 23352 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 27 novembre 2024 1 554
29 avril 2021 à 19:10

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.

Réponse 3 / 3

charp78 Messages postés 40 Date d'inscription lundi 4 juillet 2016 Statut Membre Dernière intervention 6 juillet 2024 5
29 avril 2021 à 19:09

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>

=================================================================

yg_be Messages postés 23352 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 27 novembre 2024 1 554
29 avril 2021 à 19:14

le retour à la ligne habituel en HTML est

<br>

.
aucune idée si cela fonctionne dans le contexte de ta bulle.

Discussions similaires

Code erreur 80710A06

signication du curseur dans word

Formule Excel : "SI" une cellule contient un mot, alors ?

Afficher toutes les lignes masquées excel

Erreur 80710A06 sur ps3