Quelques mises au point W3C

• 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

• 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

• 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-après (en utilisant form_action.php, cf. aussi les suggestions ci-dessous)

--> 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

• Le corrigé : http://ogo.heig-vd.ch/ajax/TP2_form/index.html