la communauté d'entraide francophone dédiée au PHP
Retour à la ligne dans attribut title
Le système des CSS setrouvant sur cette page correspond exactement à ce que tu désires faire...sauf que ce n'est pas un title. Qu'est-ce qui t'empêche de les utiliser ?
L'as tu juste testé avant de demander ? 
Oui je viens d'essayer mais ça massacre totalement le reste des éléments qui sont à coté et ça ne donne pas un résultat très terrible, je dois avoir des conflits avec le css déjà en place que je ne peux malheuresement pas modifier...
Une autre solution? (en attendant je remets title...)
Merci à tous de vos efforts!
Une autre solution? (en attendant je remets title...)
Merci à tous de vos efforts!
A+ et bon surf!!!!
Les sujets non résolus, c'est comme le ragoût,
c'est meilleur quand c'est réchauffé.
Le script que j'ai proposé sur la première page de ce sujet fonctionne bien.
À condition de l'inclure dans une page de structure simpliste, genre tableaux.
Je viens de faire l'expérience de l'inclure sur une page construite
de manière plus intelligente (<h1>, <p>, <div>, etc.)
et - manque de bol ! - ça marche plus.
J'imagine que le document.getElementById()
doit s'emmêler les pinceaux avec les <div>
auxquels j'ai donnés un identifiant id .
Si ça inspire quelqu'un, je ne refuserai pas ses lumières... 
c'est meilleur quand c'est réchauffé.
Le script que j'ai proposé sur la première page de ce sujet fonctionne bien.
À condition de l'inclure dans une page de structure simpliste, genre tableaux.
Je viens de faire l'expérience de l'inclure sur une page construite
de manière plus intelligente (<h1>, <p>, <div>, etc.)
et - manque de bol ! - ça marche plus.
J'imagine que le document.getElementById()
doit s'emmêler les pinceaux avec les <div>
auxquels j'ai donnés un identifiant id .
Si ça inspire quelqu'un, je ne refuserai pas ses lumières...
Slt Albat,
Ton script fonctionne correctement avec des petites modifs.
Les modifs
Ajout de position : absolute et d'une zone-index (pas sur quelle soit nécessaire)
Mais la plus importante, ajout de l'unité de mesure dans la position
skn.left = x + 20 + 'px';
skn.top = y + 20 + 'px';
Voila le script de test, comme je suis fénéant, j'ai tout regroupé en un seul ((X)HTML, CSS, JS)
Ton script fonctionne correctement avec des petites modifs.
Les modifs
Ajout de position : absolute et d'une zone-index (pas sur quelle soit nécessaire)
Code : Tout sélectionner
<style type="text/css">
.popinfo{
position: absolute;
z-index: 10;
}
skn.left = x + 20 + 'px';
skn.top = y + 20 + 'px';
Code : Tout sélectionner
function get_mouse(e){
var x = (navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop;
skn = document.getElementById("topdecklink").style;
skn.left = x + 20 + 'px';
skn.top = y + 20 + 'px';
}<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<style type="text/css">
.popinfo{
position: absolute;
z-index: 10;
border: solid 1px;
background-color: yellow;
}
.texte{
color:red;
}
div#test{
margin: auto;
text-align: center;
}
</style>
<script type="text/javascript">
function info(msg){
if (docgebi){
document.getElementById("topdecklink").innerHTML = msg;
skn.visibility = "visible";
}
}
function get_mouse(e){
var x = (navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop;
skn = document.getElementById("topdecklink").style;
skn.left = x + 20 + 'px';
skn.top = y + 20 + 'px';
}
function efface(){
if (docgebi)
skn.visibility = "hidden";
}
</script>
</head>
<body>
<div class="popinfo" id="topdecklink"></div>
<script type="text/javascript" >
docgebi = document.getElementById;
if (docgebi){
skn = document.getElementById("topdecklink").style;
if (navigator.appName.substring(0,3) == "Net"){
document.captureEvents(Event.MouseMove);
}
document.onmousemove = get_mouse;
}
</script>
<div id="test">
<img src="image.jpg" onmouseover="info('<p class=\'texte\'>Ici, la <i>légende</i> de <b>mon</b> image<br />Et une autre ligne</p>');" onmouseout="efface();" />
</div>
</body>
</html>Deux choses sont infinies, l'Univers et la sottise humaine!!
Mais je ne suis pas sur de ce que j'affirme au sujet de l'Univers.
A. Einstein
Mais je ne suis pas sur de ce que j'affirme au sujet de l'Univers.
A. Einstein
Oops ! 
J'ai oublié de mettre résolu et d'expliquer pourquoi! Je suis vraiement désolé de vous avoir fait chercher pour rien!
Donc la solution que j'avais trouvée et créé ce problème qui a été résolu.
http://www.phpfrance.com/forums/voir_sujet-24405.php
Merci à tous pour votre aide!
Vraiment désolé j'ai pas l'habitude de lacher les topics comme ça et je ne recommencerai pas c'est promi!
J'ai oublié de mettre résolu et d'expliquer pourquoi! Je suis vraiement désolé de vous avoir fait chercher pour rien!
Donc la solution que j'avais trouvée et créé ce problème qui a été résolu.
http://www.phpfrance.com/forums/voir_sujet-24405.php
Merci à tous pour votre aide!
Vraiment désolé j'ai pas l'habitude de lacher les topics comme ça et je ne recommencerai pas c'est promi!
A+ et bon surf!!!!
Mais non, Cicom, tu n'étais nullement en cause !
Si j'avais voulu te gronder, j'aurais sorti mon célèbre stylo rouge meurtrier.
Je rebondissais sur la réponse que je t'avais donnée auparavant,
ayant rencontré un souci avec celle-ci.
Ajoloca m'y a répondu.
Je vais suivre ses recommandations et les tester.
Si tu m'y autorises, j'ajouterai alors moi-même le Résolu.
Si j'avais voulu te gronder, j'aurais sorti mon célèbre stylo rouge meurtrier.
Je rebondissais sur la réponse que je t'avais donnée auparavant,
ayant rencontré un souci avec celle-ci.
Ajoloca m'y a répondu.
Je vais suivre ses recommandations et les tester.
Si tu m'y autorises, j'ajouterai alors moi-même le Résolu.
