IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

jquery et internet explorer


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2012
    Messages : 12
    Par défaut jquery et internet explorer
    Bonjour, je suis en train de developper un widget blogger avec jquery. Au moment ou je le pensais terminé je me suis rendu compte que sous internet explorer mes textes ne s'affichent pas et une partie du css non plus.

    Je vous montre la ligne qui pose problème à mon sens:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var contenu2 = "<span style=width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;><a href=\"" + lien_article2 + "\"><img src=\"" + image + "\" height=\"70\" widht=\"70\" /></a><p>" + titre + "</p></span>";
    						$("div[title=test]:eq(" + a + ")").append(contenu2);
    Avec ce code les images s'affichent mais pas ce qui est entre les balises <p> et je pense que le css dans les balises span aussi bug car meme si mes images sont alignées elles sont completement décalées à droite.

    Si quelqu'un connait les problèmes rencontrés avec IE ou si quelqu'un à un début de solution je suis preneur.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    c'est plus un souci de css pur non ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2012
    Messages : 12
    Par défaut
    Non en fait je me suis rendu compte grace à la console d'internet explorer que IE ne prenait pas en compte mes balises ouvrantes apres </a>. J'ai essayer de changer de balise, de metre des div vides apres la balise </a> de changer mes balises span en div mais rien n'y fait.

    Il comprend mes balises fermantes mais pas les ouvrantes et je ne sais pas du tout pourquoi.
    Est-ce que c'est le css ou mes balises qui causent ce bug je n'en ai aucune idée.
    Je precise que le code que j'ai mis est repete par une boucle plusieurs fois. Il semblerai d'apres mes test que la repetition pourrait avoir une influence car separement il semble que si j'essaie de n'afficher qu'une de ces lignes de codes dans ma div ca marche.

    Si quelqu'un a une idée à tester ou a eu un bug de ce genre je suis ouvert à toutes propositions de solutions.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    tu as un problème de création de ligne avec les " manquants autour des valeurs des attributs
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span style=width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;>
    devrait s'écrire
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span style="width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;">

    Une alternance entre les simples quottes et les doubles quottes harmonieuse pourrait être celle ci
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    var contenu2 = '<span style="width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;"><a href="' + lien_article2 + '"><img src="' + image + '" height="70" widht="70" /></a><p>' + titre + '</p></span>';

    Maintenant concernant le CSS la position relative peut poser problème suivant le conteneur et attendu qu'il y a un bottom:127px, mais sans le contexte général ????

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2012
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2012
    Messages : 12
    Par défaut
    Premièrement merci à tous pour vos réponses.Malheureusement le problème ne semble pas venir de mon css. L'absence de double quote apres style= ne change rien au final et quand j'alterne les simples quotes et doubles quotes le résultat est terrifiant car les simples quotes sont interpetrées comme des doubles.Il ne semble pas y avoir de différences entre simple et double au moment de l'interpretation du code.

    Toutefois apres de nombreux test j'ai reussi à trouver l'origine du problème.Il semblerai que ce soit la methode .text() que j'utilise pour créer la variable titre qui renvoie un valeur qui n'est pas de type texte ou une valeur non conforme ce qui fait buger la balise <p> de ma ligne de code.
    Je vous montre comment ma variable titre est crée:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var titre = $(im).find("title:eq(2)").text();
    A savoir que quand je change .text() par .html() j'obtiens toujours le bon résultat sous mozilla ou chrome mais j'obtiens un null avec IE7.
    Pour info im est le resultat d'une fonction $.get qui renvoie du xml.
    J'ai cherché sur le net et il parait que la methode .text() ne marche pas tres bien sous IE.
    Si quelqu'un connait une solution pour se passer de .text() ou de corriger le bug je lui serait eternellement reconnaissant.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    as tu vérifier qu'il n'y avait pas de caractère à échapper dans ton titre?
    J'ai cherché sur le net et il parait que la methode .text() ne marche pas tres bien sous IE.
    le mieux et de tester avec la dernière version de la bibliothèque pour ce faire une VRAI idée.

    Une autre piste de recherche et d'essayer d'ajouter les éléments plus proprement

  7. #7
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Citation Envoyé par scapa2a Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var contenu2 = "<span style=width:120px [...] ;left:151px;><a href=
    C'est normal qu'il n'y ait pas de ' entre le = et le width ainsi qu'avant le >?
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

Discussions similaires

  1. Autocomplete jquery avec internet explorer 9
    Par lenas_tshaleb dans le forum jQuery
    Réponses: 0
    Dernier message: 11/05/2015, 09h13
  2. Réponses: 0
    Dernier message: 23/08/2011, 16h41
  3. jquery compatibilité avec Internet explorer
    Par toma03 dans le forum jQuery
    Réponses: 1
    Dernier message: 14/05/2010, 22h13
  4. opacité internet explorer Jquery
    Par g_escande dans le forum jQuery
    Réponses: 9
    Dernier message: 11/01/2010, 09h46
  5. jQuery, javascript et internet explorer
    Par <romain/> dans le forum jQuery
    Réponses: 5
    Dernier message: 08/08/2008, 21h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo