Carnet Wiki

jQueryMobile pour SPIP

Version 3 — Juillet 2012 Seds

Documentation sur la construction d’un plugin squelette en jQueryMobile en vue d’un travail collaboratif .Nécessitant le plugin [cimobile->http://www.spip-contrib.net/cimobile-plugin-detection-et-aiguillage-des-telephones].

L’utilisation d’un squelette entièrement en jQueryMobile présente quelques dysfonctionnements présentant encore quelque dysfonctionnement , notamment au sujet des ancres et du maintient des styles lors de chargement en ajax.

Ancres :

Bug sur Pagination / Notes / Forums
JQM utilisent les ancres pour la navigation de certaines pages, par exemple la fonction data-rel=« dialog » utilisée sur ce squelette pour le login et l’inscritpion. Donc il ne reconnait pas les ancres que spip utilise.
Pour y remedier j’ai bien trouvé un js (ancre.js), mais il ne fonctionne pas.

Ajax

Outre la problématique des ancres, le chargement des ajax en pagination, sur formulaire (prévisu), supprime les styles JQM. Il existe une fonction data-ajax=« false » que je n’ai pas encore exploité partout, mais a priori elle semble fonctionner sur certains formulaires, mais pas sur la pagination

Navigation

Notez que pour passer du site public JQM à l’accès privé, il faut ouvrir dans une nouvelle fenêtre ou onglets, car jQuery tente d’imposer le style JQM sans trouver les css..

LTR vs RTL

Bon pour le moment, il faut recharger la page afin qu’elle prenne en charge le bon css. Le problème doit venir de |direction_css.Périphériques à tester

Périphériques à tester

Le site de jQueryMobile donne une liste (fr) exhaustive des périphériques supportés vu l’évolution du marché. Pour ce qui me concerne, je n’ai aucun problème, mes appareils étant iPad et iPhone. Il serait donc intéressant, de regarder un peu comment se comporte JQM_SPIP.

Corrections (01/07/12) :

Paginations Articles récents (sommaire.html), Articles (Rubriques et Auteur) : Résolues.
Lien accès privé, CSS privé : résolu avec target=« _blanc »

Chantier :

Demos

http://dev.twxdesign.com/jQueryMobile/ ici en squelettes dist.

Installation

Nécessitant Cimobile, une fois installé l’accès au site SPIP sous JQM se fera par l’url http://monsite.fr/?cimobile=jqm (cookie session) - retour en http://monsite.fr/?cimobile=web
accès objet http://monsite.fr/spip.php?objet1&cimobile=jqm

CSS Formulaire à la prévisu
Ancre Forums (sommaire.html, formulaire forum)