Retour à la ligne dans attribut title

par **albat** » 13 déc. 2006, 15:32

Bravo pour tes 1=D>=D>=D> messages...

par **Ajoloca** » 13 déc. 2006, 15:24

Ajoloca, la Force est puissante dans ta famille !

Merci !

Et pour marquer le coup mon 1000 ème message !

par **albat** » 13 déc. 2006, 15:17

Ajoloca, la Force est puissante dans ta famille !

par **cicom** » 13 déc. 2006, 14:58

Pas de problème!
Amusez vous bien! Seulement JS j'y connais très peut alors je ne serai pas de grand secours!

par **albat** » 13 déc. 2006, 14:57

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.

par **cicom** » 13 déc. 2006, 14:50

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!

par **Ajoloca** » 13 déc. 2006, 04:56

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)

Code : Tout sélectionner

<style type="text/css">
	.popinfo{
		position: absolute;
		z-index: 10;
	}

Mais la plus importante, ajout de l'unité de mesure dans la position
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';
	}

Voila le script de test, comme je suis fénéant, j'ai tout regroupé en un seul ((X)HTML, CSS, JS)

<?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>

par **albat** » 13 déc. 2006, 03:35

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...

par **cicom** » 04 sept. 2006, 22:00

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!

par **charabia** » 04 sept. 2006, 21:01

L'as tu juste testé avant de demander ?

par **cicom** » 04 sept. 2006, 20:06

Ah mais je viens de comprendre, si je veux faire ça il faut que j'entoure ma balise image d'une balise a non?

par **cicom** » 04 sept. 2006, 20:04

Oui mais le span ne peut pas s'employer avec une balise image non?

par **charabia** » 04 sept. 2006, 14:42

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 ?

par **Ryle** » 04 sept. 2006, 14:42

Il fonctionne pourtant très bien le code de ce site (même sur IE, c'est pour dire

)...
Ton infobulle est constituée du code html que tu mets dans le span, si tu veux un retour à la ligne, tout ce dont tu as besoin c'est de coller un "<br />"

Si c'est pas une solution à ton problème, je vois pas où tu pourrais en trouver une...

moin but est d'avoir des infos bulles avec des retours à la ligne, après peut importe le moyen...

par **cicom** » 04 sept. 2006, 12:43

Re
Non aucune solution à mon problème sur cette page. Merci!
Une autre idée?
Merci!

Retour à la ligne dans attribut title

Répondre

Étendre la vue Revue du sujet : Retour à la ligne dans attribut title