Discussion :

[gentil]

Bonjour tout le monde,

Je veux modifier l'emplacement du titre lorsque l'utilisateur clique sur un bouton.

Actuellement ca fonctionne pas voici mon code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<form name='form'>
 <h1 name="titre" align="left" id="titre">c'est le titre</h1><input type='button' value='changer emplacement du titre' onClick="document.getElementById('titre').setAttribute('left','center');"/>
 </form>

Merci de votre aide.

NB: j'apprend javascript

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<form name='form'>
<h1 name="titre" align="left" id="titre" style='positon:absolute' >c'est le titre</h1><input type='button' value='changer emplacement du titre' onClick="document.getElementById('titre').style.left='10px';document.getElementById('titre').style.top='100px';"/>
</form>

[gentil]

Je te remercie de ton aide mais je voudrais utiliser la methode javacript setAttribute.

Par exemple, on a un champ text où je met une couleur de fond jaune et une couleur d'écriture blue.

Je voudrais lorsque l'on clique sur le boutton, la couleur de fond change ainsi que la couleur de l'écriture.

Pour cela je pense qu'il faut utiliser la methode setAttribute.

voici le code
<form name='form'>
<input type='text' value='envoyer' name='envoyer' id='envoyer' style="color:blue;background:yellow"><input type='button' value='changer' onClick="alert(form.document.getElementById('envoyer').getAttribute());"/>
</form>

Pour l'instant je teste avec la methode getAttribute, mais lorsque je clique sur le bouton changer le message qui m'est affiché est null par conséquent il croit qu'il a pas d'attribut, je comprend pas ca déja.



Merci de votre aide.

[SpaceFrog]

tu n'est pas obligé loin de là de passer par setAttrubte ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style.backgroundColor

pour changer la couleur du fond ...

[gentil]

Je te remercie, ca fonctionne mais je voulais savoir comment utiliser le setAttribute, car si cette methode existe c'est quelle doit être utile sinon elle existerait pas.

Peut tu me donner un exemple de son utilisation merci de ton aide.

[SpaceFrog]

elle existe mais est deprecated ... elle n'est pas crossbrowser en plus mais si tu veux code comme il y a 15 ans ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

obj.setAttribute("propriété","valeur");