Diaporama en javascript

Bonjour , je souhaiterai modiffier un script qui permet d'afficher des images d'un dossier.

Voici le script qui fonctionne trés bien :

Code:

---

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

<DIV ID=ejs_photo_box></div> <script type="text/javascript"> ejs_photo = new Array; <? $a = 0; $handle = opendir("imag1"); while (($file = readdir())!=false) { clearstatcache(); if($file!=".." && $file!=".") { echo "ejs_photo[$a] = 'imag1/$file'; "; $a++; } } closedir($handle); ?> function ejs_aff_photos(num) { if(document.getElementById) { ejs_fin = ""; if(num!=0) ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num-1)+");return(false)'>< Précédent</A> "; if(num!=(ejs_photo.length-1)) ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'>Suivant ></A>"; document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' WIDHT=450 HEIGHT=350 BORDER=0><BR>"+ejs_fin+"</CENTER><br><br>"; } } window.onload = new Function("ejs_aff_photos(0)")     </script>

---

Je voudrai rajouter un textbox qui permet aux visiteurs de metre un numerau d'image puis quand ils clique sur un bouton l'image s'affiche.

C'est le méme genre que le lien "suivant" et "précedent" sof que le visiteur choisi l'image a afficher.

Voila j'espere que vous avez compris se que je voulai , je ne connai rien en java ni en php.

Bon,
Normalement, le concept c'est:
tu fournis du code, et que les autres essaie de t'aider a débugguer.
La tu fait l'inverse, alors moi aussi:
Je fournis le code (non-testé, écris a la volé), et tu le débuggue)

A ajouter avant la fin de la fonction ejs_aff_photos():

Code:

---

1 2	document.getElementById("pic_no").value=num;

---

A ajouter la ou tu veux afficher ton formulaire:

Code:

---

1 2 3 4 5

<form name="none_1" onSubmit="ejs_aff_photos(document.getElementById('pic_no').value);return(false);"> <input type="text" name="pic_no" id="pic_no" value="0" /> <input type="submit" name="none_2" value="Go" /> </form>

---

Citation:

---

Envoyé par FMaz

Bon,
Normalement, le concept c'est:
tu fournis du code, et que les autres essaie de t'aider a débugguer.
La tu fait l'inverse, alors moi aussi:
Je fournis le code (non-testé, écris a la volé), et tu le débuggue)

---

Comme j'ai dit a la fin de mon méssage : je ne connai rien au javascript et au php !! et quand je dit rien c'est 0 niet 8O

C'est pour sa que c'était impossible pour moi de fair moi méme un code (sinon c'était du mot a mot avec les balises)

Bref.. Ton code est pas faux et fonctionne il y a juste une petite chose qui me dérange voici un exemple :

je choisi l'image 10 --> j'appui sur GO

- L'image saffiche correctement

Le probleme c'est que quand je fait suivant sa me mais l'image numéro "101" aulieu de 11 :aie:

---------------------

Aussi je souaite écrire un méssage qui affiche le numéro de l'image voici le code que j'ai testé (pour Fmaz :? )

Code:

---

1 2	Numero de limage : <? echo "pic_no"; ?>

---

Bon ok, je vais être gentil vu que j'ai déjà passé par la il y a de ca quelques années aussi.

Premièrement:
Note de début: Je met de coté l'AJAX vu que ca ne ferais que compliquer les explications.

PHP est un language exécuté coté serveur. Ce qui signifie qu'il bati ta page, l'envoi, et tant qu'il n'y aurra pas à nouveau une communication avec le serveur, bah il n'y aura pas de code PHP d'exécuté.

Javascript est un language exécuté coté client. Ce qui signifie qu'il est uniquement exécuté lorsque la page est recue par le navigateur de ton visiteur.


Donc: Impossible de faire afficher tes images en PHP puisque tu les fais charger en Javascript (Autrement dit on va pas recharger la page au complet juste pour afficher un simple numéro qui serait affiché à l'aide d'une ligne de PHP)


Alors déjà, on sait que ca serait pas:

Code:

---

1 2	Numero de limage : <? echo "pic_no"; ?>

---

mais plutot du javascript. On sais aussi que comme le javascript peut-être mis à peu près n'importe ou sur la page, il faudrait spécifier l'endroit dans le code HTML ou on voudrait que ca soit affiché. Donc, on va définir une zone et la placer la ou bon te semblera:

Code:

---

1 2	Numéro de l'image: <div id="img_no"></div>

---

Puis il reste à faire afficher une valeur dans la zone lorsqu'une image est affichée. La on peut se baser sur le code qui affiche le # de l'image chargé dans la case à gauche du GO. Il suffit d'ajouter ce code juste en haut ou en dessous de la ligne de tantot:

Code:

---

1 2	document.getElementById("img_no").value=num;

---

Bon le bug. maintenant:
Honnêtement j'en sais trop rien, faudrait que je vois le code complet. Comme il semble y avoir des +1, -1 etc, tu peux peut-etre essayer de placer les lignes au début de la fonction plutot qu'à la fin....

J'sais pas, faudra que tu me fasse un gros copier-coller sinon.