popup laten bewegen met timer in javascript
zoals de titel het al verraad, wil ik graag een popupscherm laten bewegen met een timer.
daarnaast gebruik ik php voor mn site en dus de popup moet bewegen van linksboven het scherm naar beneden links onder vanuit daar naar rechtsonder > rechtsboven > links boven en daar moet die dan weer stoppen.
het bewegen moet automatisch gebeuren wanneer de popup verschijnt de popup verschijnt nadat je op een knop heb gedrukt.
ik ben redelijk niew in php,javascript dus ik kom er ook bijna niet uit
het zou fijn zijn als iemand mij kon helpen of naar een tutorial kan doorverwijzen.
met google had ik ook al geen geluk want je wilt een klein ding zoeken en je wordt gebombardeerd met tonnen informatie.
Je hebt het over een pop up. Zo'n (heel erg irritant) venster dat (automatisch) wordt geopend.
Nu wil je nog eens dat dat venster zelf begint rond te zweven op je scherm ...
Indien je dit bedoelt, is dit onmogelijk.
Indien je iets anders bedoelt, leg dan eens uit.
ik roep die "popup"op met
window.open('url','test',width=90, blabla);
zonder scrolbar enzo
Toevoeging op 14/02/2011 13:29:18:
nouja ongeveer niet zo een irritante popup die je bij sommige sites tegenkomt.
ik roep die "popup"op met
window.open('url','test',width=90, blabla);
zonder scrolbar enzo
Je bezig houden met het venster zelf, en hoe dat venster zich gedraagt op je scherm, is buiten de taak van de webmaster.
(Straks wil je nog dat alle andere applicaties geminimaliseerd worden en enkel je popup op je scherm te zien is...)
normaal zou je dus window.pageXOffset en window.pageYOffset gebruiekn maar ie werken dus niet
en graag reageren als je echt iets te zeggen hebt wat mij helpt en niet bij de hand reacties die helpen niet echt ;)
Met window.moveTo() kan je een venster op een bepaalde plaats op je scherm zetten.
Bon, een voorbeeld: de popup daalt zacht, van links-boven naar rechts-onder:
index.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<script language="JavaScript">
function open_popup () {
var my_popup = window.open ('popup.php', 'my_popup','venster_opties', 'width=200,height=100');
}
</script>
</head>
<body>
Open bewegende popup.
<input type="button" onclick="open_popup();" value="Open Popup"/>
</body>
</html>
<head>
<script language="JavaScript">
function open_popup () {
var my_popup = window.open ('popup.php', 'my_popup','venster_opties', 'width=200,height=100');
}
</script>
</head>
<body>
Open bewegende popup.
<input type="button" onclick="open_popup();" value="Open Popup"/>
</body>
</html>
popup.php
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script language="JavaScript">
var left = 0;
var top = 0;
var interval = 20;
function animate () {
window.moveTo(left, top);
left = left + 2;
top = top + 1;
setTimeout('animate()', interval);
}
</script>
</head>
<body onload="animate()">
Dit is een popup.
Ze beweegt.
</body>
</html>
<head>
<script language="JavaScript">
var left = 0;
var top = 0;
var interval = 20;
function animate () {
window.moveTo(left, top);
left = left + 2;
top = top + 1;
setTimeout('animate()', interval);
}
</script>
</head>
<body onload="animate()">
Dit is een popup.
Ze beweegt.
</body>
</html>
Er is wel nog wat logica nodig om het traject af te leggen dat je wil
Gewijzigd op 14/02/2011 16:09:51 door Kris Peeters
<script type="text/javascript">
function timeMsg(){
var t = window.setInterval("beweeg()",10);
mywindow = window.open('testpopup.php','test','width=50, height=100,toolbar=no,location=no,directories=no,status,=no,menubar=no,copyhistory=no,left=0,top = 0');
}
function beweeg()
{
var snelheid = 5;
var anderekant = -5
var nul = 0;
if(mywindow.screenLeft >= 180 && mywindow.screenLeft <= 200 && mywindow.screenTop >= 400 && mywindow.screenTop <= 410){
mywindow.moveTo(190,350);
}
else{
if(mywindow.screenTop >= nul && mywindow.screenTop < screen.availHeight && mywindow.screenLeft < (screen.availWidth - 960)){
mywindow.moveBy(nul,snelheid);
}
if(mywindow.screenTop >= (screen.availHeight - 130) && mywindow.screenLeft < (screen.availWidth - 260)){
mywindow.moveBy(snelheid,nul);
}
if(mywindow.screenLeft > (screen.availWidth - 260) && mywindow.screenTop > (screen.availHeight - 776)){
mywindow.moveBy(nul,anderekant)
}
if(mywindow.screenTop <= (screen.availHeight - 776) && mywindow.screenLeft <= (screen.availWidth - 250 )){
mywindow.moveBy(anderekant,nul);
}
}
mywindow.focus();
}
Gewijzigd op 15/02/2011 11:28:14 door emre bisey