BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Pas de navigation "SWIPE" ?
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Pas de navigation "SWIPE" ?

 Répondre Répondre Page  123>
Auteur
Message
jchris allez vers le bas
Newbie
Newbie


Depuis le: 04 Nov 2017
Status: Inactif
Points: 9
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jchris Citer  RépondreRéponse Lien Direct à ce Post Sujet: Pas de navigation "SWIPE" ?
    Envoyé : 04 Nov 2017 à 18:43
Bonjour,

Je me décide enfin à venir poser une question car malgré de nombreuses recherches, impossible de trouver une réponse.

J'ai installer votre formidable logiciel il y a 3 mois, et c'est exactement ce que je cherchais pour transformer mon site et le rendre responsive. Cependant, impossible de trouver comment y inclure une navigation au doigt (SWIPE) pour changer de page. J'ai bien trouver qu'il fallait du JQM mais je suis très limité en codage.

Donc, voici mes interrogations :
- où inscrire "l'appel" JQM et avec quel code
- quels sont les lignes de code à inscrire dans mes pages ou mes calques pour naviguer au doigt

Je suis surpris qu'un tel logiciel qui permet de rendre des page responsives n'est pas de navigation au doigt intégré.

Il y a-t-il un tutoriel sur le forum que j'aurais loupé permettant de rendre un site navigable au doigt ?

Merci
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 04 Nov 2017 à 23:41
Bonsoir.

Navigation "swipe" entre pages ?! C'est la premiere fois qu'on le demande ici... Il faut deja que vous puissiez definir, pour chaque page, quelles sont les pages precedente&suivante. Puis normalement si on intercepte l'evenement swipe on peut ouvrir la page. Par contre, pour les faire "defiler", c'est encore une autre histoire... Actuellement je ne suis pas en mesure de vous aider, peut-etre quelqu'un d'autre.

Sachez que dans certains cas ce genre de navigation peut etre assez penible pour les utilisateurs, surtout si vos pages sont assez chargees. Sur certains appareils, notamment iOS, l'animation peut etre tres bof.
Haut de la page
jchris allez vers le bas
Newbie
Newbie


Depuis le: 04 Nov 2017
Status: Inactif
Points: 9
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jchris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 04 Nov 2017 à 23:51
Sur chaque page, j'ai des boutons suivant et précédent donc la navigation par "swipe" me serait assez utile.
Je suis surpris que je sois le seul à poser cette question. De nombreux site l'utilise sur leur version mobile.

Edité par jchris - 04 Nov 2017 à 23:52
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 10:15
le swipe peut etre sympa si on change d'url, si c'est pour un effet de glissement alors vos pages sont toutes sur la même : dans ce cas il faut faire attention au poids de la page qui peut etre facilement trop long à chargé.

si vous avez 4 pages
- admettons que la largeur du site est de 1200px
-créer 1 panneau avec largeur = 4 * 1200px (en javascript pour connaitre dynamiquement la largeur du site).
- créer 4 panneaux d'élément avec largeur 25%
- utiliser la fonction swipe

si vous voulez que pour la version  mobile : il faut mettre ce css juste pour les largeur voulues

en revanche il faut que les utilisateurs comprennent clairement qu'ils peuvent faire ça. Sinon vous allez passer du temps à développer ça pour rien

le seul soucis avec OE c'est qu'on ne peut pas créer des calques avec le code uniquement des éléments, il génère aussi les balises body etc... sinon ce serait plus pratique à utiliser pour ce genre de projet (comme un include php)


Edité par nico38 - 05 Nov 2017 à 10:20
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 11:40
j'avais essayé ce type de projet pour un template, et au final, j'ai laissé tombé, plugin trop contraignant.
Bon courage néanmoins.
Haut de la page
jchris allez vers le bas
Newbie
Newbie


Depuis le: 04 Nov 2017
Status: Inactif
Points: 9
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jchris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 14:29
Merci pour vos réponses mais ce n'est pas vraiment ça l'idée.
En bas de chacune de mes pages, j'ai un bouton "précédent" et "suivant". Donc avec swiperight, je me disais qu'il serait facile d'appeler l'url du bouton "suivant" ; idem pour l'autre avec swipeleft.
C'est si hors de portée avec jquerymobile ?

Edité par jchris - 05 Nov 2017 à 14:31
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 17:15
Le plus simple est d'essayer pour se rendre compte Wink.
Haut de la page
jchris allez vers le bas
Newbie
Newbie


Depuis le: 04 Nov 2017
Status: Inactif
Points: 9
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jchris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 18:25
Message posté par brolysan brolysan a écrit:

Le plus simple est d'essayer pour se rendre compte <img src="smileys/smiley2.gif" alt="Wink" title="Wink" />.

Je veux bien mais comme je l'ai mis dans mon premier message, mes notions de jquery sont proche de zéro.
En basic (ouai je sais je suis un vieu de vieille) j'aurais fait un truc du genre :

IF WIPERIGHT THEN GOTO suivant.htm

Mais c'est tout. C'est pourquoi j'ai besoin du petit coup de pouce pour savoir où et comment appeler jquerymobile et où mettre les morceaux de script pour faire le wipeleft et wiperight.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 22:01
swipeleft ce serait pour changer d'url ou pour rester sur la meme page ?
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
jchris allez vers le bas
Newbie
Newbie


Depuis le: 04 Nov 2017
Status: Inactif
Points: 9
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jchris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 05 Nov 2017 à 23:16
Dans le même esprit pour aller sur la page précédente :
IF SWIPELEFT THEN GOTO precedent.htm
IF SWIPERIGHT THEN GOTO suivant.htm
Je pensais que c'était évident.
Merci ;)

Edité par jchris - 05 Nov 2017 à 23:17
Haut de la page
 Répondre Répondre Page  123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.