Miten saisin layerin, jota voisi hiirellä liikutella. Eli jos laitan layeriin vaikka kuvan, ja raahaan sen hiirellä keskelle ruutua, layer jää siihen.
Javaskriptillä. Nappaat mousedown-eventin ja muutat tason top ja left-ominaisuuksia kursorin liikkeen mukana.
Tuolta löytyy esimerkki:
https://www.ohjelmointiputka.net/keskustelu/6026-popup-ikkunat-ja-tulevaisuus
Vai että JavaScriptillä... Juu.. Mä kun yritin päästä JavaScriptistä eroon järkkäämällä uudenlaisen navigoinnin, mutta kappas kummaa, uusi ideani ei sitten ollutkaan css:ää! ;)
Eli tuo JavaScript on siis juuri se, mitä tarvitsen. Jos tahdon saada tuon skriptan viittaamaan minun <div> -sydeemiäni, pitääkö sille tämän tyylisiä nimimäärityksiä. En kyllä yhtään tiedä miten, mutta heitän nyt päästä jotain...
<div style="position: absolute; left: 90; top: 90 z-index:100" name=popup>
Lähes oikein, muutat vain tuon name:n id:ksi ja heität sen arvon(popup) ympärille lainausmerkit niin hyvä tulee.
Jibii!
pikkut kirjoitti:
Vai että JavaScriptillä... Juu.. Mä kun yritin päästä JavaScriptistä eroon järkkäämällä uudenlaisen navigoinnin, mutta kappas kummaa, uusi ideani ei sitten ollutkaan css:ää! ;)
Lähtökohtahan on se, että sivut toimivat ilman mitään ylimääräisiä härpäkkeitä. Ei javascriptin käyttö ole pahasta, ei ollenkaan. Sen avulla pystyy tekemään monia käyttöä helpottavia asoita, mutta sivujen tulee toimia myös ilman sitä. Itse pidän javascriptiä satunnaisesti päällä. Kytken sen pois päältä aina kun (törmään tyhmään js-toteutukseen|testailen omia tyhmiä juttujani) ja päälle laitan sen siinä vaiheessa, kun menen lukemaan koulun uuteen miljoonia maksaneeseen hyperportaaliin lukemaan tiedotteita, sillä tähän ammattitaidolla tehtyyn portaaliin kirjautuminen perustuu javascriptiin.
Argh. Musta tuntuu, että mä oon jossain määrin tyhmä, kun en saa tätä toimimaa...
<html>
<head>
<script type='text/javascript'>
<!--
N = (document.all) ? 0 : 1;
var ob;
var over = false;
function MD(e) {
if(over) {
if(N) {
ob = document.getElementById("popup");
X=e.layerX;
Y=e.layerY;
return false;
} else {
ob = document.getElementById("popup");
ob = ob.style;
X=event.offsetX;
Y=event.offsetY;
} // else
} // if
} // funktio
function MM(e) {
if(ob) {
if(N) {
ob.style.top = e.pageY-Y;
ob.style.left = e.pageX-X;
} else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
} // else
} // if
} // funktio
function MU() {
ob = null;
} // funktio
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
} // if
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
-->
</script>
<title></title>
</head>
<body>
<div style="position: fixed; left: 90; top: 90 z-index:100" id="popup"><img src=kuva.jpg height=100 width=100></div>
</body>
</html>Tuo liikuteltava kuva (joka sijaitsee layerissa) on varmastikin yksinkertaisempi kuin popup..
Aihe on jo aika vanha, joten et voi enää vastata siihen.