Alors oui effectivement, ce code ne fonctionne pas.. honte a moi.. J'ai du retirer quelque chose qui ne faillais pas..
1) Je ne savais pas désoler, je pensais que js voulais dire javascript et que pour faire un peu plus cours on pouvais dire java.
2)Pas étonnant
3) Normalement oui puisque dans mon script complet tout fonctionne, mais j'ai constater que sur le code que je t'avais passer y avais une faute a l'id.
4)Alors euh... sa vient uniquement de la Toile cette partit la:
http://code.jquery.com/jquery-2.1.0.min.js
Honnêtement je ne sais pas du tout as signifie quoi, mais sans sa le script ne fonctionne pas..
5)Rien du tout, j'ai supprimer cette ligne de code qui était clairement inutile
6&7)Je l'ai ai pas mis dans le code que je t'ai envoyé (erreur de ma part)
-----------------------------------------------------------------------------------------
<html>
<head>
<title> Titre projet</title>
<meta charset="UTF-8" />
<script src="js.js"></script>
<title>DHTML exercice : déplacement d'image</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=JavaScript>
<!--
function deplace(x,y)
{
if(document.getElementById)
{
hautimage += y;
gaucheimage += x;
document.getElementById("box1").style.top = hautimage;
document.getElementById("box1").style.left = gaucheimage;
}
}
</script>
<script language="JavaScript"></script>
</style>
</head>
<a href="Explication.txt">Explication d'utilisation en cliquant ici!</a>
<body>
<script language="javascript">
var hautimage = 30;
var gaucheimage = 145;
document.write('<img src="button.gif" width="10" height="10" border="0" id="box1" style="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</script>
<input type="image" onClick="deplace(0,-100);return false;" src="haut.gif" width="68" height="16" border="0" >
<input type="image" onClick="deplace(0,100);return false;" src="bas.gif" width="68" height="16" border="0">
<input type="image" onClick="deplace(-100,0);return false;" src="gauche.gif" width="68" height="16" border="0" >
<input type="image" onClick="deplace(100,0);return false;" src="droite.gif" width="68" height="16" border="0" >
<br>
<input type="image" onClick="deplace(-200,200);return false;" src="gauche.gif" width="68" height="16" border="0" >
<input type="image" onClick="deplace(200,200);return false;" src="droite.gif" width="68" height="16" border="0" >
</br>
</form>
<h2 style="text-align: right;padding-right: 10px">Bibliotheques</h2>
<div id="Echantillon">
<div id="title" style="text-align: right;padding-right: 10px" id="echantillon" style="text-align: right;padding-right: 10px">-------Colonne 1------- </div>
<div id="Echantillon" style="text-align: right;padding-right: 10px">
<img alt= "Survol" height="30" width="30" onmouseout="this.src='Debut.gif';" onmouseover="this.src='Etape1.gif';" src="Debut.gif" />
<img src="Etape1.gif" height="30" width="30">
<img src="Etape2.gif" height="30" width="30">
<img src="Tempo.gif" height="30" width="30">
<br>
<img src="Output.jpg" height="30" width="30">
<img src="Input.jpg" height="30" width="30">
<img src="se.gif" height="30" width="30">
<img src="so.gif" height="30" width="30">
</br>
<img src="Condition.jpg" height="30" width="30">
<img src="Fin.jpg" height="30" width="30">
<img src="ne.gif" height="30" width="30">
<img src="no.gif" height="30" width="30">
</br>
<img src="neno.gif" height="30" width="30">
<img src="Cote.jpg" height="30" width="30">
<img src="descend.jpg" height="30" width="30">
<img src="Saut.gif" height="30" width="30">
</br>
</div>
<div id="selection"<span style="position: absolute; top: 50px; left: 100px; width: 242px;>
heigth: 84px;">
<div id="title1">Colonne1</div>
</div>
<script>
function reverse(elt, id) {
$(elt).remove();
$("#"+id).show();
}
$( document ).ready(function() {
$("#Echantillon img").click(function() {
$("#selection").append('<div class="choisie"><img src="'+$(this).attr('src')+'" onclick="reverse(this, \''+$(this).attr('id')+'\')"></div>');
});
});
</script>
</body>
</html>
-----------------------------------------------------------------------------------------
J'ai joint (normalement, le fichier js.js)
J'ai remis le code plus complet que le précédent sans toucher a des script qui pourrai l’empêcher de fonctionner correctement.
J'ai assez honte mdr... Je suis vraiment pas ouf pour codé désoler, merci de prendre de ton temps pour m'aidez parsimonhi
(Le fichier js.js contient simplement toute les lignes du lien:
http://code.jquery.com/jquery-2.1.0.min.js )
(Ne pas oubliez, ce que je cherche a faire c'est de donnée la fonction du curseur de ma sourie a une image que je déplace avec des bouton, faire croire a une image que ce n'est pas une image qui ce place sur elle mais le curseur, bien sur que c'est l'image et pas le curseur en lui même)
Cordialement
Modifié par _laurent (08 Apr 2021 - 11:43)
, J'en ai plein et la methode que j'utilise avec le css, c'est que je met tout dans la même page, c'est a dire que j'ai pas l'habitude de faire des fichier séparer avec <link href="style.css"> , enfin il me semble que c'est cette ligne de code là...
.