[Javascript] besoin d'un exemple simple

Fermé
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 26 juin 2006 à 12:00
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 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
A voir également:

6 réponses

Lust Messages postés 243 Date d'inscription mercredi 28 septembre 2005 Statut Membre Dernière intervention 12 septembre 2007 123
26 juin 2006 à 12:30
<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>




1
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
26 juin 2006 à 13:05
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 Date d'inscription mercredi 28 septembre 2005 Statut Membre Dernière intervention 12 septembre 2007 123
26 juin 2006 à 13:21
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.
0
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
26 juin 2006 à 13:24
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
antic80 Messages postés 4785 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
26 juin 2006 à 14:10
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
Lust Messages postés 243 Date d'inscription mercredi 28 septembre 2005 Statut Membre Dernière intervention 12 septembre 2007 123
26 juin 2006 à 13:34
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