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

JavaScript Discussion :

style.width avec Firefox et Chrome


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juillet 2010
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Distribution

    Informations forums :
    Inscription : Juillet 2010
    Messages : 36
    Points : 43
    Points
    43
    Par défaut style.width avec Firefox et Chrome
    Bonjour,

    J'ai une balise su type
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <image src="..." onclick="alert(this.style.width)" />
    Le problème est que Firefox et Chrome n'affiche rien, IE m'affiche un message du type "150px"

    D'où vient le problème ?

    Y aurait-il un moyen de faire this.style.width avec ces deux navigateur (sur une balise image en particulier) ?

    Merci

  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 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    la balise image c'est

    et pas

    si tu ne définis pas explicitement un style.width il faut passer juste par le width:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="..." onclick="alert(this.width)"  />
    sinon il faut avoir défini le style width:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="..." onclick="alert(this.style.width)"  style="width:60px"/>

  3. #3
    Membre du Club
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juillet 2010
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Distribution

    Informations forums :
    Inscription : Juillet 2010
    Messages : 36
    Points : 43
    Points
    43
    Par défaut Merci
    Merci SpaceFrog,

    En effet j'ai utilisé <image> car j'ai la mauvaise habitude d'utiliser des balise asp (la j'ai juste enlevé "asp:").

    Le problème venait effectivement du fait que je ne définissais pas de width.

    J'aurais mieux fait de faire des testes sur offsetWidth.

    Merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. fonctionne avec Firefox et Chrome mais pas sous IE
    Par elcoyotos dans le forum jQuery
    Réponses: 3
    Dernier message: 29/04/2012, 16h28
  2. Player vaw fonctionne pas avec Firefox et Chrome
    Par philou8 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/03/2010, 09h24
  3. [Embed] pb avec firefox, ie7, chrome mais pas ie8 !
    Par Ouija33 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 24/10/2008, 21h39
  4. Problème de style avec firefox
    Par 12_darte_12 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 21/03/2006, 16h17
  5. Pb style display avec Firefox mal appliqué
    Par frochard dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/07/2005, 23h48

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