Verplaatsbaar framepje

[gast0445]

Ik probeer me al een tijdje te verdiepen in Javascript maar er komt helaas niks van terecht. Nou vraag ik mij af of het uberhaupt mogelijk is om met Javascript een frame te verplaatsen dat bestaat uit 2 DIVjes. En zo jah, hoe dan (in code)?

Bij voorbaat ERG grote dank!

<DIV ID="frame" STYLE="display:none">
<H1>Titel</H1>
Tekst in het frame
</DIV>

#frame {
	border: 1px solid #47FE31;
	margin: 20px;
	width: 480px;
	height: 315px;
}

#frame h1 {
	font-family: monospace;
	font-size: 16px;
	font-weight: normal;
	background-color: #24ad11;
	margin: 0px;
	text-align: center;
}

 

[That Guy]

Met Javascript is ALLES mogelijk!

Maar, eh, wat bedoel je met 'verplaatsen'? Gewoon, van de ene plek naar de andere plek?

[JS]var handle = document.getElementById('frame'); // haal referentie naar div op

/*
je kan het op 2 manieren doen. De 1e is direct de 'style' aanpassen, de 2e is het een andere 'class' geven.
'Netter' is om de div een andere class te geven; dat maakt alles wat... makkelijker.
*/

handle.className = 'anderePositie';[/JS]

dan in je CSS erbij:

/* CSS */

div.anderePositie
{
   /* stijl-dingen hier... */
   position: absolute;
   left: 10px;
   top: 25px;
}

via het directe stijl aanpassen kan het ook, zoiets:
[JS]// var handle = bla bla;

handle.style.left = "100px";
[/JS]



:thumb:

 

[gast0445]

Dat je het schermpje overal heen kunt verplaatsen op de webpagina zelf... (Het liefst als je in de <H1> balk klinkt en ingedrukt houd, een beetje zoals windows dat heeft).

Overigens zou ik zo niet weten hoe ik deze gegeven codes moet inbrengen...

 

[That Guy]

Oh, op die manier. Well, dan kan je beter bij kant-en-klare scripts gaan kijken, want zoiets zelf schrijven (x-browser) is redelijk... onhandig.

Zie bijvoorbeeld hier.

 

[gast0445]

Oeeh! Nice, tnx!
Ik zal er mee gaan prutsen...