Obtenir les coordonnées de plusieurs images après un onclick type button
Résolu
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
-
22 janv. 2009 à 00:14
pazticci Messages postés 7 Date d'inscription lundi 21 février 2005 Statut Membre Dernière intervention 22 juillet 2010 - 27 janv. 2009 à 10:41
pazticci Messages postés 7 Date d'inscription lundi 21 février 2005 Statut Membre Dernière intervention 22 juillet 2010 - 27 janv. 2009 à 10:41
10 réponses
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
17
26 janv. 2009 à 17:02
26 janv. 2009 à 17:02
Bonjour,
au moins deux choses
document.write
- la méthode write de l'objet document, lorsque celui ci est complet, provoque
l'effacement complet du document existant...
var Objet =
document.getElementById( nom_de_ID)
- dans ta syntaxe tu utilises
des + juste après et avant les l'accolades
document.getElementById(+tab_div[i].id+)
ce qui est incorrecte...
la bonne
syntaxe dans ton cas est
document.getElementById( tab_div[i].id)
enfin pendant que
l'on y est
offsetTop et offsetLeft n'existe pas en tant que tel il faut
qu'il soit relié à un objet, relis bien ce qu'a écrit kazma
;O)
au moins deux choses
document.write
- la méthode write de l'objet document, lorsque celui ci est complet, provoque
l'effacement complet du document existant...
var Objet =
document.getElementById( nom_de_ID)
- dans ta syntaxe tu utilises
des + juste après et avant les l'accolades
document.getElementById(+tab_div[i].id+)
ce qui est incorrecte...
la bonne
syntaxe dans ton cas est
document.getElementById( tab_div[i].id)
enfin pendant que
l'on y est
offsetTop et offsetLeft n'existe pas en tant que tel il faut
qu'il soit relié à un objet, relis bien ce qu'a écrit kazma
;O)
@karamel
Messages postés
1840
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 novembre 2023
148
22 janv. 2009 à 09:19
22 janv. 2009 à 09:19
bonjour
pour connaitre la positiond'un div c'est tous simple
document.getElementById('nomdemondiv').offsetLeft
document.getElementById('nomdemondiv').offsettop
ensuite pour son nom c'est moin evident on peut utilise ( this ) qui veut parler de l'element courant
pour connaitre la positiond'un div c'est tous simple
document.getElementById('nomdemondiv').offsetLeft
document.getElementById('nomdemondiv').offsettop
ensuite pour son nom c'est moin evident on peut utilise ( this ) qui veut parler de l'element courant
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
22 janv. 2009 à 09:32
22 janv. 2009 à 09:32
bonjour kazma,
mais pour afficher ces valeurs je fait donc :
<script>
function affichage()
{
document.getElementById('id1').innerHTML='X='+offsetLeft+'
\n'+'Y='+offsetTop+'
\n';
}
</script>
et dans le HTML :
// pour les divs, j'en met deux mais le but étant d'en avoir des "centaines"
// pour le bouton de validation
pour le moment j'en suis là, cela ne fonctionne pas, par contre si je fait :
<script>
function affichage()
{
document.getElementById('affichage').innerHTML='X='+offsetLeft+'
\n'+'Y='+offsetTop+'
\n';
}
</script>
avec un div dans le HTML :
cela fonctionne, cela me met les coordonnées X et Y d'un des divs dans un div affichage. Seul problème ce que je souhaiterai obtenir les coordonnées de tous les divs et leur nom pour savoir à quel div les coordonnées correspondent.
Suis-je déjà dans une bonne direction ?
merci
mais pour afficher ces valeurs je fait donc :
<script>
function affichage()
{
document.getElementById('id1').innerHTML='X='+offsetLeft+'
\n'+'Y='+offsetTop+'
\n';
}
</script>
et dans le HTML :
// pour les divs, j'en met deux mais le but étant d'en avoir des "centaines"
// pour le bouton de validation
pour le moment j'en suis là, cela ne fonctionne pas, par contre si je fait :
<script>
function affichage()
{
document.getElementById('affichage').innerHTML='X='+offsetLeft+'
\n'+'Y='+offsetTop+'
\n';
}
</script>
avec un div dans le HTML :
cela fonctionne, cela me met les coordonnées X et Y d'un des divs dans un div affichage. Seul problème ce que je souhaiterai obtenir les coordonnées de tous les divs et leur nom pour savoir à quel div les coordonnées correspondent.
Suis-je déjà dans une bonne direction ?
merci
@karamel
Messages postés
1840
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 novembre 2023
148
22 janv. 2009 à 11:32
22 janv. 2009 à 11:32
je te conseille c'est de faire un array dans lequel tu liste tout tes id et ensuite tu cree une fonction qui parcour le tableau tu met tous ca dans une variable que tu affiche en fin de script
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
@karamel
Messages postés
1840
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 novembre 2023
148
22 janv. 2009 à 11:52
22 janv. 2009 à 11:52
le script resemblera a ca
<script type="text/javascript">
function blabla(){
var tout=''
tbid=["id1","id2","id4","id5","id6"]
for (i=0; i<tbid.length+1; i++) {
tout=tout+tbid[i]+'=X='+document.getElementById(tbid[i])offsetLeft+'Y='+document.getElementById(tbid[i])offsetTop
}
alert(tout)
}
</script>
je ne l'ai pas essayer
<script type="text/javascript">
function blabla(){
var tout=''
tbid=["id1","id2","id4","id5","id6"]
for (i=0; i<tbid.length+1; i++) {
tout=tout+tbid[i]+'=X='+document.getElementById(tbid[i])offsetLeft+'Y='+document.getElementById(tbid[i])offsetTop
}
alert(tout)
}
</script>
je ne l'ai pas essayer
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
17
22 janv. 2009 à 18:18
22 janv. 2009 à 18:18
Bonjour,
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Afficher les coordonnées de TOUTES les
Divs</td>
</td></tr></tbody></table>pour les
coordonées kazma t'en a parlé...
pour tous les DIV, il te suffit d'utiliser la
méthode getElementsByTagName sur le document.body, elle te retournera un tableau
d'objet, à toi de tester si cela correspond à ce que tu veux et dans ce cas
récupéres les informations qui t'intéresses.
;O)
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Afficher les coordonnées de TOUTES les
Divs</td>
</td></tr></tbody></table>pour les
coordonées kazma t'en a parlé...
pour tous les DIV, il te suffit d'utiliser la
méthode getElementsByTagName sur le document.body, elle te retournera un tableau
d'objet, à toi de tester si cela correspond à ce que tu veux et dans ce cas
récupéres les informations qui t'intéresses.
;O)
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
25 janv. 2009 à 22:49
25 janv. 2009 à 22:49
merci petoleTeam mais je n'arrive qu'à afficher que l'id du premier div.
pour le moment j'essai de faire apparaitre le nom des divs, ensuite je verrai pour faire apparaitre leurs positions top et left respective. Je voudrais pour cela utiliser les boucles avec un code court qui retourne les données pour chaques div .... mais j'y arrive pas ... :(
voila mon ti bout de code.
<html>
<head>
<script type="text/javascript">
function affichage()
{
var tab_div=document.getElementsByTagName('div');
for (var i=0;i<tab_div.length;i++)(
document.write(tab_div[i].id));
}
</script>
</head>
ESSAI
</html>
pour le moment j'essai de faire apparaitre le nom des divs, ensuite je verrai pour faire apparaitre leurs positions top et left respective. Je voudrais pour cela utiliser les boucles avec un code court qui retourne les données pour chaques div .... mais j'y arrive pas ... :(
voila mon ti bout de code.
<html>
<head>
<script type="text/javascript">
function affichage()
{
var tab_div=document.getElementsByTagName('div');
for (var i=0;i<tab_div.length;i++)(
document.write(tab_div[i].id));
}
</script>
</head>
ESSAI
</html>
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
25 janv. 2009 à 22:54
25 janv. 2009 à 22:54
pourtant si je fais un :
alert(tab_div[i].id);
ben ca marche nickel mais sa m'ouvre la popup d'alerte ....
alert(tab_div[i].id);
ben ca marche nickel mais sa m'ouvre la popup d'alerte ....
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
26 janv. 2009 à 00:56
26 janv. 2009 à 00:56
ayez, donc pour ce qui est d'afficher a la suite tous les id pas de problème, maintenant je passe à l'affichage des coordonnées Top et Left de chaque div correspondant à son id : Et la je rebloque, cela m'affiche le premier id " id1" et ca bloque je ne sais pas pourquoi, peutêter y a t'il une erreur dans mon code ? Je suis débutant en Javascript alors si quelqu'un arrive à me dépatouiller de là je serais ravi.
voici le code
<html>
<head>
<script type="text/javascript">
function affichage()
{
var tab_div=document.body.getElementsByTagName('div');
for (i=0;i<7;i++){
document.write("ligne numéro "+tab_div[i].id+"
");
document.getElementById(+tab_div[i].id+).innerHTML='X='+offsetTop+'
\n'+'Y='+offsetLeft+'
'; // C'est là que ca bloque ...
}
}
</script>
</head>
ESSAI
ESSAI3
ESSAI4
ESSAI5
ESSAI6grhtjykiuj
</html>
Merci pour votre aide ...
PAz
voici le code
<html>
<head>
<script type="text/javascript">
function affichage()
{
var tab_div=document.body.getElementsByTagName('div');
for (i=0;i<7;i++){
document.write("ligne numéro "+tab_div[i].id+"
");
document.getElementById(+tab_div[i].id+).innerHTML='X='+offsetTop+'
\n'+'Y='+offsetLeft+'
'; // C'est là que ca bloque ...
}
}
</script>
</head>
ESSAI
ESSAI3
ESSAI4
ESSAI5
ESSAI6grhtjykiuj
</html>
Merci pour votre aide ...
PAz
pazticci
Messages postés
7
Date d'inscription
lundi 21 février 2005
Statut
Membre
Dernière intervention
22 juillet 2010
27 janv. 2009 à 10:41
27 janv. 2009 à 10:41
Merci petole team et kazma, ca fonctionne nikel.