Différences

Ci-dessous, les différences entre deux révisions de la page.

--- javaee:td6 [2013/12/12 03:00] – [Villes] jcheron
+++ javaee:td6 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 8: / Ligne 8: @@
   * Créer le projet **koTd6** en important le fichier war dans eclipse : {{:j2ee:td6:kotd6.war|}}
   * Démarrer le projet sur le serveur web (**Run as...**)
+  * Démarrer éventuellement le serveur Mysql
   * afficher ensuite l'adresse : http://127.0.0.1/kotd6/
+<html><div class="important"><span style="font-size:16px"><b>Erratum :</b></span><br>Pour continuer le TD n°6 et éviter de rencontrer à nouveau les bugs de cette semaine, pensez à mettre à jour les fichiers de votre projet avec ceux contenus dans l'archive :
+<ul>
+<li><a href="/_media/j2ee/td6/updatefilestd6.zip">updateFilesTD6.zip</a></li>
+</ul>
+</div></html>
 ===== Conception des vues =====
@@ Ligne 45: / Ligne 53: @@
 </sxh>
-  * Tester la page **villes.do** et son comportement (clavier et souris)
+<html><div class="todo">Tester la page <b>villes.do</b> et son comportement (clavier et souris)</div></html>
 ^Action ^Effet ^
-|F2 | Edition avec le formulaire de modification |
+|F2 | Edition avec le formulaire de modification (il s'agit de la seule touche paramétrable) |
 |Touches de direction\\ Haut, bas, gauche, droite | Déplacement entre les villes |
 |MAJ+Home | Atteindre la première page |
@@ Ligne 101: / Ligne 109: @@
 </sxh>
-  *Tester l'édition possible de la liste :
+<html><div class="todo">Tester l'édition possible de la liste :</div></html>
 {{:j2ee:td6:listeditable1.png?|}}
@@ Ligne 145: / Ligne 154: @@
 	</mappings>
 </sxh>
-  * tester l'édition finalisée dans la page **villes.do** :
+<html><div class="todo">tester l'édition finalisée dans la page <b>villes.do</b></div></html>
 Message après modification et validation par **ENTREE** :\\
@@ Ligne 267: / Ligne 278: @@
 === Mapping ===
- * ajouter le mapping associé à la liste dans mox.xml
+  * ajouter le mapping associé à la liste dans mox.xml
 <sxh xml;title:conf/mox.xml>
@@ Ligne 293: / Ligne 304: @@
 <html><div class="info">
 <ul>
-<li>Les paramètres passés (idVille et ville) à l'url <b>entrepParVille.do</b> le sont par l'intermédiaire de javascript : il sont introduits par la balise {js:code javascript}</li>
+<li>Les paramètres passés (idVille et ville) à l'url <b>entrepParVille.do</b> le sont par l'intermédiaire de javascript : ils sont introduits par la balise {js:code javascript}</li>
 <li><b>target</b> correspond à l'élément cible de l'événement click : le lien cliqué</li>
 <li><b>$vId</b> permet de récupérer l'identifiant contenu dans l'id du lien (8 pour l'id "id-8" par exemple)</li>
 </ul></div></html>
-  * Tester le comportement de la vue villes.do (la touche F2 ou un clic sur le lien d'une ville sélectionnée provoque l'affichage des entreprises de la ville):
+<html><div class="todo">Tester le comportement de la vue <b>villes.do</b> (la touche <b>F2</b> ou un clic sur le lien d'une ville sélectionnée provoque l'affichage des entreprises de la ville):</div></html>
 {{:j2ee:td6:villeetentreprises.png?800|}}
-<html><div><a class="btn" href="http://slamwiki.kobject.net/javaee/td6/partie2"><b>La suite :</b> Gestion des entreprises >></a></div></html>
+=== Juste pour le fun ===
+  * Ajouter des transitions sur l'apparition des éléments :
+<sxh xml;title:mox.xml;highlight:[6,7,8,9]>
+	<ajax-includes>
+	...
+		<request requestURL="villes.do">
+			...
+			<js triggerSelector="a.default">
+				<include targetURL="entrepParVille.do" targetParams="idVille={js:$vId(target.id)},ville={js:target.title}" targetId="divEntreprises" transition="skew">
+					<transition targetId="divEntreprises">
+						<oneTransition endValue="1" startValue="0" property="opacity" duration="2" timing="ease"/>
+					</transition>
+				</include>
+			</js>
+		</request>
+	...
+	</ajax-includes>
+</sxh>
+{{:j2ee:td6:transitionsample.png?800|}}
+<html><div><a class="btn" href="http://slamwiki.kobject.net/javaee/td6/partie2"><b>La suite :</b> Gestion des entreprises >></a></div></html>