new!
|
|
|
 |
| > [Débutant] Évènements et objets |
[ Posté par Lauxer ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 31-07-2007 à 03:46 | 3 messages ]
Bonsoir,
Davant la nécessité d'avoir un plus grand évantail de possibilités j'ai décidé aujourd'hui de découvrir peu à peu le javascript.
Je dois dire que le plus intéressant pour moi dans ce langage se situe au niveau des évènements après avoir lu les chapîtres précédent celui des évènements je me suis interessé à ce dernier afin de pouvoir créer des pages qui n'auraient pas besoin d'être toujours rechargées pour n'importe quelle action.
Pour l'instant mon objectif est d'arriver à implanter l'évènement onclick aux liens de menus.
Voilà comment ça se présente :
-Une cellule pour le menu (<td>)
-Une cellule pour le texte (<td>)
Ce que je souhaite? Quand on clique sur un lien du menu, ça afficherait dans mon autre cellule un texte en rapport avec le lien cliqué.
En arrivant sur la page la cellule de texte ne doit pas se trouver vide mais avec un message d'accueil.
Revenons-en alors à nos cours (http://www.editeurjavascript.com/cours/cours_06.php).
Voilà j'ai remarqué que dans la liste des évènements il y avait exactement ce que je souhaitais : regarder pour l'évènement onclick. Deux cellules, première avec un lien et la deuxième avec ce qui change avec un contenu par défaut.
Je suis donc allé voir le code source pour essayer de bien comprendre et voir si je saurais capable de reproduire cela et j'ai donc trouvé cela :
<tr>
<td bgcolor="#D7DDE6"><font ><b>Click</b> <br>(onClick)</font></td>
<td bgcolor="#D7DDE6"><font >Se produit lorsque l'utilisateur clique sur l'élément associé à l'événement</font></td>
<td align="center" bgcolor="#D7DDE6"><font ><a href="#" onClick="document.img_click.src='img/out.gif';return(false)">Test</a></font></td>
<td bgcolor="#D7DDE6"><font ><img name="img_click" src="img/over2.gif"></font></td>
</tr> |
|
C'est alors que je me pose ces questions :
-Comment le script définit quelle image il va changer quand il y a le clic? Je ne comprend pas pourquoi ça changerait celle de la cellule en question plutôt que la même image dans une autre cellule.
-Quel est l'objet à utiliser pour définir un texte plutôt qu'une image? Parceque je comprend le document.img_click.src='' mais le texte n'a pas de nom lui...
Et donc comment définir quel texte va devoir être changé? (.value="texte1"? .text("texte1")? ou surement autre chose)
Merci bien de votre lecture.
Je vous remercie d'avance de vos réponses.
|
|
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-08-2007 à 21:32 | 604 messages ]
Bonjour
Lauxer a dit
...
C'est alors que je me pose ces questions :
-Comment le script définit quelle image il va changer quand il y a le clic? Je ne comprend pas pourquoi ça changerait celle de la cellule en question plutôt que la même image dans une autre cellule.
...
|
|
en fait, cela dépend de toi.
A l'événement Onclick est associé le code que tu auras saisi.
En cliquant sur une cellule ou un lien, tu définis seul quelle cellule (la même ou une autre) sera changée. Cela passe par une commande directe s'il n'y a qu'une image dont le nom est connu, ou par une fonction qui ira chercher une image parmi d'autres que tu auras définis dans une variable Array (liste d'images que tu pourras avoir également défini avec du php si tu veux t'amuser à prendre tout ou partie des images d'un répertoire).
Lauxer a dit
...
C'est alors que je me pose ces questions :
-Quel est l'objet à utiliser pour définir un texte plutôt qu'une image? Parceque je comprend le document.img_click.src='' mais le texte n'a pas de nom lui...
Et donc comment définir quel texte va devoir être changé? (.value="texte1"? .text("texte1")? ou surement autre chose)
...
|
|
le texte n'a pas de nom, mais tu peux l'enfermer dans un div que tu auras créé avec la commande "<div id="montexte"> ...</div>" et que tu pourras mettre à jour avec par ex :| document.getElementbyId("montexte").InnerHTML="<a style="color:red;">Mon nouveau texte tout nouveau tout beau en rouge</a>" |
|
Lauxer a dit
...
C'est alors que je me pose ces questions :
Et donc comment définir quel texte va devoir être changé? (.value="texte1"? .text("texte1")? ou surement autre chose)
...
|
|
on retourne au premier point.
Je ne suis pas très fort en théorie, je ne crois pas avoir écrit trop de bêtises, mais si c'est quand même le cas, j'espère qu'il n'y en a pas trop. 
a+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
| [ Posté par lucas34 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-01-2008 à 12:59 | 45 messages ]
http://www.lucasweb.fr.tc/
________________
http://www.lucasweb.fr.tc/
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
