Afficher le lien d'une image dans une textbox?

Afficher le lien d'une image dans une textbox? - HTML/CSS - Programmation

Marsh Posté le 13-11-2004 à 14:12:14    

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
Reply

Marsh Posté le 13-11-2004 à 14:12:14   

Reply

Marsh Posté le 13-11-2004 à 14:32:46    

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:  

Reply

Marsh Posté le 13-11-2004 à 14:43:38    

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

Marsh Posté le 13-11-2004 à 14:55:51    

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;

Reply

Marsh Posté le 13-11-2004 à 15:08:01    

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
Reply

Marsh Posté le 13-11-2004 à 15:50:59    

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 ?

Reply

Marsh Posté le 13-11-2004 à 23:04:47    

salut,
 

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


 
++
 
L.

Reply

Marsh Posté le 14-11-2004 à 10:11:12    

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

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


 
 
merci de votre aide les gars ;)


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

---------------
X
Reply

Sujets relatifs:

Leave a Replay

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