Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1462 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Défilement images d'une requete php avec javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Défilement images d'une requete php avec javascript

n°1852561
spespam
Posté le 18-02-2009 à 14:42:37  profilanswer
 

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. ?>


mood
Publicité
Posté le 18-02-2009 à 14:42:37  profilanswer
 

n°1852569
macgawel
Posté le 18-02-2009 à 14:57:00  profilanswer
 

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
n°1852636
spespam
Posté le 18-02-2009 à 15:59:25  profilanswer
 

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

n°1852649
macgawel
Posté le 18-02-2009 à 16:07:05  profilanswer
 

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).

n°1852696
spespam
Posté le 18-02-2009 à 17:07:17  profilanswer
 

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.

n°1852833
macgawel
Posté le 19-02-2009 à 10:03:57  profilanswer
 

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...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Défilement images d'une requete php avec javascript

 

Sujets relatifs
Petit probleme javascript[Javascript] calcul de prix avec multiplicateur variable !!!
[javascript/html/css] Mon site webJavascript + probleme lors du chargement d'une page
* Intégrer une variable PHP dans une variable javascript[javascript] conseils
Traitement des images scintigraphiquesListe d'images déroulantes
[ACCESS]Difficulté d'execution d'une requete SQL[RESOLU] [PHP/MYSQL] Problème d'exécution de requete imbriqué
Plus de sujets relatifs à : Défilement images d'une requete php avec javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR