Défilement images d'une requete php avec javascript

Défilement images d'une requete php avec javascript - HTML/CSS - Programmation

Marsh Posté le 18-02-2009 à 14:42:37    

Voilà tout est dit dans le titre :
 
J'ai fait une requete php classique pour afficher les 5 dernières images ajoutées à ma base de données.
 
J'aimerais les faire défiler comme ici : http://www.editeurjavascript.com/scr...mages_1_54.php
 
Seulement, dans ce code, on rentre directement le chemin des images. Ce qui fait que je suis obligée de le faire manuellement.
 
Je ne sais pas comment intégrer php dans javascript.
 
Voici le code javascript à mettre entre les balises head :

Code :
  1. <!-- DEBUT DU SCRIPT -->
  2. <SCRIPT LANGUAGE="JavaScript">
  3. /*
  4. SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
  5. http://www.editeurjavascript.com
  6. */
  7. imgPath = new Array;
  8. SiClickGoTo = new Array;
  9. version = navigator.appVersion.substring(0,1);
  10. if (version >= 3)
  11.         {
  12.         i0 = new Image;
  13.         i0.src = 'image1';
  14.         SiClickGoTo[0] = "lien1";
  15.         imgPath[0] = i0.src;
  16.         i1 = new Image;
  17.         i1.src = 'image2';
  18.         SiClickGoTo[1] = "lien2";
  19.         imgPath[1] = i1.src;
  20.         i2 = new Image;
  21.         i2.src = 'image3';
  22.         SiClickGoTo[2] = "lien3";
  23.         imgPath[2] = i2.src;
  24.         i3 = new Image;
  25.         i3.src = 'image4';
  26.         SiClickGoTo[3] = "lien4";
  27.         imgPath[3] = i3.src;
  28.         }
  29. a = 0;
  30. function StartAnim()
  31.         {
  32.         if (version >= 3)
  33.                 {
  34.                 document.write('<A HREF="#" onClick="ImgDest();return(false)"><IMG SRC="image1" BORDER=0 ALT=Menu NAME=defil></A>');
  35.                 defilimg()
  36.                 }
  37.         else
  38.                 {
  39.                 document.write('<A HREF="lien1"><IMG SRC="image1" BORDER=0></A>')
  40.                 }
  41.         }
  42. function ImgDest()
  43.         {
  44.         document.location.href = SiClickGoTo[a-1];
  45.         }
  46. function defilimg()
  47.         {
  48.         if (a == 4)
  49.                 {
  50.                 a = 0;
  51.                 }
  52.         if (version >= 3)
  53.                 {
  54.                 document.defil.src = imgPath[a];
  55.                 tempo3 = setTimeout("defilimg()",6000);
  56.                 a++;
  57.                 }
  58.         }
  59. </SCRIPT>
  60. <!-- FIN DU SCRIPT --


 
Les codes à mettre dans body :
 

Code :
  1. <!-- DEBUT DU SCRIPT -->
  2. <!--
  3. SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
  4. http://www.editeurjavascript.com
  5. -->
  6. <SCRIPT LANGUAGE="JavaScript">
  7. StartAnim();
  8. </SCRIPT>
  9. <!-- FIN DU SCRIPT -->


 
Et le code php pour la requete :
 

Code :
  1. <?php
  2. include("annuaire/data_bd_annuaire.php" );
  3. include("annuaire/functions.php" );
  4. $lk = connection_BD();
  5. $sql2 = "SELECT id, titre, description, url, url_image FROM $T_sites ORDER BY DESC() LIMIT 5";
  6. $ale = send_sql($sql2);
  7. mysql_close($lk);
  8. echo '<br />';
  9. while($result = mysql_fetch_array($ale))
  10. {
  11.    $id_ale = $result['id'];
  12.    $titre_ale = $result['titre'];
  13.    $description_ale = $result['description'];
  14.    $url_ale = $result['url'];
  15.    $url_image_ale = $result['url_image'];
  16.    if (strlen($titre_ale) > 18) {
  17.       $titre_ale = substr($titre_ale,0,18);
  18.       $titre_ale .= "...";
  19.    }
  20.    if ($result['url_image'] == '')
  21.    {
  22.    $url_image_ale = "annuaire/img/image_sites.gif";
  23.    } else {
  24.    $url_image_ale = $result['url_image'];
  25.    }
  26. // Affichage reponses
  27.    echo '<a href="' .$url_ale. '" class="lien" title="' .$description_ale. ' "target="_blank" onmousedown="return clk(\''.$id_ale.'\')">' .$titre_ale. '</a><br />';
  28.    echo '<a href="' .$url_ale. '" class="lien" title="' .$description_ale. ' "target="_blank" onmousedown="return clk(\''.$id_ale.'\')"><img height=\'90\' width=\'120\' src='.$url_image_ale.'></a>';
  29. }
  30. ?>


Reply

Marsh Posté le 18-02-2009 à 14:42:37   

Reply

Marsh Posté le 18-02-2009 à 14:57:00    

spespam a écrit :

Je ne sais pas comment intégrer php dans javascript.


 :whistle:  
 
PHP => Langage s'éxécutant côté serveur.
JavaScript => Langage s'exécutant côté client.
 
On ne peut pas "intégreré l'un dans l'autre...
 
Par contre, dans ton php tu fais :

Code :
  1. echo '<a href="' .$url_ale. '" class="lien" title="' .$description_ale. ' "target="_blank"
  2.    onmousedown="return clk(\''.$id_ale.'\')">' .$titre_ale. '</a><br />';

Le onmousedown, c'est pas du JS ?   :sarcastic:
 
[Edit] Mise en page du code...


Message édité par macgawel le 18-02-2009 à 16:01:48
Reply

Marsh Posté le 18-02-2009 à 15:59:25    

Si si ! il y a un moyen, je l'avais vu quelque part mais je n'arrive pas à le retrouver.

Reply

Marsh Posté le 18-02-2009 à 16:07:05    

spespam a écrit :

Si si ! il y a un moyen, je l'avais vu quelque part mais je n'arrive pas à le retrouver.


Tu as lu ma réponse ?
Tu "intègres" déjà du Javascript dans ton PHP !
tu n'as qu'à t'inspirer de ton code php, et de ce que tu fais dans le "onmouseover"...
 
En fait, il s'agit de construire du code JS (qui s'exécutera côté client) en passant des paramètres via php (au moment de la construction de la page côté serveur).

Reply

Marsh Posté le 18-02-2009 à 17:07:17    

Ah oui je vois ce que tu veux dire. Mais le onmousedown est très simple. Là c'est bcp plus complexe. Il me faudrait une bonne âme pour me donner un coup de main.

Reply

Marsh Posté le 19-02-2009 à 10:03:57    

spespam a écrit :

Ah oui je vois ce que tu veux dire. Mais le onmousedown est très simple. Là c'est bcp plus complexe. Il me faudrait une bonne âme pour me donner un coup de main.


Citation :

[0C] On ne fait pas le boulot à votre place.


Si tu nous montre où tu as des problèmes, on voudrpourra peut-être t'aider  :ange:  
 
Parce que là, l'impression que tu donne c'est

Citation :

j'ai récupéré deux scripts sur internet mais je n'y connais rien. Si quelqu'un veut bien en faire quelque chose de correct...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed