[Javascript] besoin d'un exemple simple

antic80 Messages postés 4877 Statut Contributeur -
antic80 Messages postés 4877 Statut Contributeur - 26 juin 2006 à 14:10

bonjour a tous

Voila est ce que quelqu'un pourrais me donner un exemple simple en javascript pour faire bouger un texte dans une page en utilisant les coordonnées x et y (vertical et horizontal) avec si possible un commentaire clair

merci a vous

Afficher la suite

A voir également:

[Javascript] besoin d'un exemple simple
Tableau word exemple - Guide
Exemple de code ascii - Guide
14 simple - Guide
Gmail exemple - Guide
Simple comic - Télécharger - Vie quotidienne

6 réponses

Lust Messages postés 243 Statut Membre 123

<HEAD>
<SCRIPT language="JavaScript">
var ns4=document.layers;
var ie4=document.all;
var ns6=document.getElementById&&!document.all;
var y;
var x;
var hautPage;

function mouveSouris(e){
hautPage = (document.documentElement&&document.documentElement.scrollTop
								?document.documentElement.scrollTop
								:document.body.scrollTop);
	if(parseInt(navigator.appVersion) >=4){
        if(navigator.appName == 'Netscape'){
            x = e.pageX - 75;
            y = e.pageY + 20;
        }
        else{
             x = event.x - 75;
             y = event.y + 20;
        }
    }
}

function AffichObjet(idObjet) {
  if(ie4) { 
    eval(idObjet).style.visibility = 'visible';
    eval(idObjet).style.left = x;
    eval(idObjet).style.top = y + hautPage;
  }
  else if(ns4) { 
    document.eval(idObjet).visibility = 'show';
    document.eval(idObjet).left = x;
    document.eval(idObjet).top = y;
  }
  else if(ns6) {
    var varDiv = document.getElementsByTagName("div")
    varDiv[idObjet].style.visibility = 'visible';
    varDiv[idObjet].style.left = x;
    varDiv[idObjet].style.top = y;
  }
}

function CachObjet(idObjet) {
  if(ie4) {
    eval(idObjet).style.visibility = 'hidden';
  }
  else if(ns4) { 
    document.eval(idObjet).visibility = 'hidden';
  }
  else if(ns6) {
    var varDiv = document.getElementsByTagName("div")
    varDiv[idObjet].style.visibility = 'hidden';
  }
}
</SCRIPT>
</HEAD>
<BODY onmousemove=mouveSouris(event)>

AffichObjet et CachObjet te permettront d'afficher un div par exemple et de le faire suivre a ta souris... ce script marche sous ie, firefoxe et netscape. Exemple :

<div id="INFO" style="position: absolute">
           message
</div>
<a onmousemove="AffichObjet('INFO')" onmouseover="AffichObjet('INFO')"  onmouseout="CachObjet('INFO')" href="#">Afficher la zone</a>

Réponse 2 / 6
antic80 Messages postés 4877 Statut Contributeur 1 178

merci pour ton code mais je ne veux pas que le texte suive la souris mais qu'il se deplace seul soit de droite a gauche ou alors de haut en bas ou alors les 2 (horizontalement et verticalement)
1

Lust Messages postés 243 Statut Membre 123

Faut adapter :

<SCRIPT language="JavaScript">
var ns4=document.layers;
var ie4=document.all;
var ns6=document.getElementById&&!document.all;

function MovObjet(idObjet, x, y) {
  if(ie4) { 
    eval(idObjet).style.left = x;
    eval(idObjet).style.top = y;
  }
  else if(ns4) { 
    document.eval(idObjet).left = x;
    document.eval(idObjet).top = y;
  }
  else if(ns6) {
    var varDiv = document.getElementsByTagName("div")
    varDiv[idObjet].style.left = x;
    varDiv[idObjet].style.top = y;
  }
}
</SCRIPT>

la, tu indiques l'id du div à bouger sa position x et y absolu.

Réponse 4 / 6
antic80 Messages postés 4877 Statut Contributeur 1 178

et je le fais bouger a l'aide de koi ?

excuse moi de poser tant que questions mais je debute en javascript et j'ai du mal
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 6
antic80 Messages postés 4877 Statut Contributeur 1 178

ben en fait j'aimerai avoir différent exemple

soit de droite a gauche ou gauche a droite

soit de haut en bas ou bas en haut

ou alors aller du coin en haut a gauche vers le coin en bas a droite
0
Réponse 6 / 6
Lust Messages postés 243 Statut Membre 123
ben je sais pas... tu veux le faire bouger quand? comment?

si tu veux le faire toutes les tant de secondes tu utilises :
```
window.setInterval(MovObjet(idObjet, x, y), nbSeconde)
```
-1

[Javascript] besoin d'un exemple simple

6 réponses

Discussions similaires

Newsletters