Hei! Voisiko joku auttaa semmoisen koodin kanssa että kun pitäisi saada näkyviin semmonen ikkuna joka lähtee pois ku hiiren siirtää siitä.
Vinkkei tähä?
Kelpaako tällainen
<!DOCTYPE html>
<html>
<head>
<title>lightscreen</title>
<script type="text/javascript">
function avaa(juuri) {
light = document.createElement("div");
light.style.border="thin dotted red";
light.style.width="50px";
light.style.height="50px";
juuri.appendChild(light);
}
function sulje(juuri) {
juuri.removeChild(juuri.lastChild);
}
</script>
</head>
<body>
<p onMouseOver="avaa(this)" onMouseOut="sulje(this)">Moi</p>
</body>
</html>Asian voisi tehdä tuohon tapaan kuin Teuro kirjoitti, joskin kannattaisi ehkä lisäksi tehdä elementistä öabsoluuttisestiö asemoitu, jotta sen lisääminen ja poistaminen ei vaatisi koko sivun taiton muuttamista, joka voi aiheuttaa ikäviä visuaalisia efektejä. Tosin tuossa ei luoda ikkunaa vaan elementti, joka näkyy samassa ikkunassa. Tämä on toisaalta yleensä parempi ajatus kuin uuden ikkunan luominen.
öAbsoluuttistaö asemointia varten voi asettaa sivulla staattisesti olevalle elementille position: relative, ja sitten luotavalle elementille voi asettaa position: absolute ja sopivat koordinaatit (jotka ovat suhteessa staattiseen elementtiin – siksi lainausmerkit sanassa öabsoluuttinenö). Tällaiselle elementille kannattaa asettaa taustaväri ja tekstin väri, jotta se tulisi muun sisällön päälle ilman että muu sisältö näkyy sen läpi, kuten oletusarvoisesti käy.
Joo arvelin aloittajan tarkoittaneen elementtiä ikkunan sijaan. Ja tosiaan asemointi kannattaa harkita tarkkaan. Muutakin parannettavaa tuosta löytynee, koska nythän elementti luodaan epäsemanttisesti kappaletagin sisään. Lohkotason elementti olisi varmaan parempi luoda body:n sisään?
Elementin "asetukset" voisi kapseloida erilleen luontikoodista, koska sekin selventäisi oleellisesti koodia.
Aihe on jo aika vanha, joten et voi enää vastata siihen.