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 :

Ecrire un script javascript avec du javascript


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    22
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 22
    Par défaut Ecrire un script javascript avec du javascript
    Bonjour,

    J'ai un problème avec du Javascript dans mon site:

    J'ai une div qui affiche un lecteur vidéo, cependant je ne veux pas afficher le même lecteur pour les iPhone, iPod ou iPad car le flash ne peut être lu par ces-derniers. J'ai donc un lecteur HTML5 qui fonctionne pour ceux-ci.

    J'ai d'abord fait le site pour les ordinateurs, celui-ci fonctionne parfaitement, maintenant je veux changer juste cette div avec le lecteur car le reste fonctionne parfaitement sur iPhone,iPod et iPad.

    J'ai donc fait des tests avec juste le lecteur HTML5 dans le code et cela fonctionne.

    Je me suis dit : "ok le code du lecteur flash est ok, le code du lecteur HTML5 pour les appareils apple est ok, il me suffit de faire une fonction javascript qui vérifie si c'est un appareil apple ou pas et donc afficher soit l'un soit l'autre"

    Seulement j'ai du mal mis prendre. Voilà le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    								function iPhoneAlert() {
    									if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))){
    									document.write('<a href="player2/CATEGORYDININGFINALCOMPRESSEDMP4.mp4" style="display:block;width:720px;height:429px;" id="ipad"><img src="player2/preview-dining.jpg" alt="preview" width="720" height="429"/></a><script language="JavaScript">flowplayer("ipad", "player2/flowplayer-3.2.7.swf", {$f("ipad", "player2/flowplayer-3.2.7.swf").ipad();clip:  {autoPlay: false,autoBuffering: true}});</script>');
    										else{
    										document.write('<script type="text/javascript" src="jwplayer/swfobject.js"></script><div id="mediaspace" style="border-bottom: 0px;">This text will be replaced</div><script type="text/javascript">var so = new SWFObject(\'jwplayer/player.swf\',\'mpl\',\'720\',\'429\',\'9\');so.addParam(\'allowfullscreen\',\'true\');so.addParam(\'allowscriptaccess\',\'always\');so.addParam(\'wmode\',\'opaque\');so.addVariable(\'file\',\'CATEGORYNIGHTLIFEFINALCOMPRESSED.flv\');so.addVariable(\'image\',\'jwplayer/preview-entertainment.jpg\');so.addVariable(\'backcolor\',\'867ca9\');so.write(\'mediaspace\');</script>');
    										}
    									}
    								}
     
     
    							</script>
    Seulement comme il y a des scripts javascript à l'intérieur des document.write je pense que ce n'est pas top, mais je ne connais pas d'autre méthode.

    Une idée pour faire fonctionner tout ça ???

    Merci

  2. #2
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    22
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 22
    Par défaut
    Maintenant j'ai écris ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div id="flvplayer" class="player">
     
    							<script type="text/javascript">
    								function iPhoneAlert() {
    									if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))){
    									document.write('hello');
    									}
    										else{
    										document.write('hi');
    										}
    								}
    								</script>					
    							</div>
    en fait rien ne se passe à part une erreur : "unterminated string literal"

  3. #3
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    quel interet d'ecrire du js avec js ? c'est selon moi une erreur de conception.

    de plus tu n'as pas du faire de recherche sur le forum sinon tu auras vu tout le bien que nous pensons de document.write

    changer de lecteur en fonction du browser se fait plus classiquement en créant le lecteur avec le DOM
    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 !

  4. #4
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    22
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 22
    Par défaut
    J'ai bien vu cela sur le forum.
    Cependant mon souci est que je n'y connais rien en javascript et j'ai juste récupéré un script.

    Je me suis dis :
    1) Mon lecteur flash marche très bien
    2) Mon lecteur html5 marche très bien sur les appareils apple
    3) il suffit que je mette un fonction qui affiche soit l'un soit l'autre avec mon le code de l'un ou de l'autre

    Mais je ne sais même pas ce que c'est le DOM.

  5. #5
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    j'ai juste récupéré un script.
    C'est vrai on trouve de tout sur le net, surtout du moins bon.
    Je n'aurais qu'un conseil colle ton script à la benne et pose la vraie question:

    Comment avoir un lecteur different en fonction du navigateur
    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 !

  6. #6
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    22
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 22
    Par défaut
    C'est justement la question à laquelle je n'ai pas de réponse depuis la début de la journée. Je ne m'y connais pas du tout en javascript.

    Le seul truc que je sais c'est que mon code du lecteur flash marche, mon code du lecteur html 5 marche.

    Donc quelle est le moyen d'afficher soit le code de l'un soit le code de l'autre, selon le navigateur, en javascript ?

  7. #7
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    La methode la plus simple consisterait à avoir tous les éléments présents dans ton code html, chacun dans un div avec un id et en style display none
    puis sur le onload de la page tu détectes le navigateur et tu passes en display block le div correspondant au navigateur détécté
    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 !

  8. #8
    Invité
    Invité(e)
    Par défaut
    ce que tu fait est completement inutile il suffit simplement de mettre a l'interieur de la balise video le leceurs flash le navigateur se chargera du reste

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <video src="video.ogv" controls>
    <object data="flvplayer.swf" type="application/x-shockwave-flash">
    <param value="flvplayer.swf" name="movie"/>
    </object>
    </video>
    code repris a cette endroit

  9. #9
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    Je pense que la question ne portait pas juste sur le lecteur flash ... ??
    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. [script.aculo.us] [Ajax.Autocompleter] Utiliser l'autocompleter avec du javascript
    Par sanland dans le forum Bibliothèques & Frameworks
    Réponses: 6
    Dernier message: 26/10/2010, 10h09
  2. [CS3] Activer un script Javascript avec un bouton FLASH ?
    Par Zebulon777 dans le forum Dreamweaver
    Réponses: 9
    Dernier message: 05/02/2009, 07h43
  3. Réponses: 4
    Dernier message: 09/05/2008, 00h22
  4. Construire chemin sur bouton avec évt Javascript
    Par Ph. B. dans le forum XMLRAD
    Réponses: 4
    Dernier message: 27/05/2003, 10h26

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