Code incompatible avec chrome

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Code incompatible avec chrome

Re: Code incompatible avec chrome

par S3reine » 20 mars 2012, 12:05

Donc le problème viens donc de mon code css et non du javascript.
J'ai désactivé le slider, je m'occupe à résoudre le bug provenant de ma css pour le roundabout déjà.

Dans ma css, tout mon round about était fixé en bas. Et le position fixed ne réagis pas de la même manière sur firefox et sur chrome. J'essaye de trouver une autre méthode que le position fixed pour arriver à faire ce que je veux. ( un vieux margin avec des valeur calculé en JS en fonction de ma fenetre, devrais faire l'affaire... )

Bon bin j'ai réussi à simuler mon position fixe avec un margin qui se calcule automatiquement. ça rend pas trop mal.

J'ai encore quelque problèmes avec mon code, mais le plus gros soucis est reglé

Re: Code incompatible avec chrome

par Aureusms » 17 mars 2012, 04:09

Montre nous la partie HTML qui lance (ou pas) le script.

Re: Code incompatible avec chrome

par S3reine » 16 mars 2012, 10:40

Manque t'il des informations?
Je suis sûre que c'est un bête oubli, ou une formulation mal faite de ma part que chrome ne comprend pas :s

Re: Code incompatible avec chrome

par S3reine » 15 mars 2012, 16:46

Personne? :(

Code incompatible avec chrome

par S3reine » 14 mars 2012, 16:09

Bonjour, je suis une jeune diplomée et je suis sur mon premier vrai boulot, en cdd de 3 mois, en train de créer un site internet pour la boite.
Il y a beaucoup de jquery, javascript ect. Et sur une de mes pages, qui est assez pénible, car beaucoup de code javascript, le code ne fonctionne pas sous chrome.
Il fonctionne bien sous IE et firefox.

Donc sous chrome les boutons : .next et .prev ne font rien.
Et pour le slider, pareil cliquer sur .team-bandeau ne fait que changer la class, mais le slide ne se fait pas.

Voici les scripts utilisés:
http://fredhq.com/projects/roundabout#/demos
et
http://bxslider.com/

Voici le script. (c'est un peu le bordel : x)
(Si quelqu'un arrive à décrypter et voir ce qui cloche dans ce que j'ai écris, car bon, étant totalement amatrice, je ne comprends pas ce qui ne va pas :x)
Merci beaucoup d'avance ! :)

Code : Tout sélectionner

$(document).ready(function() { $("#loading").show(); $('ul.roundabout').ready(function(){ $("#loading").hide(); $('ul.roundabout').roundabout({ btnNext: ".next", btnPrev : ".prev", enableDrag: true, duration: 1000, responsive:true, btnNextCallback:function(){ $('li.roundabout-in-focus').ready(function() { $('li.roundabout-in-focus').addClass("image_hover"); $('.image_hover div').fadeTo("fast", 1); $('.image_ div').css("opacity",0); }) }, btnPrevCallback:function(){ $('li.roundabout-in-focus').ready(function() { $('li.roundabout-in-focus').addClass("image_hover"); $('.image_hover div').fadeTo("fast", 1); $('.image_ div').css("opacity",0); }) }, clickToFocusCallback:function(){ $('li.roundabout-in-focus').ready(function() { $('li.roundabout-in-focus').addClass("image_hover"); $('.image_hover div').fadeTo("fast", 1); $('.image_ div').css("opacity",0); }) }, dropCallback:function(){ $('li.roundabout-in-focus').ready(function() { $('li.roundabout-in-focus').addClass("image_hover"); $('.image_hover div').fadeTo("fast", 1); $('.image_ div').css("opacity",0); }) } }); $('li.roundabout-in-focus').ready(function() { $('li.roundabout-in-focus').addClass("image_hover"); $('.image_hover div').css("opacity",1); }); }); $(function(){ var slider = $('#slider1').bxSlider({ speed:1200, controls: false }); $('.thumbs .team-bandeau').click(function(){ var thumbIndex = $('.thumbs .team-bandeau').index(this); slider.goToSlide(thumbIndex); $('.thumbs .team-bandeau').removeClass('pager-active select'); $(this).addClass('pager-active select'); return false; }); $('.thumbs .team-bandeau:first').addClass('select'); }); });