11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je n'arrive pas à faire détecter l'iPhone avec ce code :

$(document).ready(function(){ 
if (($.browser.iPhone) || ($.browser.android) || ($.browser.blackberry) || (screen.width <= 800)) { // mobiles
    $("#myController").jFlow({
        slides: "#slider-home-2",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper: "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected", // just pure text, no sign
        auto: true, //auto change slide, default true
        width: "705px",
        height: "1500px", // ajouter 247px pour une nouvelle ligne de blocks
        duration: 700,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    });
}
else { // écrans d'ordinateurs
    $("#myController").jFlow({ 
        slides: "#slider-home-2",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper: "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected", // just pure text, no sign
        auto: true, //auto change slide, default true
        width: "705px",
        height: "511px", // ajouter 247px pour une nouvelle ligne de blocks
        duration: 700,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    });
}


La différence se fait sur Opera Mini mais pas sur iPhone (et j'ai pas essayer sur Android et BB...). Je comprend pas pourquoi ça ne fonctionne pas car le code semble bon.

J'ai aussi essayer en mettant seulement "if ($.browser.iPhone)" mais idem il ne le détecte pas.

Voici la page en ligne : http://www.chokri-rafik.com/realisations/NatureTour/, le deuxième slider n'est pas censé être "coupé" en bas.
Modifié par Chok71 (11 Oct 2010 - 17:52)
Bonjour,

Les propriétés suivantes n'existent tout simplement pas dans jQuery:
- jQuery.browser.iPhone
- jQuery.browser.android
- jQuery.browser.blackberry
Voir la doc: http://api.jquery.com/jQuery.browser/

Tu ne peux donc pas utiliser jQuery.browser pour détecter les smartphones.