Aller au contenu
Zebulon

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

php ? java ? tout ca pour un site web !!!

lionceau

Par lionceau
dans Programmation

 Partager

Messages recommandés

lionceau Junior Member

lionceau

Posté(e)
  • Auteur
Posté(e)

J'ai reussi a faire quelque chose ce que je voulais avec l'adresse ci dessous

 

voila le code de la page

récupérer sur http://www.editeurjavascript.com/cours/dhtml_01_ex.php

::

 

<HTML>

<HEAD>

<TITLE>DHTML exemple 01 : deplacement d'image</TITLE>

<script LANGUAGE=JavaScript>

function bouge(x,y)

{

if(document.getElementById)

{

hautimage += y;

gaucheimage += x;

document.getElementById("smile").style.top = hautimage;

document.getElementById("smile").style.left = gaucheimage;

}

}

</SCRIPT>

</HEAD>

<BODY>

<script LANGUAGE="javascript">

var hautimage = 100;

var gaucheimage = 100;

document.write('<IMG SRC="/img/img_exemples/droite.gif" ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');

</SCRIPT>

<FORM>

<INPUT TYPE=button VALUE=gauche onClick="bouge(-10,0)">

<INPUT TYPE=button VALUE=droite onClick="bouge(10,0)">

<INPUT TYPE=button VALUE=haut onClick="bouge(0,-10)">

<INPUT TYPE=button VALUE=bas onClick="bouge(0,10)">

</FORM><BR><BR>

</BODY>

 

</HTML>

 

ca c 'est le code source ininitial de l'adresse web ci dessous

 

moi je cherche à mettre une deuxieme image !J'aimerais quel bouge avec les 4 fleches du claviers mais je sais pas comment faire ca...

 

 

mon code est aujourd'hui :::

 

 

<HTML>

<HEAD>

<TITLE> a kounomata chuku </TITLE>

<script LANGUAGE=JavaScript>

function bouge(x,y)

{

if(document.getElementById)

{

hautimage += y ;

gaucheimage += x;

document.getElementById("smile").style.top = hautimage ;

document.getElementById("smile").style.left = gaucheimage;

}

}

 

function move(c,p)

{

if(document.getElementbyId)

{

topgif += p;

leftgif +=c ;

document.getElementById("sourire").style.top = topgif;

document.getElementById("sourire").style.left = leftgif ;

}

}

 

 

</SCRIPT>

</HEAD>

<BODY>

<script LANGUAGE="javascript">

var hautimage = 100 ;

var gaucheimage = 100;

 

var topgif = 10000 ;

var leftgif = 10000 ;

document.write('<IMG SRC="N:/droite.gif" ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');

 

document.write('<IMG SRC="N:/gauche.gif" ID=smile STYLE="position:absolute;top:'+topgif+';left:'+leftgif+'">');

</SCRIPT>

<FORM>

<INPUT TYPE=button VALUE=gauche onClick="bouge(-10,0)">

<INPUT TYPE=button VALUE=droite onClick="bouge(10,0)">

<INPUT TYPE=button VALUE=haut onClick="bouge(0,-10)">

<INPUT TYPE=button VALUE=bas onClick="bouge(0,10)">

 

<INPUT TYPE=

<! c 'est ici oû je suis bloqué car je ne conais pas l' "INPUT TYPE" des 4 fléches du clavier >

 

</FORM><BR><BR>

</BODY>

 

</HTML>

 

 

 

merci pour vos réponses , vos conseils et votre aide !!!

 

@+

flo

Lien vers le commentaire
Partager sur d’autres sites

KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
je suis bloqué car je ne conais pas l' "INPUT TYPE" des 4 fléches du clavier
Pas exactement, non...

Tu es bloqué parce que tu n'as pas la moindre idée de ce qu'est un <input> ou de comment gérer les appuis de touches. Tu es en train de mettre la charrue avant le boeufs (et pas qu'un peu, genre là les boeufs sont à quelques années lumière devant la charrue) mais bon, puisque ça n'a pas l'air de t'affoler je vais quand même te filer des pistes de recherche..

Si tu veux lier les <input> à des touches, regarde du côté de l'attribut "accesskey"...

Si tu veux gérer les touches proprement, regarde du côté des évènements onkeydown et onkeyup du document, apprends à utiliser addEventListener (ou attachEvent si addEventListener n'est pas disponible), mets un setInterval() sur un onkeydown avec un clear dans le on keyup si tu veux déplacer continuellement ton élément pendant l'appui, etc. etc.

 

Au passage, un tableau qui explqiue ce qui est supporté et par quel navigateur (vu que la théorie sur DOM ne semble pas t'intéresser) : http://www.quirksmode.org/js/keys.html

Au moins avec ça tu sauras sous quels navigateurs ton code ne fonctionnera pas...

 

Et si je peux me permettre... Si tu dupliques des éléments sans changer leur id, comment crois-tu que le navigateur va savoir de quel élément tu lui parles quand tu lui demande l'élément portant cet id ? ("id", qu'on soit bien d'accord, c'est un identifiant unique)

Si tu nommes tes fonctions et tes variables pareil mais dans une langue différente à chaque fois, tu vas vite être limité et tu vas très rapidement te perdre dans "telle langue concerne tel élément"...

 

En tout cas, bon courage !

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...