Conflit difficile a trouver

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Conflit difficile a trouver

    salut à tous,

    Sur mon nouveau site en développement, j'ai une petit soucy. Voici la page en question : http://www.tlcprod.info/new/index.ph...ot-a-bloc-2013

    Sur la page, il y a des vidéos lues en html5 et des photos avec lightbox (les deux), tout marche nickel sur firefox, chrome et ie....

    J'ai seulement un soucy sur ipad/safari, c'est que les vignettes vidéos ne s'ouvrent pas, il faut cliquer dessus deux fois et lorsqu'elle s'ouvrent, la vidéo ne marche pas....

    Je sais que ca vient d'un conflit avec les images du dessous qui s'ouvrent aussi en lighbox (plug in sigplus) mais je ne trouve pas d'ou ca vient..... etant donné que ca fait seulement ca sur ipad/iphone... sur safari c'est ok.

    Pas d'erreur dans firebug non plus...

    Quelque peux m'aider ?

    Merci

  • #2
    Re : Conflit difficile a trouver

    Quelqu'un a -til une idée je ne trouve toujours pas...

    Merci !!!

    Commentaire


    • #3
      Re : Conflit difficile a trouver

      Effectivement, c'est dommage car elles sont très sympa tes vidéos, ça donne envie de se taper des blocs même si pour ma part ce sont des blocs de codes que je me tapent le plus fréquemment
      je testerai lundi sur l'ipad de mes filles si ça peut t'aider mais le problème qu'on rencontre souvent avec l'ipad c'est qu'il n y a pas de souris donc les event sont différents, et, forcément différents à gérer.
      je serai toi, dans un premier temps, j'ajouterais un lien vers la vidéo sur youtube pour les "ipadeur", comme ça ils auront l'infos tout de même..
      Christophe
      http://www.webcrea.fr

      Commentaire


      • #4
        Re : Conflit difficile a trouver

        Cool merci. Ce qui est vraiment bizarre, c'est d'une part sans le plug de photos ca marche nickel, et d'autre part, si sur l'ipad je clique en prmeier sur une photo, apres ca marche nickel !!!

        Commentaire


        • #5
          Re : Conflit difficile a trouver

          Bonjour,

          Vu le fonctionnement un peu particulier de l'iBidule Apple, il est probable que l'ordre de chargement des JS ait son importance.
          Pas de demande de support par MP.
          S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

          Commentaire


          • #6
            Re : Conflit difficile a trouver

            Envoyé par jisse03 Voir le message
            Bonjour,

            Vu le fonctionnement un peu particulier de l'iBidule Apple, il est probable que l'ordre de chargement des JS ait son importance.
            Qu'est-ce que je peux faire du coup ?

            Commentaire


            • #7
              Re : Conflit difficile a trouver

              Salut,
              allo ici iPad

              ca fonctionne nickel - les 2 videos. Je suis en train de mater sur mon iPad.
              Il faut juste patienter pendant les qq secondes de chargement.

              En revanche, la vue en "paysage" n'est pas top, pas tres bien cadrée. La vue en "portrait" est impec.
              Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

              Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

              Commentaire


              • #8
                Re : Conflit difficile a trouver

                comment ca fonctionne, sur cette page :http://www.tlcprod.info/new/index.ph...ot-a-bloc-2013

                Chez moi si tu clique sur les vidéos en premier ils se passe rien, ipad, iphone....

                D'apres ce que me dit le support (mai ils ont pas le temps de s'en occuper), c'est un probleme javascript :

                /new/plugins/content/sigplus/engines/boxplus/popup/js/boxplus.min.js"

                We are sorry we can't really help you more than this, we can't debug every website of every customer, I hope you understand.

                Mais je sais pas trop comment faire pour le résoudre.....

                merci

                Commentaire


                • #9
                  Re : Conflit difficile a trouver

                  Je confirme, si je change de thème ca marche, le probleme c'est que j'avais choisit le theme que je voulais... c'est dans le fichier boxplusmin.js mais j'ai pas les compétences

                  Voici le code si quelqu'un à une idée... :

                  if(typeof __jQuery__=="undefined")var __jQuery__=jQuery;
                  (function(c){function z(a,b){var c=parseInt(a.css(b));return isNaN(c)?a[b]():c}function o(a){return z(a,"width")}function E(a,b){return parseInt(a.css("margin-"+b))||0}function va(a){var b=a.attr("src"),c=a.attr("longdesc");a=a.attr("dat a-thumb");return{src:a?a:b&&b!="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="?b:/\.(gif|jpe?g|png)$/i.test(c)?c:!1}}function d(a,b){return c(".boxplus-"+a,b)}function U(a){a=c(a);h=c.extend({},V,a.data("boxplus"));var b=h.theme;
                  b&&c("link[rel=stylesheet][title^=boxplus]").attr("disabled","disabled").filter('[title="boxplus-'+b+'"]').removeAttr("disabled");L.removeClass("boxplus-hidden");d("m",e).addClass("boxplus-hidden");d("title",e).addClass("boxplus-unavailable");e.removeClass("boxplus-disabled").css({width:M,height:N}).css(W(M,N)).rem oveClass("boxplus-hidden");A(e,!0);O.bind("keydown",X);h.contextmenu ||O.bind("contextmenu",F).bind("dragstart",F);k=(b =a.attr("rel"))?c('a[rel="'+b+'"]'):a;a=a.attr("href");var g=k.map(function(){return c(this).attr("href")}).get();
                  k=k.filter(function(a){return c.inArray(c(this).attr("href"),g)>=a});t=(Z=h.rtl) ?"right":"left";f.empty().css({left:"auto",right:" auto"}).css(t,0);k.each(function(a){var b=c("img:first",this);c("<li />").append((b.size()?c("<img />").attr(va(b)):c()).click(function(){m();r(a)})). appendTo(f)});u.removeClass("boxplus-disabled").each(function(){var a=c("ul",this);c(this).toggleClass("boxplus-unavailable",a.children().size()<2)});b=h.thumbs== "outside";u.toggleClass("boxplus-disabled",!b).filter(j.children()).toggleClass("bo xplus-disabled",
                  b);G.toggleClass("boxplus-unavailable",k.length<2||!h.slideshow);r(c.inArray (a,g))}function P(){m();O.unbind("keydown",X).unbind("contextmenu" ,F).unbind("dragstart",F);e.stop(!0,!0);i=-1;e.addClass("boxplus-disabled").add(B).add(j).add(L).addClass("boxplus-hidden")}function wa(){m();r(0)}function Q(){m();r(i-1)}function R(){m();r(i+1)}function xa(){m();r(k.length-1)}function r(a){var b=k.length;if(a!=i&&(h.loop||a>=0&&a<b))i=(a+b)%b, $(!0),aa()}function m(){v&&(clearTimeout(v),v=0);H.addClass("boxplus-disabled");
                  G.removeClass("boxplus-disabled")}function ya(){ba();G.addClass("boxplus-disabled");H.removeClass("boxplus-disabled")}function za(){m();$(!C.hasClass("boxplus-hidden"));aa()}function I(){j.addClass("boxplus-hidden");A(j,!1);A(e,!0);B.addClass("boxplus-hidden");var a=h.autofit,b={},g={},Y={};Aa(a&&C.hasClass("boxpl us-hidden"),b,g,Y);j.css(b);D.attr("src",k.eq(i).attr ("href"));J.toggleClass("boxplus-unavailable",!a||!p||b.width==p.width&&C.hasClass( "boxplus-hidden"));f.each(function(){c(this).children().rem oveClass("boxplus-active").eq(i).addClass("boxplus-active")});
                  d("m",e).addClass("boxplus-hidden");e.animate(c.extend(Y,g),h.duration,h.easi ng,Ba)}function Ca(){m();window.location.href=h.download(k.eq(i))} function ca(){m();j.children().slice(0,-1).toggleClass("boxplus-hidden")}function da(a){var b=a.attr("id");b=b?"boxplus-"+b:"boxplus";c("li",a).each(function(){c("a:first ",this).attr("rel",b)});return c("a[rel="+b+"]",a)}function aa(){v&&(clearTimeout(v),v=0);e.stop(!0,!0);f.stop ();B.addClass("boxplus-hidden");A(j,!0);s.empty();ea.addClass("boxplus-unavailable");
                  var a=k.eq(i),b=a[0],g=a.attr("href"),d=b.pathname;c.boxplus.onchange( g,i);/^#/.test(g)?(s.append(c(g).clone().contents()),K()):/\.(txt|html?)$/i.test(d)?s.load(g,{},K):/\.(gif|jpe?g|png)$/i.test(d)?fa(a):/\.(mov|mpe?g|ogg|swf|webM|wmv)$/i.test(d)||/youtube\.com$/.test(b.hostname)?ga(a):c.ajax({url:g,success:func tion(b,c,d){b=d.getResponseHeader("Content-Type");/^text\/(plain|html)/.test(b)?s.load(g,{},K):/^image\/(gif|jpeg|png)/.test(b)?fa(a):/^application\/x-shockwave-flash/.test(b)&&ga(a)},type:"head"})}
                  function fa(a){var b=h.metadata(a);b&&s.append(c.inArray(c.type(b),["boolean","number","string"])>=0?b:b.clone());D.removeClass("boxplus-unavailable");c(p=new Image).load(I).error(K).attr("src",a.attr("href")) }function ga(a){for(var b=a.attr("href"),g={},d=a[0].search.replace(/^\?/,"").split("&"),e=0;e<d.length;e++)if(d[e]){var f=d[e].split("=");g[f[0]]=f[1]}d=parseInt(g.width)||640;g=parseInt(g.height)||48 0;g={width:d,height:g};a=a[0].pathname;/\.(ogg|webM)$/i.test(a)?S.attr(c.extend({src:b},g)).removeClass( "boxplus-unavailable"):
                  (d="application/x-shockwave-flash",e="D27CDB6E-AE6D-11cf-96B8-444553540000",/\.mov$/i.test(a)&&(d="video/quicktime",e="02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"),T.empty().append("<object"+ha(c.ext end({classid:"clsid:"+e},g))+">"+Da({movie:b})+"<\ !--[if lt IE 9]><\!--\><object"+ha(c.extend({type:d,data:b},g))+"></object><\!--<![endif]--\></object>").removeClass("boxplus-unavailable"));p=c.extend({},g);I()}function ha(a){var b="",c;for(c in a)b+=" "+c+'="'+a[c]+'"';return b}function Da(a){var b="",c;for(c in a)b+=
                  '<param name="'+c+'" value="'+a[c]+'" />';return b}function K(){p=null;I()}function Ba(){d("m",e).removeClass("boxplus-hidden");var a=w(f.children().eq(i));if(l<0){var b=o(u),c=o(f);f.css(t,-(c<b?w(f.children().eq(0)):Math.min(a,c-b)))}else l=i,f.css(t,-a);x();j.removeClass("boxplus-hidden");a=h.loop;ia.toggleClass("boxplus-unavailable",!a&&i==0);ja.toggleClass("boxplus-unavailable",!a&&i>=k.length-1);j.children().removeClass("boxplus-hidden");a=p&&p.src;b=!s.is(":empty");ka.toggleCla ss("boxplus-unavailable",
                  !h.download(k.eq(i)));la.toggleClass("boxplus-unavailable",!a||!b);s.addClass("boxplus-hidden");a||!b||ca();A(e,!1);ma(e,!1);a={width(e)+d("sideways",e).trueWidth(),height:z(e,"height ")+na(e)};e.animate(a,h.duration,h.easing,function (){B.removeClass("boxplus-hidden");!h.loop&&i>=k.length-1&&m();!H.hasClass("boxplus-disabled")&&ba()})}function ba(){v=setTimeout(function(){r(i+1)},h.slideshow)} function w(a){var b=a.position().left;return Z?a.offsetParent().width()-a.width()-b:b}function x(){var a=
                  o(f.parent())-o(f),b=w(f);oa.toggleClass("boxplus-hidden",b>=0);pa.toggleClass("boxplus-hidden",a>0||b<=a)}function qa(){m();var a={};a[t]=-w(f.children().eq(l));f.animate(a,"fast","linear", x);return!1}function Ea(){l>0&&(l--,qa())}function Fa(){l>=0&&l+1<k.size()&&(l++,qa())}function Ga(){if(l<0){m();var a={};a[t]=0;f.animate(a,-4*w(f),"linear",x)}}function Ha(){if(l<0){m();var a=o(u),b=o(f),c=w(f),d=a-b;b+c<a?x()a={},a[t]=d,f.animate(a,-4*(d-c),"linear",x))}}function ra(){f.stop();x()}function $(a){d("enlarge",
                  J).toggleClass("boxplus-hidden",!a);C.toggleClass("boxplus-hidden",a)}function ma(a,b){var c=k.eq(i),e=h.title(c);c=h.description(c,b);d("tit le",a).toggleClass("boxplus-unavailable",!e).html(e);d("text",a).toggleClass(" boxplus-unavailable",!c||c==e).empty().append(c)}function A(a,b){var c=d("progress",a).toggleClass("boxplus-hidden",!b);window.clearInterval(c.data("boxplus") );b&&c.data("boxplus",window.setInterval(function( ){c.css("background-position",sa=(sa-32)%384)},150))}function na(a){return d("caption",
                  a).trueHeight()+d("controls",a).trueHeight()}funct ion W(a,b){var d=c(window).innerWidth()/2,e=c(window).innerHeight()/2,f=Math.max;return{left:f(0,c(window).scrollLeft( )+d-a/2),top:f(0,c(window).scrollTop()+e-b/2)}}function Aa(a,b,e,h){c.extend(b,{width?p.width:ta,height?p.height:ua});ma(d("caption",n.removeClass("boxpl us-unavailable")),!0);var i=d("thumbs > ul",n);f.eq(0).children().clone().appendTo(i);d("t humbs",n).each(function(a){a=u.eq(a);c(this).toggl eClass("boxplus-disabled",a.hasClass("boxplus-disabled")).toggleClass("boxplus-unavailable",
                  a.hasClass("boxplus-unavailable"))});var k=d("sideways",n),j=d("main",n);j=j.trueWidth()-o(j)+k.trueWidth();var m=d("viewer",n.css("width",b.width+j)).css(b);if(a )for(var l=c(window).innerWidth()-E(y,"left")-E(y,"right"),q=n.outerWidth(!0);q>lq=l/q,b.width*=q,b.height*=q,m.css(b),q=n.css("width", b.width+j).outerWidth(!0);l=n.outerHeight(!0);if(a )for(a=c(window).innerHeight()-E(y,"top")-E(y,"bottom");l>aq=a/l,b.width*=q,b.height*=q,m.css(b),l=n.css("width", b.width+j).outerHeight(!0);e.width=o(n)-
                  k.trueWidth();e.height=z(n,"height")-na(n);c.extend(h,W(n.trueWidth(),l));i.empty();n.a ddClass("boxplus-unavailable")}function X(a){if(c.inArray(a.target.tagName.toLowerCase(),["input","textarea"])<0)return a=c.inArray(a.which,[27,37,39,36,35]),a<0||[P,Q,R,wa,xa][a](),!1}function F(a){return!c("img",f).add(D).filter(a.target).siz e()}var V={rtl:!1,theme:!1,autofit:!0,slideshow:0,duration :"slow",easing:"swing",loop:!1,contextmenu:!0,thum bs:"inside",title:function(a){a=c("img:first",a);r eturn a.size()?
                  a.attr("alt"):""},description:function(a){return a.attr("title")},download:function(){return!1},met adata:function(){return""}},h,L,e,n,M,N,ta,ua,j,D, s,S,T,ea,ia,ja,G,H,ka,la,J,C,u,f,oa,pa,B,O=c(docum ent),y,p,k,i=-1,sa=0,l=-1,v,Z,t;c.fn.trueWidth=function(){return this.filter(":visible").size()?this.outerWidth(!0) :0};c.fn.trueHeight=function(){return this.filter(":visible").size()?this.outerHeight(!0 ):0};c(function(){function a(a,b){return"<div"+(a?' class="boxplus-'+(c.isArray(a)?a.join(" "):a)+'"':
                  "")+">"+(b?b:"")+"</div>"}y=c("body");

                  - - - Mise à jour - - -

                  Désolé ca fait un paté...

                  Commentaire


                  • #10
                    Re : Conflit difficile a trouver

                    Salut,
                    résultats des tests et observations.

                    le souci n'est pas tellement l'erreur JS mais la conception en amont de la mise en ligne de vidéos pour différents supports ET différents types de connections.
                    La question est plutôt au niveau de la qualité de la vidéo - ici en HD - et de la durée, +- 5mn.

                    * connection lente --> wi-fi partagé ou G4, ou même ADSL
                    que ce soit sur un macbook, un iPhone ou un iPad, la vidéo charge mais met des plombes à charger.
                    Pour des raisons évidentes.

                    Il faudrait pouvoir proposer un choix, ie :
                    une version allégée de la vidéo - pas en HD - associée à un lien direct vers youtube qui charge plus vite

                    * connection rapide, voire ultra-rapide (fibre optique dans mon cas)
                    la proposition initiale est correcte pour iPad, iPhone (un peu long à charger, mais au final, ca charge) et bien sur, ordis.

                    PS : autre chose
                    peu de monde t'aidera en général si tu affiches le code d'un script JS en compressé (min). Ce qui est le cas plus haut.
                    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                    Commentaire


                    • #11
                      Re : Conflit difficile a trouver

                      Envoyé par ghazal Voir le message
                      Salut,
                      résultats des tests et observations.

                      le souci n'est pas tellement l'erreur JS mais la conception en amont de la mise en ligne de vidéos pour différents supports ET différents types de connections.
                      La question est plutôt au niveau de la qualité de la vidéo - ici en HD - et de la durée, +- 5mn.

                      * connection lente --> wi-fi partagé ou G4, ou même ADSL
                      que ce soit sur un macbook, un iPhone ou un iPad, la vidéo charge mais met des plombes à charger.
                      Pour des raisons évidentes.

                      Il faudrait pouvoir proposer un choix, ie :
                      une version allégée de la vidéo - pas en HD - associée à un lien direct vers youtube qui charge plus vite

                      * connection rapide, voire ultra-rapide (fibre optique dans mon cas)
                      la proposition initiale est correcte pour iPad, iPhone (un peu long à charger, mais au final, ca charge) et bien sur, ordis.

                      PS : autre chose
                      peu de monde t'aidera en général si tu affiches le code d'un script JS en compressé (min). Ce qui est le cas plus haut.
                      Merci pour ton aide. la video c'est juste pour exemple (site en développement), je mettrai en suite version hd, normale, mobile mais j'ai déja testé avec d'autres vidéos (http://www.tlcprod.info/new/index.ph...alpinisme-2013) et meme légere c'est pareil, si j'enleve le plus sigplus, tout marche nickel, si j'enleve le script boxmin aussi....

                      J'ai que la version compressé du script, il y a rien d'autre dans les fichiers sources, je pense pas qu'il de version full, meme si il l'a appele ainsi.

                      Au fait c'est quoi le soucy en mode paysage ?

                      T'as quel version de l'ipad ?

                      Merci

                      Commentaire


                      • #12
                        Re : Conflit difficile a trouver

                        T'as quel version de l'ipad ?
                        iOS 5.1.1

                        Au fait c'est quoi le soucy en mode paysage ?
                        modal/video légèrement trop à droite

                        J'ai que la version compressé du script, il y a rien d'autre dans les fichiers sources,
                        Je l'ai décompressé.
                        Ici :

                        Tu peux toujours essayer de remplacer la version minifiée par cette version décompressée et pointer ainsi l'erreur via Firebug.
                        Mais sans garantie de résultat car ce type de script décompressé par l'intermédiaire d'une "moulinette à décompression" n'est pas toujours fiable.

                        je pense pas qu'il de version full, meme si il l'a appele ainsi.
                        Forcément il y a une version non compressée.
                        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X