Fork me on GitHub






lionhell
Thème mobile: comment séparer menu principal sur une page ?
#1
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bonjour,

Je continue d'avancer dans la compréhension d'un thème pour mobile. Et cela m'amène à essayer de régler un problème supplémentaire !

Je souhaiterais que la page d'accueil soit le menu principal et rien d'autre puis que sur un clic d'un item du menu (par exemple news, ou agenda, ...) le résultat s'affiche sur une page propre sans rien d'autre.

Je sais créer des pages pour mobie avec data-role=page par exemple et ça marche !

Mais le problème c'est comment modifier Xoops pour que sur un clic dans le menu principal le résultat retourné par theme.html avec:
<!--------------------- Canevas ---------------------->
<{if $xoops_contents && ($xoops_contents != ' ') }>
<div id="content" style="overflow:scroll !important;">
<{$xoops_contents}>
</div>
<{/if}>

s'affiche seul et dans une page séparée du menu ?

Car à l'heure actuelle si je place cette portion de code dans une autre page (data-role=page) je ne sais pas modfier le lien du menu principal pour qu'il affiche le résultat seul et dans un page séparée ... (Je ne suis pas sûr de bien me faire comprendre ...) !

Posté le : 30/12/2012 12:51

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: Thème mobile: comment séparer menu principal sur une page ?
#2
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Dans le code ci-dessous voici l'architecture d'une page mobile:

Citation :
data-role = page id=page-1
.. data-role = header
.. data-role = content
.... Le menu principal
.. data-role = footer

data-role = page id=page-2
.. data-role = header
.. data-role = content
.... Ici j'aimerais le résultat du clic dans menu principal !
.. data-role = footer

Etc ...


Chaque page s'affiche seule, les autres sont cachées.

Je voudrais mettre dans page-1 le menu principal, c'est facile et ça marche:

Citation :
data-role = page id=page-1
data-role = header
blablabla ...
data-role = content
<div>
<ul data-role="listview" data-inset="true" data-filter="false">
<li><a href="mailto:equipe1ouest@googlegroups.com">Mail pour l'équipe</a></li>
<{if $xoops_isuser}>
<li><a href="tel:06xxxxxxxx">Téléphoner au responsable d'équipe</a></li>
<li data-theme="e"><a href="<{xoAppUrl modules/tds2/index.php}>">Consulter TDS</a></li>
<li><a href="<{xoAppUrl modules/myiframe/index.php?iframeid=1}>">Tour de bouffe</a></li>
<li><a href="<{$xoops_url}>/user.php?op=logout">Déconnexion</a></li>
<{else}>
<li data-theme="e"><a href="#tds" data-rel="dialog">Consulter TDS</a></li>
<li><a href="<{$xoops_url}>/user.php">Connexion</a></li>
<li><a href="<{$xoops_url}>/modules/profile/register.php">Inscription</a></li>
<{/if}>
</ul>
</div>

data-role = footer


Dans page-2 je ne mets que le code du canvas de theme.html qui correspond au résultat du lien:

Citation :
data-role = page id=page-2
data-role = header
blablabla ...
data-role = content
<div>
<{if $xoops_contents && ($xoops_contents != ' ') }>
<div id="content" style="overflow:scroll !important;"><{$xoops_contents}></div>
<{/if}>
</div>

data-role = footer


Le problème est qu'un clic sur un item du menu fonctionne bien MAIS ramène toujours sur la page-1, donc le menu ! La page deux n'est jamais visible. Comment modifier les liens dans le menu pour qu'ils affichent la page 2 ?

Posté le : 30/12/2012 13:28

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

37 Personne(s) en ligne (28 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 37 | Plus ...