GIS and Media fusion

"The explosive growth of the GeoWeb and geographic information has made GIS powerful media for the general public to communicate, but perhaps more importantly, GIS have also become media for constructive dialogs and interactions about social issues." - Sui & Goodchild

User Tools

Site Tools


ajax:w3c

This is an old revision of the document!


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 »

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 form_action.php, cf. aussi les suggestions 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
ajax/w3c.1306869944.txt.gz · Last modified: 2018/05/15 17:17 (external edit)