====== 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-après (en utilisant {{:ajax:form_action.php.zip|form_action.php}}, cf. aussi les suggestions ci-dessous)

{{:ajax:screenshot.png|screenshot}}

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

  * 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 ({{:ajax:form_action.php.zip|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**