Comment faire un repère orthonormé en javascript ?

 

par meltech1 |

     
Comment faire un repère orthonormé en javascript ?

Vous avez sûrement déjà vu en géométrie ce qu'est un repère orthonormé ? Je vais vous rappeler de quoi il s'agit. Il s'agit de deux axes orthogonaux qui se croisent en un point O appelé centre du repère. Il contient deux axes : une abscisse et une ordonnée. Les X sont sur l'abscisse et les Y sont sur l'ordonnée. Pour programmer un repère orthonormé sur votre page Internet veuillez lire ce qui suit.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir le site Internet avec "bloc notes" pour en afficher le code source. C'est le logiciel qui permet d'afficher le programme de votre site Internet et ainsi le modifier. Cherchez-y la balise <head>.

2.

Dans la balise <head>, veuillez insérer le script suivant :
<STYLE>
body {cursor :crosshair;
}
</STYLE>.

3.

Chercher la balise <body> et entre les <> insérez le script suivant :
<body onClick="okbouge=0">.

4.

Maintenant dans la balise <body> insérez le script suivant :
<SCRIPT language="JavaScript">
var x = 0;
var y = 0;
var okbouge = 1;
if(document.getElementById) {
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_souris;
}
function Pos_souris(e) {
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollTop;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollLeft;
window.status = "Coordonnées du pointeur - X="+x+" - Y="+y;
if(okbouge)
{
document.getElementById('horizontale').style.top = y - 5;
document.getElementById('verticale').style.left = x - 5;
}
else
{
document.getElementById('horizontale').style.top = 0;
document.getElementById('verticale').style.left = 0;
document.getElementById('horizontale').style.display='none';
document.getElementById('verticale').style.display='none';
}
}
</SCRIPT>
<TABLE width=100% border=1 id=horizontale style="position:absolute;background:#cc0000"><TR><TD></TD></TR></TABLE>
<TABLE style="position:absolute; top:0; height:858;background:#cc0000" border=1 width=10 id=verticale><TR><TD></TD></TR></TABLE>.

5.

Enregistrez le tout avec "bloc notes".

6.

Pour terminer ouvrez votre page Internet avec IE et vous remarquez un repère orthonormal qui apparaît. Vous avez donc programmé ceci en javascript.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on