Rechercher : dans
Par :

Javascript et DIV

Dernière réponse le 1 déc 2008 à 19:25:33 nono, le 1 jui 2002 à 17:28:17 
 Signaler ce message aux modérateurs

Je desire acceder au contenu du style d'un div.
expl
<div id="x" style="top:100px">
<<contenu>>
</div>
je voudrais ici par expl changer la valeur du top.
=> document.all.x.style.top='#';
mais si je veux creer une fonction qui me premettrais de faire ca pour plusieurs div??
Le document.getelementById() ne marche pas car c'est un document.all.... que j'ai besoin.
Donc comment puis-je , en passant simplement l'id du div , en changer son style?
Merci.
No

Meilleures réponses pour « javascript et DIV » dans :
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...

1

PhP, le 2 jui 2002 à 00:51:44
  • +2

HI Nono,

Effectivement document.getelementById() ne fonctionne pas car la bonne syntaxe est document.getElementById()
Nuance subtile certe mais ce sont les joies du case sensitive ... ;:-)

Ensuite avec IE 5 ou + et dans une certaine mesure NS 6 cette fonction marche très bien.


1 ) Donner un id au tag <div> (peut être autre chose que la simple lettre 'x' j'ai eu des truc bizarres avec certains noms ...)

<div id="mon_tag" style="top:100px">
...
</div>

2) Fonctions à utiliser :

D'habitude j'utilise des classes d'objet mais voici la syntaxe en code JavaScript classique :


function getX(id)
{
return window.document.getElementById(id).offsetLeft
}

// La valeur retournée peut être ignorée ;:-)
function setX(id,x)
{
return window.document.getElementById(id).style.left=x+"px";
}

function getY(id)
{
return window.document.getElementById(id).offsetTop
}


// La valeur retournée peut être ignorée ;:-)
function setY(id,y)
{
return window.document.getElementById(id).style.top=y+"px"
}


function getHeight(id)
{
return window.document.getElementById(id).offsetHeight
}


function getWidth(id)
{
return window.document.getElementById(id).offsetWidth
}


Si les propriétés offset... ne retournent pas les valeurs attendues je crois que tu peux utiliser directement les valeurs du style.
Dans ce cas à toi d'extraire la valeur de l'unité ...

Ex :
function getX(id,x)
{
return window.document.getElementById(id).style.left;
}


A toi de jouer ...

@+
Philippe

[[  The Truth is Out There   ]]

Répondre à PhP

2

 zorro07, le 1 déc 2008 à 19:25:33

Merci pour cette excellente explication Philippe

Répondre à zorro07
Collection CommentÇaMarche.net