Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Fenêtres

  Déplacements multiples (vibrations)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de faire bouger une fenêtre toute seule.
  Principe
Le JavaScript permet de positionner une fenêtre de navigateur à un endroit précis. Il suffit de lui demander l'opération plusieurs fois, à des endroits différents et la fenêtre 'bouge'.
Quelques variables en plus pour contrôler notamment l'arret du mouvement et le tour est joué.
  Le script
dans la partie <head>
<script language="JavaScript">
// arret : détermine l'état du mouvement
var arret = '0';

// les valeurs de placement de la fenêtre
var x1 = 100;
var y1 = 50;
var x2 = 105;
var y2 = 55;

function bouger1(x,y) {

// teste si l'arrêt est demandé : 0, arrêt non-demandé, placement de la fenêtre aux premières coordonnées et envoi de la deuxième fonction
if ( arret == '0') {
self.moveTo(x,y);

// pour accélérer les déplacement, réduire le nombre ci-dessous (ici 500)
setTimeout("bouger2(x2,y2)",500);
}
}

// nouveau placement de la fenêtre et envoi de la première fonction pour continuer le mouvement
function bouger2(x,y) {
self.moveTo(x,y);

// pour accélerer les déplacement, réduire le nombre ci-dessous (ici 500)
setTimeout("bouger1(x1,y1)",500);
}

// met la valeur d'arrêt a 1, la fonction bouger1() s'arrête, et donc la fonction bouger2() n'est plus appelée
function stop() {
arret = '1';

// replace l'arrêt à 0, pour pouvoir relancer le mouvement
setTimeout("arret = '0'",1000);
}
</script>

dans la partie <body>
<form>
<input type="button" value="C'est parti !!" OnClick="bouger1(x1,y1);">
<input type="button" value="STOP !!" OnClick="stop();">
</form>
  Démonstration

Voir la démonstration
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    win_move.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    win_move2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter