Discussion :

[bubuche4815]

Bonjour,

Toutes mes tentatives ayant échoué, j'aurais besoin d'aide pour ceci :
J'ai une page main.js dans laquelle j'affiche une image grâce à un tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
document.getElementById("upgradeContainer").innerHTML += '<img src="images/'+upgrade.image[i]+'" title="'+upgrade.name[i]+' 
 '+upgrade.description[i]+' 
 ('+Intl.NumberFormat('fr', {notation: "compact", compactDisplay: "long"}).format(upgrade.cost[i])+' fromages)" onclick="upgrade.purchase('+i+')">';

Je voudrais modifier le title pour, entre autres, que l'infobulle reste affichée tant que la souris est sur l'image. Et rendre l'infobulle plus belle également (modifier la police, la taille, couleur de fond, etc...). J'ai fait quelques tests en CSS mais rien ne marche.

Quelqu'un aurait une idée ?

Par avance merci

[mathieu]

vous pouvez faire beaucoup de chose en css.
essayez les différents codes de cette discussion pour voir si ça se rapproche de ce que vous souhaitez :
https://www.developpez.net/forums/d2.../#post11913682

[bubuche4815]

Merci mais je pense que ça ne correspond pas à ce que je recherche.
Visiblement son code modifie une infobulle dans une img qui est sur une page html, or le title de l'img que je veux modifier est sur une page javascript.

[SpaceFrog]

https://www.w3schools.com/howto/howto_css_tooltip.asp
https://atomiks.github.io/tippyjs/