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 :

comment passer une image au code


Sujet :

JavaScript

  1. #1
    Invit�
    Invit�(e)
    Par d�faut comment passer une image au code
    bonjour, j'ai le probl�me suivant... (je d�bute en javascript et dans ce forum
    Je veux r�cup�rer une image radar de m�t�o-france avec la fonction suivante pour l'afficher dans la page en cours :
    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
     
    <SCRIPT language="JavaScript" type="text/javascript">
    <!--
    today = new Date;
    var image = new Array(1); 
     
    function init(){
    var imageaffichee = new Image();
          if (today.getHours()>0 && today.getHours()<=6) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_00.jpg";
          if (today.getHours()>6 && today.getHours()<=12) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_06.jpg";
          if (today.getHours()>12 && today.getHours()<=18) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_12.jpg";
          if (today.getHours()>18 && today.getHours()<=24) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_18.jpg";    
     
        image[0]=new Image();
        image[0].src=imageaffichee.src         
        //document.write(image[0].src)
        }
    //-->
    </SCRIPT>
      </HEAD>
    Jusque l� tout fonctionne bien, l'adresse est r�cup�r�e...
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
      <BODY>
    <SCRIPT>
    init();
    </SCRIPT>
    ce qui suit ne fonctionne pas !
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
     <IMG src="image[0].src">
      </BODY>
    </HTML>
    ma question est donc : comment transmettre le r�sultat de la fonction � la balise IMG ? A d�faut comment afficher directement l'image avec la fonction init() (quelle ligne de code rajouter ?)
    Merci d'avance !
    Derni�re modification par SpaceFrog ; 09/02/2007 � 15h57.

  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
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type='text/javascript'>
    var imag = new Image()
    imag.src='lungs.gif'
    </script>
    </head>
     
    <body>
    <img src="" />
    <script type='text/javascript'>
    document.images[0].src=imag.src
    </script>
    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
    Invit�
    Invit�(e)
    Par d�faut
    la partie sous <body> fonctionne bien...merci.
    Mais dans la partie avant </head> je suis oblig� de pr�ciser explicitement ma valeur de imag.src or je voudrais r�cup�rer le r�sultat de la fonction init().
    C'est l� que je ne comprends pas comment faire...

  4. #4
    Invit�
    Invit�(e)
    Par d�faut
    j'me r�ponds !
    en fait j'ai supprim� la fonction init()
    Cela donne alors simplement
    <SCRIPT language="JavaScript" type="text/javascript">
    <!--
    today = new Date;
    var image = new Array(1);
    var imageaffichee = new Image();
    var imag = new Image()

    if (today.getHours()>0 && today.getHours()<=6) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_00.jpg";
    if (today.getHours()>6 && today.getHours()<=12) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_06.jpg";
    if (today.getHours()>12 && today.getHours()<=18) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_12.jpg";
    if (today.getHours()>18 && today.getHours()<=24) imageaffichee.src="http://www.meteo.fr/temps/europe/satellite/bigsateuj_18.jpg";

    imag.src=imageaffichee.src
    </script>

    </HEAD>
    et �a semble fonctionner

  5. #5
    Invit�
    Invit�(e)
    Par d�faut
    il me reste quand m�me une petite question, apparue depuis.
    En faisant ce qui est d�crit plus haut, j'obtiens bien l'image recherch�e dans la page, mais le probl�me c'est que si j'arrive � la placer apr�s du texte, genre pr�sentation de l'image, origine etc... d�s que je place une autre image avant �a ne fonctionne plus correctement car celle-ci prend sa place au moment de l'ouverture de la page.
    On peut rajouter quelque chose pour �viter cela ?
    Merci !

  6. #6
    Invit�
    Invit�(e)
    Par d�faut
    en fait il y a quand m�me un petit probl�me restant...
    J'arrive � passer l'image obtenue � l'aide du script et � la positionner sur la page, placer du texte avant etc...
    Mais si j'essaie de placer une image avant celle-ci est remplac�e par celle que renvoie le script. Peut-on corriger cela ?
    Merci

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 4
    Dernier message: 10/06/2008, 16h28
  2. Comment passer une image � un �tat ?
    Par Cazaux-Moutou-Philippe dans le forum WinDev
    R�ponses: 14
    Dernier message: 22/10/2006, 22h29
  3. [VB.NET] Comment passer une image � CR
    Par olbi dans le forum Windows Forms
    R�ponses: 5
    Dernier message: 25/09/2006, 20h19
  4. Comment affecter une image a un PictureBox par code?
    Par ayouss dans le forum VB 6 et ant�rieur
    R�ponses: 3
    Dernier message: 25/07/2006, 08h26
  5. [ImageMagick] Comment g�n�rer une image d'un code � entrer ?
    Par MiJack dans le forum Biblioth�ques et frameworks
    R�ponses: 5
    Dernier message: 16/01/2005, 21h29

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