Autor Zpráva
Generátor
Profil *
Chcu docílit: DIVu pohybujícího se za myší, a měnící svůj obsah.

Čeho jsem docílil: Pohybujícího se divu s měnícím se obsahem, jenže když to aplikuju do praxe na stránku, tak se mi DIV z nějakého důvodu přestává pohybovat. Nejspíše ignoruje: document.getElementById('schema_akordu').style.left = mysX+10; (i s Y hodnotou). Proměnná mysX/Y má konkrétní hodnotu. Tento problém se stahuje na FireFox v IE to funguje, sice trochu zmateně, ale to už se doladí.


<script>

var mysX,mysY;
function myska(e)
{
var d,b;
if (!e) {var e=window.event;} //IE mouse event
if (e.pageX || e.pageY) //other
{mysX=e.pageX; mysY=e.pageY;}
else if (e.clientX || e.clientY) //IE
{
d=document; d=d.documentElement?d.documentElement:d.body;
mysX=e.clientX+d.scrollLeft; mysY=e.clientY+d.scrollTop;
}

document.getElementById('schema_akordu').style.left = mysX+10;
document.getElementById('schema_akordu').style.top = mysY+20;
}
document.onmousemove=myska;


function popis(pismeno)
{
var adresa = "./akordy.php?pismeno="+pismeno;
var mistoZobrazeni = document.getElementById("schema_akordu");

if (window.ActiveXObject)
{
// Microsoft Way
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
// Others...
httpRequest = new XMLHttpRequest();
}

httpRequest.open("GET", adresa, true);
httpRequest.onreadystatechange= function () {processRequest(); } ;
httpRequest.send(null);
xmlhttp.setRequestHeader("Content-Type: text/html; charset=windows-1250");

function processRequest()
{

if (httpRequest.readyState == 4)
{
// process data as XML
httpRequest.responseXML;

// or Text
mistoZobrazeni.innerHTML = httpRequest.responseText;
}
}
}
</script>

<div id="schema_akordu" style="position: absolute; border: 1px solid black; background: #ea8a92;">#</div>

<span class="akord" id="pismeno" onmouseover="popis(this.innerHTML)">C</span>
<span class="akord" id="pismeno" onmouseover="popis(this.innerHTML)">D</span>


V praxy se na to můžete podívat na http://rocktime.cz/
peta
Profil
praxy - praxe bez praxe jako ruze bez ruze, v ruzi

Co ti vypisuje JS konzola?
Varování: Chyba při parsování hodnoty vlastnosti 'top'. Deklarace vynechána.
Zdrojový soubor: http://rocktime.cz/akord-polly(Nirvana)
Řádek: 0
Varování: Chyba při parsování hodnoty vlastnosti 'left'. Deklarace vynechána.
Zdrojový soubor: http://rocktime.cz/akord-polly(Nirvana)
Řádek: 0

document.getElementById('schema_akordu').style.left = mysX+10;
document.getElementById('schema_akordu').style.top = mysY+20;
jakpsatweb - CSS - left/top
spravny zapis je "0" "0px" "0em"... ALE JEN "1px"...

var o=document.getElementById('schema_akordu');
o.style.left=(mysx+10)+"px";
o.style.top=(mysy+10)+"px";
Toto téma je uzamčeno. Odpověď nelze zaslat.

0