Forums Développement Multimédia

Aller au contenu

Défi jquery/javascript

CODE Ajax JQuery EaseJs

5 réponses à ce sujet

#1 labaudio

    Ceinture Blanche

  • Members
  • Pip
  • 5 messages

Posté 04 November 2012 - 07:15 AM

Salut tout le monde,

Depuis quelques semaines, j'essaye de mettre sur un meme page ces 7 partie:
Voici chacune des sources :

-Normal mais remplie de tout les input jquery mobile
http://jsfiddle.net/FEKING/AGTSJ/
-Vertical Slider
http://jsfiddle.net/FEKING/dSmfU/
-Rotary Knob
http://jsfiddle.net/FEKING/Pp3Pz/
-Color Picker
http://jsfiddle.net/FEKING/YzA5x/
-DateTime Picker
http://jsfiddle.net/FEKING/ZYgNn/
-Group Picker
http://jsfiddle.net/FEKING/Qpz8M/
-Egg Image List Picker
http://jsfiddle.net/FEKING/WNEv9/

_________________________
Comme vous pouvez le voir, tout fonctionne bien séparement.
J'ai vraiment besoin de ces 7 parties ensemble sur une seule et même pages
(3 semainnes que j'essaye de toute les facons) mais je ne voit pas la fin :(

Si quelqu'un y arrive, merci de partager vos sources finaux de la dite PAGE.

Merci
Un homme fatigué

#2 Goabonga

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 2724 messages

Posté 04 November 2012 - 14:20 PM

Comment tu t'y prends ?

#3 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2533 messages

Posté 04 November 2012 - 15:44 PM

Salut,

Tu as quoi comme soucis ?

Pour éviter des problèmes de collisions de nom de variables ou fonctions dans le JS, tu peux placer chaque morceau de code dans une closure

exemple :

function( $ ){

        // ici le code de ton premier element
}( jQuery);
 

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#4 labaudio

    Ceinture Blanche

  • Members
  • Pip
  • 5 messages

Posté 04 November 2012 - 19:52 PM

Voici une page Master en exemple.

C'est ce que j'ai reussi à faire de mieux : http://m.xblix.ca/sources/master.html

Vous voyer dans cette page dans l'ordre :

-DATETIME PICKER : Fonctionne bien.
-Group Picker : Probablement en conflit avec DATETIME PICKER.
-ColorPicker : Fonctionne bien.
-Vertical Slider : Fonctionne bien.
-Rotary Knob : Fonctionne bien mais manque les valeur d'entré au centre de chaque knob
(voir original http://jsfiddle.net /FEKING/Pp3Pz/


-EGG Image List Picker : Ne fonctionne pas. En conflit probable avec jquery mobile ou vertical slider.
(voir original http://jsfiddle.net/FEKING/WNEv9/

-Jquery Mobile Full : Fonctionne bizarre et est surement en petit confliut avec vertical slider ou encore my.js


___________________________

Je suis près du but. Je suis certain que ces 7 partie peuvent cohabiter gentillement ensemble.

chaque source originale est dans mon premeir post. Et toutes les source lier à Master.html le sont également directement en ligne.

Merci de m'aider

#5 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2533 messages

Posté 04 November 2012 - 22:20 PM

Voilà le cas typique des soucis d'une multiplication des plugins ...

Je viens de récupérer les sources sur le site d'origine et n'ai pas rencontré tes soucis pour avoir le datePicker + le groupPicker

Voici une archive qui contient les fichiers utilisés

Fichier joint  179658.zip   45.66 Ko   18 téléchargement(s)
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#6 labaudio

    Ceinture Blanche

  • Members
  • Pip
  • 5 messages

Posté 05 November 2012 - 07:50 AM

Voir le messagedcz.switcher, le 04 November 2012 - 22:20 PM, dit :

Voilà le cas typique des soucis d'une multiplication des plugins ...

Je viens de récupérer les sources sur le site d'origine et n'ai pas rencontré tes soucis pour avoir le datePicker + le groupPicker

Voici une archive qui contient les fichiers utilisés

Fichier-joint 179658.zip


Merci de ta réponse rapide dcz.switcher.

En fait j'avais déjà réussi à faire fonctionner le datetimepicker et le grouppicker ensemble également sans aucun conflit.

En réalité, le conflit survient lorsque j'incorpore le jquery mobile.

En clair, Datetimepicker, GroupPicker, ColorPicker, RotaryKnob et EGGImageListPicker fonctionne tous ensemble sur la meme page sans aucun soucis via jquery.



VerticalSlider ainsi que les entrée UI jquery mobile passe via... jquery Mobile.

Donc lorsque j'insère ces deux parties relié à jquery mobile dans la page, les autres deviennent altéré et c'est précisément là que ça ce gâte.

Il sagit donc bel et bien d'un conflit entre jquery et jquery mobile.
J'ai essayer de comprendre mieux le jquery conflict et autre truc du genre mais sans bon résultat.

donc au final ce n'est pas 7 partie qui ne fonctionne pas entre eux sur la meme pages mais bien deux groupes soit :

Groupe1 : Datetimepicker, GroupPicker, ColorPicker, RotaryKnob et EGGImageListPicker | VIA JQUERY

Groupe2 : VerticalSlider et jquery ui mobile | VIA JQUERY MOBILE

à noter que seul colorpicker reste inchangé avec n'importe quelle configuration.



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)