| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| php-rt:tp4-corr [2016/03/28 19:16] – [Exercice 10] jcheron | php-rt:tp4-corr [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ====== Module M2105 - RT web dyna - TD/P 4 ====== | ====== Module M2105 - RT web dyna - TD/P 4 Corrigé ====== |
| |
| Prise en main du projet RT-Cloud et du micro-framework | Prise en main du projet RT-Cloud et du micro-framework |
| |
| <sxh html;title:views/exemples/ajaxTest.html> | <sxh html;title:views/exemples/ajaxTest.html> |
| <a class="btn btn-primary" href="exemples/disques" data-ajax="exemples/disques">Disques</a> | <div class="button-group"> |
| <a class="btn btn-primary" href="exemples/users" data-ajax="exemples/users">Utilisateurs</a> | <a class="btn btn-primary disques" href="exemples/disques" data-ajax="exemples/disques">Disques</a> |
| | <a class="btn btn-primary users" href="exemples/users" data-ajax="exemples/users">Utilisateurs</a> |
| | </div> |
| | <div class="alert alert-info" id="message"></div> |
| <div id="response"></div> | <div id="response"></div> |
| </sxh> | </sxh> |
| |
| * Les boutons "Disques" et "Utilisateurs" doivent afficher via ajax les résultats des urls **exemples/disques** et **exemples/users** | * Les boutons "Disques" et "Utilisateurs" doivent afficher via ajax les résultats des urls **exemples/disques** et **exemples/users** |
| | * Le passage de la souris au dessus des boutons doit afficher un message dans l'alert Bootstrap sur le rôle respectif des boutons. |
| | |
| |
| <sxh php;title:controllers/exemples.php> | <sxh php;title:controllers/exemples.php> |
| $this->loadView("exemples/ajaxTest.html"); | $this->loadView("exemples/ajaxTest.html"); |
| Jquery::getOn("click", "a[data-ajax]", "","#response",array("attr"=>"data-ajax")); | Jquery::getOn("click", "a[data-ajax]", "","#response",array("attr"=>"data-ajax")); |
| | Jquery::doJqueryOn(".disques", "mouseenter", "#message", "html","Affiche les disques existants"); |
| | Jquery::doJqueryOn(".users", "mouseenter", "#message", "html","Affiche les utilisateurs existants"); |
| | Jquery::doJqueryOn(".btn", "mouseout", "#message", "html"); |
| echo Jquery::compile(); | echo Jquery::compile(); |
| } | } |
| </sxh> | </sxh> |