event.clientX u FF - Strana 3

ivanhoe · 12. 02. 2006.

Citat:

Originalno napisao bojan_bozovic

Ako menjas transparenciju postojecem divu a korisnik predje na sledeci link, sta onda biva? Zato treba vise od jednog diva da bi imao dobar fadeout kad korisnik predje na sledeci link, a fadeout se nije zavrsio.

vaistinu, mudro zboris...

bojan_bozovic · 14. 02. 2006.

http://maestitia.net/test.htm

Zasto? Pa, postoje ogromne nekompatibilnosti pri odredjivanju velicine wievporta u raznim browserima, potrebni su hakovi da bi dobili velicinu prostora u browseru bez scrollbara. Imate 2 linka, mouseover na svaki pa vucite udesno, da vidite da li skripta na MSIE/Mac i Safari dobija velicinu ekrana bez scrollbara ili tooltip siri BODY element. Pls, znam da ovde ima ljudi sa Macovima. Imamo skriptu i free je za koriscenje -- http://maestitia.net/title.js , ali mi malo pomoci treba ovde.

ivanhoe · 14. 02. 2006.

u kojim browserima ne radi offsetWidth i offsetHeight ? Da ne isprobavam ja sad, ako znas napamet da mi kazes...

bojan_bozovic · 14. 02. 2006.

offsetWidth i offsetHeight ti rade svuda i daju ti sirinu i visinu elementa. Problem je meni IE6 u striktnom modu

Dalje, problem su FF i Opera koje naopacki daju visinu prozora bez scrollbara (a to meni treba). Za jedan browser jedno, za drugi deseto.

Kôd:

if (self.innerHeight) // all except Explorer
{
	if (self.innerWidth>document.body.clientWidth) {
		windowX = document.body.clientWidth;
	} else {
		windowX = self.innerWidth;
	}
	
	if (self.innerHeight>document.body.clientHeight) {
		windowY = document.body.clientHeight;
	} else {
		windowY = self.innerHeight;
	} 
}

EDIT: titkle.js na mom sajtu izmenjena za IE6/strict.
EDIT jos je ovo testirano samo uz CSS

Kôd:

html, body {
margin:0;padding:0;
}

Sto je OK jer body elementu mozete da date padding koliki vam se svidi (podrazumevano je 9px)

EDIT:: Istestirano u operi 6.0 - pojavljuju se obicni tooltipovi (OK)

Dalji test sa CSS:

Gecko (1.8) - nemojte da dajete marginu BODY elementu niti padding HTML elementu , neka budu na nuli, dajte padding BODY elementu, inace ce tooltip da predje na levu stranu kursora pre nego sto tooltip dodje cak do ivice samog BODY elementa! IE i Opera nemaju problem.
Dakle, ovo je dobar CSS:

Kôd:

html {
margin:0;
padding:0;
}
body{
margin:0;
padding:10px;
}

ili slicno. Ne dajte padding HTML elementu razlicit od 0, ni marginu BODY elementu razlicit od 0.

bojan_bozovic · 25. 03. 2006.

Nova verzija 2:

http://maestitia.net/js/test.html
http://maestitia.net/js/title.js

CHANGED:

Vise nije potrebno ista ubacivati kao <body onload= jer koristim attachEvent/addEventListener model za V5+ browsere

Vise ne brise onmouseover, onmousemove, onmouseout evente, jer ih registrujem novim modelom (v. gore)

moguce je pozvati show_popup i hide_popup funkcije ovako, sa bilo kojim innerHTML
<A href="#" onmousemove="show_popup(event,'<img src="slika.jpg" />')" onmouseout="hide_popup(event)">Link</A>

Plus sto i dalje svuda gde ima link title atribut, naravno menja title popupove.

Ne znam kako se ponasa kad element ima i onmousemove/onmouseout i title. Nije preporucljivo

FF, IE 6.0, Opera 8.5 - sve radi

I jos u 3,62Kb a ne u 40Kb koliko je overlib.

14. 02. 2006.	#22
bojan_bozovic expert Master Datum učlanjenja: 20.12.2005 Poruke: 730 Hvala: 0 0 "Hvala" u 0 poruka	Pls ako ko ima Mac neka istestira ovo sad. http://maestitia.net/test.htm Zasto? Pa, postoje ogromne nekompatibilnosti pri odredjivanju velicine wievporta u raznim browserima, potrebni su hakovi da bi dobili velicinu prostora u browseru bez scrollbara. Imate 2 linka, mouseover na svaki pa vucite udesno, da vidite da li skripta na MSIE/Mac i Safari dobija velicinu ekrana bez scrollbara ili tooltip siri BODY element. Pls, znam da ovde ima ljudi sa Macovima. Imamo skriptu i free je za koriscenje -- http://maestitia.net/title.js , ali mi malo pomoci treba ovde.

14. 02. 2006.	#23
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	u kojim browserima ne radi offsetWidth i offsetHeight ? Da ne isprobavam ja sad, ako znas napamet da mi kazes... __________________ Leadership is the art of getting people to want to do what you know must be done.

14. 02. 2006.	#24
bojan_bozovic expert Master Datum učlanjenja: 20.12.2005 Poruke: 730 Hvala: 0 0 "Hvala" u 0 poruka	offsetWidth i offsetHeight ti rade svuda i daju ti sirinu i visinu elementa. Problem je meni IE6 u striktnom modu Dalje, problem su FF i Opera koje naopacki daju visinu prozora bez scrollbara (a to meni treba). Za jedan browser jedno, za drugi deseto. Kôd: if (self.innerHeight) // all except Explorer { if (self.innerWidth>document.body.clientWidth) { windowX = document.body.clientWidth; } else { windowX = self.innerWidth; } if (self.innerHeight>document.body.clientHeight) { windowY = document.body.clientHeight; } else { windowY = self.innerHeight; } } EDIT: titkle.js na mom sajtu izmenjena za IE6/strict. EDIT jos je ovo testirano samo uz CSS Kôd: html, body { margin:0;padding:0; } Sto je OK jer body elementu mozete da date padding koliki vam se svidi (podrazumevano je 9px) EDIT:: Istestirano u operi 6.0 - pojavljuju se obicni tooltipovi (OK) Dalji test sa CSS: Gecko (1.8) - nemojte da dajete marginu BODY elementu niti padding HTML elementu , neka budu na nuli, dajte padding BODY elementu, inace ce tooltip da predje na levu stranu kursora pre nego sto tooltip dodje cak do ivice samog BODY elementa! IE i Opera nemaju problem. Dakle, ovo je dobar CSS: Kôd: html { margin:0; padding:0; } body{ margin:0; padding:10px; } ili slicno. Ne dajte padding HTML elementu razlicit od 0, ni marginu BODY elementu razlicit od 0. Poslednja izmena od bojan_bozovic : 14. 02. 2006. u 18:02.

25. 03. 2006.	#25
bojan_bozovic expert Master Datum učlanjenja: 20.12.2005 Poruke: 730 Hvala: 0 0 "Hvala" u 0 poruka	Nova verzija 2: http://maestitia.net/js/test.html http://maestitia.net/js/title.js CHANGED: Vise nije potrebno ista ubacivati kao <body onload= jer koristim attachEvent/addEventListener model za V5+ browsere Vise ne brise onmouseover, onmousemove, onmouseout evente, jer ih registrujem novim modelom (v. gore) moguce je pozvati show_popup i hide_popup funkcije ovako, sa bilo kojim innerHTML <A href="#" onmousemove="show_popup(event,'<img src="slika.jpg" />')" onmouseout="hide_popup(event)">Link</A> Plus sto i dalje svuda gde ima link title atribut, naravno menja title popupove. Ne znam kako se ponasa kad element ima i onmousemove/onmouseout i title. Nije preporucljivo FF, IE 6.0, Opera 8.5 - sve radi I jos u 3,62Kb a ne u 40Kb koliko je overlib. Poslednja izmena od bojan_bozovic : 25. 03. 2006. u 15:22.

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Kohana display event	ivanhoe	Web aplikacije, web servisi i software	4	30. 09. 2009. 00:27
Lose Organizovan Vista Event	Dejan Bizinger	Opušteno	5	01. 03. 2007. 19:46
<select> onClose event	godza	(X)HTML, JavaScript, DHTML, XML, CSS	14	23. 07. 2006. 20:04