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

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Fond de page dynamique 100% et JQM
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Fond de page dynamique 100% et JQM

 Répondre Répondre Page  12>
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Fond de page dynamique 100% et JQM
    Envoyé : 03 Nov 2015 à 11:27
Il semble y avoir un conflit entre jQuery Mobile et l'élément additionnel "Fond de page dynamique 100%".

J'ai créé une page vierge, j'y ai ajouté l'élément "Fond d'écran dynamique 100%", qui y fonctionnait très bien, puis j'y ai ajouté les lignes de code HTML en "header" pour accéder aux fonctionnalités de JQM.

<link rel="stylesheet" href="/js/jquery.mobile-1.4.5.min.css">
<script src="/js/jquery.mobile-1.4.5.min.js"></script>

Résultat, le fond de page ne s'affiche plus.

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é : 03 Nov 2015 à 13:08
Bonjour,

Faites F12 dans le navigateur, et dans le panneau regardez l'onglet Console - qu'est-ce qu'il y a comme erreurs?
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Nov 2015 à 13:35
Le lien suivant vous conduira à la page de test qui contiens le code HTMl pour JQM et l'élément.


Le lien suivant vous conduira à la page de test qui contiens seulement l'élément.



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é : 03 Nov 2015 à 13:42
Essayez de modifier votre script ainsi:

<link rel="stylesheet" href="/js/jquery.mobile-1.4.5.min.css">
<script>
var $jQueryOrig = $; // memoriser jQuery original
</script>
<script src="/js/jquery.mobile-1.4.5.min.js"></script>
<script>
var $m = $;
$ = $jQueryOrig; // remettre jQuery original
</script>

Ensuite, utilisez $m au lieu de $ pour jQuery mobile.

Autre chose a esayer, allez dans Preferences->Expert et remplacez la version du jQuery (1.10.2) par le lien du jquery mobile

/js/jquery.mobile-1.4.5.min.js

(vous aurez peut-etre besoin d'utiliser un lien absolu qui commence par http:// ou https://)
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é : 03 Nov 2015 à 13:42
P.S. C'est soit la solution 1 soit 2, pas les deux en meme temps
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Nov 2015 à 13:48
Message posté par Dmit OE Dmit OE a écrit:

Autre chose a esayer, allez dans Preferences->Expert et remplacez la version du jQuery (1.10.2) par le lien du jquery mobile

/js/jquery.mobile-1.4.5.min.js

(vous aurez peut-etre besoin d'utiliser un lien absolu qui commence par http:// ou https://)

Si j'ai bien compris, ceci s'applique à tout le site.  C'est un peu risqué et comment cela réagiras-t-il avec les futures mises à jour de OE?


Edité par Hobby001 - 03 Nov 2015 à 13:49
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 03 Nov 2015 à 13:59
Curieux,

Est-ce un conflit entre javasript 1.10.2 et jQuery Mobile 1.4.5 ?
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é : 03 Nov 2015 à 14:07
En fait les deux solutions j'ai propose sont mauvais, vous pouvez quand meme essayer la premiere. jQuery Mobile a besoin de jQuery pour marcher. Je ne sais pas si votre version de jQuery Mobile integre deja jQuery de base (dans ce cas la premiere solution marchera peut-etre). Le probleme c'est que jq mobile modifie certains techniques de base, comme lancement des scripts au chargement de la page, ca peut perturber beaucoup de choses. Vous etes sur de voluoir l'utiliser? C'est pas pour des petits enfants de la creche (comme moi apparemment)
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é : 03 Nov 2015 à 14:09
P.S. jQuery Mobile n'est pas du tout la meme chose ou le remplacement de jQuery.
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é : 03 Nov 2015 à 14:19
Message posté par Dmit OE Dmit OE a écrit:

P.S. jQuery Mobile n'est pas du tout la meme chose ou le remplacement de jQuery.

jqeury mobile est plus spécifique (d'où son nom) pour les mobiles, soit disant plus optimisé sur les mobile.
A voir à la longue avec OE par contre (pas sur encore que cela apporte quelque chose, hormis si tu compte développer des apps et autres bien spécifiques dans OE (ou l'utilisation de plugin bien spécifique avec jquery mobile). 
Haut de la page
 Répondre Répondre Page  12>
  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.078 secondes.