Javascript vo Firefoxe

atlox

Servuste chlapi!

Idem rovno na vec:

<html>
<head>
<style type="text/css">
.alpha {
	background-color:#999999;
	border:1px solid #666666;
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:bold;
	font-size:10px;
	filter:Alpha(opacity=80);
	-moz-opacity:0.8; 
	width: 160px;
	position: absolute;
	padding:3px;
	display:none;
}
</style>
<script language="javascript" type="text/javascript">
function zobraz(text) {
	if(!e) var e = window.event;
	var x = e.clientX;
	var y = e.clientY;

	
	document.f.x.value = (x+10);
	document.f.y.value = (y+5);
	document.getElementById('schovanyDiv').style.top = (y)+"px";
	document.getElementById('schovanyDiv').style.left = (x+10)+"px";
	if (text) {
		document.getElementById('schovanyDiv').innerHTML = text;
		document.getElementById('schovanyDiv').style.display="block";
	}
}
function skry () {
	document.getElementById('schovanyDiv').style.display="none";
}
document.onmousemove=zobraz;
</script>
</head>

<body bgcolor="#FF9900">
<div class="alpha" id="schovanyDiv"></div>

<form name="f" onMouseOver="zobraz('Súradnice');" onMouseOut="skry();">
X:<input type="text" name="x" size="2" /> px<br />
Y:<input type="text" name="y" size="2" /> px
</form>

<p onMouseOver="zobraz('Nazdar všetci!<br />text text text');" onMouseOut="skry();">
text text text text text text text text text text text text text text text text text text text text 
</p>

<p onMouseOver="zobraz('Atlox je moje meno<br />text text text<br />text text text');" onMouseOut="skry();">
text text text text text text text text text text text text text text text text text text text text 
</p>

</body>
</html>

Skopírujte a pozrite na to v Internet exploreri. Myslim, že to fičí každému. No a vo Firefoxe?

PLS poraďte kde sa to vlastne ta sviňa chyba schovala... dík.

juho · Príspevok od používateľa **juho** » 30 jan 2008, 15:15

skus na to pouzit chybovu konzolu vo firefoxe

Kód: Vybrať všetko

Nastroje->Chybova konzola

zatial sa pokusaj predavat vo firefoxe event cez parametre funkcie.

Kód: Vybrať všetko

 function zobraz(text,e);

a do html

Kód: Vybrať všetko

<div onmousemove=zobraz('blaaaaa',event);>asqwe</div>

alebo pouzi

Kód: Vybrať všetko

<script language=javascript>
window.onload = init;
function init() {
  if (window.Event) {
    document.captureEvents(Event.MOUSEMOVE);
  }
  document.onmousemove = getXY;
}

function getXY(e) {
  x = (window.Event) ? e.pageX : event.clientX;
  y = (window.Event) ? e.pageY : event.clientY;

  document.getElementById("as").textContent = x+":"+y;
  document.getElementById("as").innerText = x+":"+y;
}
</script>

<div id=as></div>

atlox

Ďakujem za tvoj postreh, ale nerobia tie tvoje funkcie niečo iné ako potrebujem ja? Osobne si myslím, že len nejaká drobnosť vadí tomu Firefoxu v tom mojom kóde...

//Alebo ak máte niekto iný nápad ako urobiť aby <div> behal za myškou a zároveň sa zobrazil/zmyzol nad určitým elementom na stránke (a samozrejme aby obsahoval text), prosím dajte návrhy. Chcel som to riešiť sám, ale javascript vo firefoxe mi niekedy lezie krkom

juho · Príspevok od používateľa **juho** » 31 jan 2008, 13:40

tie moje funkcie su dobreeeee.. hadam si nemyslis zeby som sem zas daval cely ten tvoj kod uz pozmeneny. cize dal som ti navod co tam mas zmenit. ale teraz ma k tomu nutis som myslel ze vies co to je a pozres a vidis no ale teraz.
mas pravdu ze je to mala chyba a to je ta ze nevies narabat s eventom vo firefoxe a preco si myslis ze tam je to

Kód: Vybrať všetko

if(!e)

dal som ti tam dve moznosti a ty si to nevedel prerobit......
takze tu to mas

Kód: Vybrať všetko

<html>
<head>
<style type="text/css">
.alpha {
   background-color:#999999;
   border:1px solid #666666;
   color:#FFFFFF;
   font-family:Verdana;
   font-weight:bold;
   font-size:10px;
   filter:Alpha(opacity=80);
   -moz-opacity:0.8;
   width: 160px;
   position: absolute;
   padding:3px;
   display:none;
}
</style>
<script language="javascript" type="text/javascript">
document.onmousemove = zobraz;
function zobraz(e,text) {
   if(!e){var e = window.event;}
   var x = e.clientX;
   var y = e.clientY;


   document.f.x.value = (x+10);
   document.f.y.value = (y+5);
   document.getElementById('schovanyDiv').style.top = (y)+"px";
   document.getElementById('schovanyDiv').style.left = (x+10)+"px";
   if (text) {
      document.getElementById('schovanyDiv').innerHTML = text;
      document.getElementById('schovanyDiv').style.display="block";
   }

}
function skry () {
   document.getElementById('schovanyDiv').style.display="none";
}

</script>
</head>

<body bgcolor="#FF9900">
<div class="alpha" id="schovanyDiv"></div>

<form name="f" onMouseOver="zobraz(event,'Súradnice');" onMouseOut="skry();">
X:<input type="text" name="x" size="2" /> px<br />
Y:<input type="text" name="y" size="2" /> px
</form>

<p onMouseOver="zobraz(event,'Nazdar všetci!<br />text text text');" onMouseOut="skry();">
text text text text text text text text text text text text text text text text text text text text
</p>

<p onMouseOver="zobraz(event,'Atlox je moje meno<br />text text text<br />text text text');" onMouseOut="skry();">
text text text text text text text text text text text text text text text text text text text text
</p>

</body>
</html>

cele.