popup laten bewegen met timer in javascript

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Emre bisey

emre bisey

14/02/2011 11:10:18
Quote Anchor link
hallo allemaal,


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.
 
PHP hulp

PHP hulp

23/11/2024 22:53:24
 
Kris Peeters

Kris Peeters

14/02/2011 13:07:30
Quote Anchor link
Wacht even ...
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.
 
Emre bisey

emre bisey

14/02/2011 13:27:32
Quote Anchor link
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


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
 
Kris Peeters

Kris Peeters

14/02/2011 14:05:13
Quote Anchor link
Binnen een windows venster (een webbrowser venster), kan je van alles doen. Dat is de taak die je hebt als webontwikkelaar.

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...)
 
Emre bisey

emre bisey

14/02/2011 15:05:52
Quote Anchor link
ey maar luister eens ik heb het een en ander gevonden met moveBy maar nu is het probleem de actuele coordinaten opvragen van de schermpje
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 ;)
 
Kris Peeters

Kris Peeters

14/02/2011 16:09:23
Quote Anchor link
Moh, blijkbaar kan het inderdaad wel.

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)
PHP script in nieuw venster Selecteer het PHP script
1
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>


popup.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>


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
 
Emre bisey

emre bisey

14/02/2011 17:09:03
Quote Anchor link
voor diegene die het willen weten ik heb het het voor elkaar gekregen en dit is de uiteindelijke code

<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
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.