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 :

Code javascript compatible FF mais incompatible IE & Chrome?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mars 2010
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Mars 2010
    Messages : 21
    Par défaut Code javascript compatible FF mais incompatible IE & Chrome?
    Bonsoir chers amis de Developpez !

    Voilà j'ai un petit problème ! Sur ma page html ci-dessous, j'ai un lecteur embarqué allociné (flash), j'ai placé dans un select les différentes bandes annonces disponibles pour un film par exemple. Et quand on choisis une vidéo dans le select, le code javascript se charge de changer la source de l'animation flash. Ce qui sous Firefox permet de changer dynamiquement de vidéo sans recharger notre page. Mais je viens de me rendre compte que ce code en question ne marchais pas ni sur Google Chrome ni sur Internet Explorer (Derniers versions).

    Auriez vous des suggestions et/ou remarques afin de le rendre compatible et/ou améliorer le code utilisé ?

    Voici le code html de la page:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans nom</title>
    </head>
     
    <body>
    <!-- On met un onchange() sur le select.
    Il sera déclenchée à chaque fois que la valeur du selectionnée est modifiée.
    Lors de cet événement, on appelle la fonction change_param() avec en paramètre
    le value de l option sélectionnée. -->
    <select name="bande_annonce" size="1" onchange="change_param(this.value);">
    <option value="18733395">Die Hard 4 - retour en enfer - Bande-annonce 1 (Français)</option>
    <option value="18733396">Die Hard 4 - retour en enfer - Bande-annonce 1 (Anglais sous-titré)</option>
    <option value="18733397">Die Hard 4 - retour en enfer - Bande-annonce 2 (Anglais sous-titré)</option>
    <option value="18733398">Die Hard 4 - retour en enfer - Bande-annonce 3 (Français)</option>
    </select>
     
    <div id="allocine_blog" style="width:625px; height:494px">
    	<object width="100%" height="100%">
    		<param name="movie" value="http://www.allocine.fr/blogvision/18733395" /></param>
    		<param name="allowFullScreen" value="true" /></param><param name="allowScriptAccess" value="always" /></param>
    		<param name="wmode" value="opaque" /></param>
    		<embed src="http://www.allocine.fr/blogvision/18733395" type="application/x-shockwave-flash" width="100%" height="100%" allowfullscreen="true" allowscriptaccess="always" wmode="opaque"></embed>
    	</object>
    </div>
     
    <script type="text/javascript">
    // Ici, on définit la fonction change_param()
    function change_param(valeur) {
      // D'abord, on récupère l'élément <object> qu'on désire modifier.
      // Ici, c'est le premier <object> dans l'élément ayant pour id "allocine_blog"
      var obj=document.getElementById('allocine_blog').getElementsByTagName('object')[0],
      // On crée ensuite une chaîne ; la concaténation de l'adresse avec la valeur passée en paramètre
      url='http://www.allocine.fr/blogvision/'+valeur;
      // A partir de l'<object>, on récupère le "src" du premier <embed> et on lui attribue la chaîne
      obj.getElementsByTagName('embed')[0].src=url;
      // Même chose pour le "value" du premier <param>
      obj.getElementsByTagName('param')[0].value=url;
    }
    </script>
     
    </body>
    </html>
    Merci d'avance, votre aide est précieuse !

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par Sebi57 Voir le message
    je viens de me rendre compte que ce code en question ne marchais pas ni sur Google Chrome ni sur Internet Explorer (Derniers versions).
    Une erreur ?
    Si oui, laquelle et à quel endroit ?
    Sinon, la "notification des erreurs de script" est-elle bien activée ?

    Tu as essayé d'accéder aux éléments via un id (plutôt que via la tagName) ?

    A+

  3. #3
    Membre averti
    Inscrit en
    Mars 2010
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Mars 2010
    Messages : 21
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Bonjour,Une erreur ?
    Si oui, laquelle et à quel endroit ?
    Sinon, la "notification des erreurs de script" est-elle bien activée ?

    Tu as essayé d'accéder aux éléments via un id (plutôt que via la tagName) ?

    A+
    Comment sa la notification des erreurs?
    Excusez moi le javascript n'est pas ma tasse de thé.
    A part le PHP / SQL / HTML je suis perdu.
    En fait je vois juste que ca marche pas sous IE & Chrome mais c'est opérationnel sous FF
    Comment sa accéder via un id ? Car c'est une balise <param> et non <id>

    merci de votre aide

  4. #4
    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
    comme tu as firefox ... installe firebug et regarde la console de scripts il te donnera l'erreur
    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 !

  5. #5
    Membre averti
    Inscrit en
    Mars 2010
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Mars 2010
    Messages : 21
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    comme tu as firefox ... installe firebug et regarde la console de scripts il te donnera l'erreur
    Bonne idée j'y avais pas pensé ! Mais FireBug m'affiche aucune erreurs JS (quoi que normal vu que le code fonctionne a souhait sous Firefox...) Il me faudrait un debuggeur sous IE & Chrome dans ce cas là

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Sebi57 Voir le message
    Comment sa la notification des erreurs?
    Excusez moi le javascript n'est pas ma tasse de thé.
    Heu ... je parlais du navigateur, là ... IE en l'occurrence, puisque c'est lui qui pose problème

    Voir Menu Outils / Options Internet / onglet Avancé

    A+

  7. #7
    Membre averti
    Inscrit en
    Mars 2010
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Mars 2010
    Messages : 21
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Heu ... je parlais du navigateur, là ... IE en l'occurrence, puisque c'est lui qui pose problème

    Voir Menu Outils / Options Internet / onglet Avancé

    A+
    Ah, merci je connaissais pas cette possibilité !
    Donc après test, IE m'indique:
    Détails de l’erreur de la page Web

    Message*: 'getElementsByTagName(...).0' a la valeur Null ou n'est pas un objet.
    Ligne*: 39
    Caractère*: 3
    Code*: 0
    URI*: http://localhost/video3.html
    Mais je comprends pas que sa marche sous FF mais pas sous IE/Chrome =/
    Une idée ? merci de votre aide

  8. #8
    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
    il me semble bien que pour IE getElementsByTagName ne soit applicable qu'au body donc pas à un getElementById.

    Il va falloir pointer autrement sur la balise object. tu ne peux pas lui mettre un id directement ?
    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 !

Discussions similaires

  1. Réponses: 1
    Dernier message: 01/01/2011, 15h14
  2. code compatible FF mais pas IE/Chrome
    Par blueinthesky dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/11/2010, 14h09
  3. Code javascript compatible FF mais incompatible IE & Chrome?
    Par djstiff34 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 07/10/2010, 11h35
  4. code fonctionnant sous IE mais pas firefox ni chrome
    Par Hotei dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 04/03/2010, 16h39
  5. Fermeture fenetre crée par code javascript
    Par Kerod dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 27/02/2010, 00h04

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