Quelques mises au point W3C

Manipulations DOM en JS

Analysez cet exemple :

http://ogo.heig-vd.ch/ajax/Exemples/1_Manipulation_DOM_en_JS

En cas de panne JavaScript, voici un bon point d'entrée pour se mettre à jour :

http://www.w3schools.com/js/js_intro.asp

TP1

En partant de cette structure brut de XHTML : http://ogo.heig-vd.ch/ajax/TP1_w3c/TP1_solution_1.html

On souhaite obtenir le résultat comme présenté ici (cf. démo)

Quelques suggestions :

ajouter un style de classe pour les sous-menu et une identification de chacun des sous-menu

ajouter et utiliser adéquatement une fonction pour cacher tous les sous-menu

ajouter et utiliser adéquatement une fonction pour ne montrer qu'un des sous-menu (type menu-réroulant)

enrichir le style de la page pour obtenir une présentation type « sidebar »

Le corrigé : http://ogo.heig-vd.ch/ajax/TP1_w3c/TP1_solution_4.html

TP2

On souhaite obtenir le résultat comme présenté ici (cf. démo et sceeenshot ci-dessous) :

on dispose d'une partie cliente avec un formulaire de saisie de livre

un livre possède deux informations de base (titre et n°isbn) et d'une liste d'auteurs

la soumission du formulaire doit montrer un résultat selon l'exemple ci-dessous

screenshot

--> The server received the following query string : title=jQuery&isbn=1234-1234&author1=J.%20Chaffer&author2=K.%20Swedberg&

Quelques suggestions :

construire le formulaire XHTML/CSS

ajouter les interactions d'ajout/suppression

mise en évidence des liens actions en orange (onmouseover)

ajout/suppression de noeud de saisie d'auteur (onclick)

ajouter l'envoi en GET du formulaire sur l'interface de traitement ci-fournie (form_action.php) ou à défaut sur http://www.w3schools.com/tags/form_action.asp