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 :

Diaporama en javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Inscrit en
    Mars 2007
    Messages
    4
    D�tails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 4
    Par d�faut 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 : 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
    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.

  2. #2
    Membre chevronn�
    Avatar de FMaz
    Inscrit en
    Mars 2005
    Messages
    643
    D�tails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 643
    Par d�faut
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    document.getElementById("pic_no").value=num;
    A ajouter la ou tu veux afficher ton formulaire:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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>

  3. #3
    Futur Membre du Club
    Inscrit en
    Mars 2007
    Messages
    4
    D�tails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 4
    Par d�faut
    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

    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

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

    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
     
    Numero de limage : <? echo "pic_no"; ?>

  4. #4
    Membre chevronn�
    Avatar de FMaz
    Inscrit en
    Mars 2005
    Messages
    643
    D�tails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 643
    Par d�faut
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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.

Discussions similaires

  1. 3 diaporamas automatiques javascript sur la meme page web
    Par zabandi dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 26/09/2012, 13h49
  2. Diaporama en JavaScript
    Par agnaou dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 16/04/2009, 20h10
  3. diaporama en javascript
    Par tang le breton dans le forum G�n�ral JavaScript
    R�ponses: 20
    Dernier message: 02/04/2009, 15h03
  4. Diaporama en Javascript: afficher le nom du fichier
    Par Irlandais dans le forum G�n�ral JavaScript
    R�ponses: 0
    Dernier message: 30/01/2008, 07h54
  5. Diaporama images Javascript
    Par FujitSiem dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 19/11/2007, 08h51

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