Déplacer une image en cliquant sur la page [Résolu]
loicseg
- Messages postés
- 168
- Date d'inscription
- dimanche 26 février 2006
- Dernière intervention
- 30 septembre 2011
A voir également:
- Déplacer une image en cliquant sur la page
- Déplacer une image trop grande dans un picturebox trop petit - Codes sources - Visual Basic / VB.NET (Control)
- Déplacer la form en cliquant et glissant avec la souris - Codes sources - Visual Basic / VB.NET (Formulaire)
- Deplacement sur image - Codes sources - Flash (Effets d'images)
- Déplacement d'image dans un cadre - Codes sources - Flash (Effets d'images)
- Javascript : Drag and drop, tiré et déplacé des images, sans modifier les balis - Guide
20/24 réponses
Meilleure réponse
- Messages postés
- 1672
- Date d'inscription
- vendredi 9 mai 2008
- Dernière intervention
- 19 mars 2019
bonjour
petit script que j'ai fait il y a longtemp attention ne marche qu'avec IE
<html>
<head>
<TITLE></TITLE>
<SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.getElementById('oxo').style.top=igrec+'px';
document.getElementById('oxo').style.left=ixe+'px';
}
</SCRIPT>
petit script que j'ai fait il y a longtemp attention ne marche qu'avec IE
<html>
<head>
<TITLE></TITLE>
<SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.getElementById('oxo').style.top=igrec+'px';
document.getElementById('oxo').style.left=ixe+'px';
}
</SCRIPT>
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
119 internautes nous ont dit merci ce mois-ci
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
déjà c'est exclusif IE, ça ne fonctionnera pas avec FF
( mais on verra cela après si tu veux ).
et ton image ? elle est où ?
elle poosède un style="position.absoulte;top:0px;left:0px";
"il suffit" de mettre à jour ton_image.styleleft=horizontal+"px";
et ton_image.style.top=vertical+"px";
Cordialement Bul
( mais on verra cela après si tu veux ).
et ton image ? elle est où ?
elle poosède un style="position.absoulte;top:0px;left:0px";
"il suffit" de mettre à jour ton_image.styleleft=horizontal+"px";
et ton_image.style.top=vertical+"px";
Cordialement Bul
- Messages postés
- 168
- Date d'inscription
- dimanche 26 février 2006
- Dernière intervention
- 30 septembre 2011
Désolé, jai donc ça :
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var x = event.clientX;
var y = event.clientY;
personnage.style.top = vertical+"px";
personnage.style.left = horizontal+"px";
</script></head>
</html>
Ne faut t'il pas mettre l'image dans une div ?
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var x = event.clientX;
var y = event.clientY;
personnage.style.top = vertical+"px";
personnage.style.left = horizontal+"px";
</script></head>
</html>
Ne faut t'il pas mettre l'image dans une div ?
- Messages postés
- 168
- Date d'inscription
- dimanche 26 février 2006
- Dernière intervention
- 30 septembre 2011
merci pour ce code mais je comprend pas pourquoi le mien ne fonctionne pas :
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
</script></head>
</html>
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
</script></head>
</html>
- Messages postés
- 3498
- Date d'inscription
- lundi 16 juillet 2007
- Dernière intervention
- 28 février 2014
Salut,
Bultez et kazma t'ont donné une solution non ?
Alors pourquoi tu crie ?
Si tu es débutant ça ne change rien...
ça me fait rire, a chaque fois que quelqun pose une question il dit je suis débutant parce qu'il pense avoir un traitement de faveur....
ETRE DEBUTANT NE CHANGE RIEN AU TRAITEMENT DE TA QUESTION...
a++
Si la réponse vous convient, pensez : Réponse acceptée !
Bultez et kazma t'ont donné une solution non ?
Alors pourquoi tu crie ?
Si tu es débutant ça ne change rien...
ça me fait rire, a chaque fois que quelqun pose une question il dit je suis débutant parce qu'il pense avoir un traitement de faveur....
ETRE DEBUTANT NE CHANGE RIEN AU TRAITEMENT DE TA QUESTION...
a++
Si la réponse vous convient, pensez : Réponse acceptée !
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
<html>
<head>
<script type= "text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
}
</script></head>
:absolute; top:0px; left:0px" id ="personnage">
</html>CordialementBu
<head>
<script type= "text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
}
</script></head>
:absolute; top:0px; left:0px" id ="personnage">
</html>CordialementBu
- Messages postés
- 1672
- Date d'inscription
- vendredi 9 mai 2008
- Dernière intervention
- 19 mars 2019
personne ne se moque de toi ce que bultez cherche a faire c'est t'expliquer pour que tu puisse comprendre mais il considere que tu doit faire un minimum d' efforts car il arrive souvent sur le forum que des personnes demandes qu'on leurs fasse tout le travaille.
et sinon j'avoue que tu a fait des efforts et que tu t'est pas trop mal debrouille.
pour finir bultez aide beaucoup les gens sur le forum.
et sinon j'avoue que tu a fait des efforts et que tu t'est pas trop mal debrouille.
pour finir bultez aide beaucoup les gens sur le forum.
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.