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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Afficher le lien d'une image dans une textbox?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Afficher le lien d'une image dans une textbox?

n°897494
Neostrange​r
Tout est bon dans le cochon
Posté le 13-11-2004 à 14:12:14  profilanswer
 

Bonjour,
 
je suis en train de réaliser un diaporama, jusque la tout va bien!
 
Mais j'aimerai aussi avoir une "text box"(ou similaire) qui m'affiche le lien de l'image qui est en train de défilé!
 
genre je met dans mon diapo l'image 1 et dans la textbox s'affiche le lien complet de cette image.
 
des idées?
 
merci :)


---------------
X
mood
Publicité
Posté le 13-11-2004 à 14:12:14  profilanswer
 

n°897510
fluminis
Posté le 13-11-2004 à 14:32:46  profilanswer
 

si tu veux mettre un texte dans un champ input :
document.nom_du_formulaire.nom_du_champs_input.value="blabla";
 
si c'est pas ca que tu voulais j'ai pas compri la question  :pt1cable:  

n°897515
Neostrange​r
Tout est bon dans le cochon
Posté le 13-11-2004 à 14:43:38  profilanswer
 

je me réexplique !
 
Voici mon code de diaporama(trouvé sur un site)
 

Code :
  1. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  2.                                       <tr>
  3.                                         <td width="56%"><!-- DEBUT DU SCRIPT DIAPORAMA-->
  4.                                             <script
  5. LANGUAGE="JavaScript">
  6. var current = 0;
  7. function next(){ // forward one image
  8. if(document.formname.slide[current+1]){
  9. document.images.show.src = document.formname.slide[current+1].value;
  10. document.formname.slide.selectedIndex = ++current;}
  11. else{first();}}
  12. function previous(){ // back on image
  13. if((current-1) >= 0){
  14. document.images.show.src = document.formname.slide[current-1].value;
  15. document.formname.slide.selectedIndex= --current;}
  16. else{last();}}
  17. function first(){ // jump to first image
  18. current=0;
  19. document.images.show.src = document.formname.slide[0].value;
  20. document.formname.slide.selectedIndex=0;}
  21. function last(){ // this is jump to last image
  22. current=(document.formname.slide.length-1);
  23. document.images.show.src = document.formname.slide[current].value;
  24. document.formname.slide.selectedIndex=current;}
  25. function ap(text){ // this controls the auto-play and/or auto-stop
  26. document.formname.slidebutton.value=(text == "Stop" ) ? "Start" : "Stop";
  27. rotate();}
  28. function change(){ // this is for the pulldown menu
  29. current=document.formname.slide.selectedIndex;
  30. document.images.show.src = document.formname.slide[current].value;}
  31. function rotate() {
  32. if (document.formname.slidebutton.value == "Stop" ) {
  33. current = (current == document.formname.slide.length-1) ? 0 : current+1;
  34. document.images.show.src = document.formname.slide[current].value;
  35. document.formname.slide.selectedIndex = current;
  36. window.setTimeout("rotate()", 3000);}}
  37. // End --></script>
  38.                                             <form name="formname">
  39.                                               <div align="center">
  40.                                                 <center>
  41.                                                   <table cellspacing="1" cellpadding="4">
  42.                                                     <tr>
  43.                                                       <td align="center" ><strong>Cartes</strong></td>
  44.                                                     </tr>
  45.                                                     <tr>
  46.                                                       <td width="200" height="150" align="center"><img src="dos.jpg" name="show" WIDTH="336" HEIGHT="471"></td>
  47.                                                     </tr>
  48.                                                     <tr>
  49.                                                       <td align="center"><select name="slide" onChange="change();" size="1">
  50.                                                           <option value="dos.jpg">Bienvenue</option>
  51.                <option value="1.jpg">Défense 1</option>
  52.                                                           <option value="2.jpg">Défense 2</option>
  53.                                                           <option value="3.jpg">Défense 3</option>
  54.                                                           <option value="4.jpg">Défense 4</option>
  55.                                                           <option value="5.jpg">Défense 5</option>
  56.                                                           <option value="6.jpg">Défense 6</option>
  57.                                                           <option value="7.jpg">Défense 7</option>
  58.                                                           <option value="8.jpg">Défense 8</option>
  59.                                                           <option value="9.jpg">Défense 9</option>
  60.                 <option value="10.jpg">Défense 10</option>
  61.                 <option value="11.jpg">Attaque 1</option>
  62.                 <option value="12.jpg">Attaque 2</option>
  63.                 <option value="13.jpg">Attaque 3</option>
  64.                 <option value="14.jpg">Attaque 4</option>
  65.                 <option value="15.jpg">Attaque 5</option>
  66.                 <option value="16.jpg">Attaque 6</option>
  67.                 <option value="17.jpg">Attaque 7</option>
  68.                 <option value="18.jpg">Attaque 8</option>
  69.                 <option value="19.jpg">Attaque 9</option>
  70.                 <option value="20.jpg">Attaque 10</option>
  71.               
  72.                                                         </select>
  73.                                                       </td>
  74.                                                     </tr>
  75.                                                     <tr>
  76.                                                       <td align="center" bgcolor="#C0C0C0"><input type="button" onclick="first();"
  77. value="|&lt;&lt;" title="Jump to beginning" style="border:1 SOLID #e6e6e6;">
  78.                                                           <input
  79. type="button" onclick="previous();" value="&lt;&lt;" title="Last Picture"
  80. style="border:1 SOLID #e6e6e6;">
  81.                                                           <input type="button" name="slidebutton"
  82. onClick="ap(this.value);" value="Start" title="AutoPlay"
  83. style="width:75;border:1 SOLID #e6e6e6;">
  84.                                                           <input type="button" onclick="next();"
  85. value="&gt;&gt;" title="Next Picture" style="border:1 SOLID #e6e6e6;">
  86.                                                           <input
  87. type="button" onclick="last();" value="&gt;&gt;|" title="Jump to end"
  88. style="border:1 SOLID #e6e6e6;">
  89.                                                       </td>
  90.                                                     </tr>
  91.                                                   </table>
  92.                                                 </center>
  93.                                               </div>
  94.                                             </form>
  95.                                             <!-- FIN DU SCRIPT DIAPORAMA--></td>
  96.                                       </tr>
  97.                                     </table>


 
 
Tester le pour mieux comprendre ^^ et en fait a chaque fois que je choisis une image avec ce diapo, je voudrai que dans un "champ" s'affiche l'url de cette image(pour pouvoir la copié collé)


---------------
X
n°897525
fluminis
Posté le 13-11-2004 à 14:55:51  profilanswer
 

bon j'ai pas testé :)
 
document.images.show.src = document.formname.slide[ truc ].value;
=> ca affiche la nouvelle image
 
donc dans ton formulaire tu ajoutes :
<input type="text" name="chemin" value="" />
 
ensuite en dessous des lignes document.images.show.src = ...
tu rajoutes quelquechose comme :
document.formname.chemin.value = document.formname.slide[ truc ].value;

n°897535
Neostrange​r
Tout est bon dans le cochon
Posté le 13-11-2004 à 15:08:01  profilanswer
 

bon ^^
 
J'ai mis le "input type" sur ma page donc
 
et en dessous de chaque document.images.show.src = ...  
 
jai rajouté
 
document.formname.chemin.value = document.formname.slide[ la meme chose que laligne précédente ].value;  
 
Mais ca ne fonctionne pas, donc je pense que je l'ai mal fait! :s


---------------
X
n°897557
fluminis
Posté le 13-11-2004 à 15:50:59  profilanswer
 

arf...
je t'ai dit ca de tete, en esperant que j'ai pas dit de betise :)
qu'elle est l'erreur ?
une erreur javascript je presume mais laquelle ?

n°897836
Leris
Posté le 13-11-2004 à 23:04:47  profilanswer
 

salut,
 

Code :
  1. document.formname.chemin.value = document.images.show.src;


 
++
 
L.

n°897978
Neostrange​r
Tout est bon dans le cochon
Posté le 14-11-2004 à 10:11:12  profilanswer
 

cest bon j'ai trouvé tout seul comme un grand :D
 

Code :
  1. <script language="JavaScript">
  2. var isReady = false;
  3. et
  4. <form name="Which">
  5. <input type="text" size="100" name="Where">
  6. </form>
  7. function showAddress(What){
  8.   if (isReady){
  9.     document.Which.Where.value = What;
  10.     document.Which.Where.focus();
  11.     document.Which.Where.select();
  12.   }else{
  13.     alert("This page is not fully loaded yet...\nPlease wait for the page to finish loading." );
  14.   }
  15. }
  16. function clearAddress(){
  17.   if (isReady){
  18.     document.Which.Where.value = '';
  19.   }else{
  20.     alert("This page is not fully loaded yet...\nPlease wait for the page to finish loading." ); 
  21.   }
  22. }
  23. </script>


 
 
merci de votre aide les gars ;)


Message édité par Neostranger le 14-11-2004 à 10:11:36

---------------
X

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

  Afficher le lien d'une image dans une textbox?

 

Sujets relatifs
[VBA] Manipulation de fichiers image[Java] IHM dynamique - afficher à la volée
Couper la fin d'une image dans une table pour faire une barre de % ?Afficher/Masquer du texte
[perl et formulaires] afficher tous les param()envoyer variable d'un formulaire en cliquant sur une image
Quelle SDL Image pour Devc++[HTML] Décallage d'une image par rapport à la ligne courante
Taille Image[AIDE] Compression d'image
Plus de sujets relatifs à : Afficher le lien d'une image dans une textbox?


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