Autor | Zpráva | ||
---|---|---|---|
neref Profil * |
#1 · Zasláno: 12. 10. 2010, 10:42:05
Potřeboval bych vychytat interaktivní graf pomocí JS/CSS.
Mám obrázek grafu a já bych potřeboval do toho dodělat následující vychytávku viz. příklad na obrázku: Obrázek je zobrazen přes JS v (id DIV). Potřebuju jen rozchodit právě to zobrazování vertikální linky při pohybu myší nad obrázkem, tak aby bylo možné nějak přepočítávat aktuální horizontální polohu myši v rámci toho obrázku, (obrázek bude vždy stejně široký). Jak bych měl nato jít? Díky za tipy |
||
neref Profil * |
#2 · Zasláno: 12. 10. 2010, 12:41:44
... študuju na tom sám a jediné co se jeví jako vhodné je využití události offsetX / layerX, ale nejde to v Mozille a buhví kde ještě. Dobré je to v IE.
a též neumím zatím nalepit na ten kurzor tu vertikální čáru.... Javascript: function funkce(e) { var event = e || window.event; var x = event.offsetX || event.layerX; alert(x); } <div id="ido" style=";width:500px;height:200px;background:orange" onclick="funkce()"></div> |
||
Chamurappi Profil |
#3 · Zasláno: 12. 10. 2010, 12:43:15
Reaguji na nerefa:
„ale nejde to v Mozille a buhví kde ještě“ Jde. Buď přiřaď funkci do onclick u:
document.getElementById("ido").onclick = funkce; event .
|
||
neref Profil * |
#4 · Zasláno: 12. 10. 2010, 13:01:51
s tím getElementById to přestane fungovat uplně všude.... a když dám onclick="funkce(event)" do div tak si Mozilla 3.6 tvrdošijně odměřuje polohu od levé strany obrazovky a ne od začátku toho divu, a to je divné!
Vše mám kódované jak jsme uvedl výše.... |
||
Chamurappi Profil |
#5 · Zasláno: 12. 10. 2010, 13:19:09
Reaguji na nerefa:
„s tím getElementById to přestane fungovat uplně všude“ Nedávej skript do hlavičky. Nemůžeš přiřadit onclick k elementu, který zatím neexistuje.
„Mozilla 3.6 tvrdošijně odměřuje polohu od levé strany obrazovky“ Nastav obrázku position: relative .
|
||
neref Profil * |
#6 · Zasláno: 12. 10. 2010, 13:19:16
Pardón s tím getElementById to byla moje blbost (jeden překlep) - funguje to.
Ovšem to počítání osy X v Mozille nepochopitelně probíhá i nadále od levého rohu obrazovky a v IE správně od začátku toho div. Co s tím? |
||
neref Profil * |
#7 · Zasláno: 12. 10. 2010, 13:22:14
JJ position: relative pomohlo, doufám že se na to dá spolehnout i pro ostatní prohlížeče.
dík |
||
Časová prodleva: 14 let
|
0