Schimbare imagine din select java - Forum

[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
Pagina 1 din 11
Forum » Tutoriale si Resurse (T&R) » T&R Java » Schimbare imagine din select java
Schimbare imagine din select java
GravediggerData: Joi, 2012-12-27, 4:00 AM | Mesaj # 1
Gravedigger
Administrator
Grup: Administratori
Mesaje: 542
Premii: 10
Reputatie: 5
Stare: Offline
Scriptul prezentat in aceasta pagina afiseaza in acelasi loc cate o imagine cu link propriu spre o anumita pagina, care se poate schimba dintr-o caseta Select ce contine mai multe imagini.
Pentru a adauga acest script intr-o pagina web:
1. Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:
<script type="text/javascript">
<!--

// Functia pt. link-uri care sunt in aceeasi ordine cu imaginile
function linkuri(imagine) {
   var adrURL=new Array()
   // Aici adaugati adresele URL care vor fi deschise la
   // click pe fiecare imagine,  
   // Pentru adaugarea mai multor adrese, respectati ordinea indicelui din matrice
   adrURL[0]="http://www.marplo.net/anime/naruto-4-i.html"
   adrURL[1]="http://www.marplo.net/anime/naruto-7-i.html"
   adrURL[2]="http://www.marplo.net/anime/naruto-8-i.html"
   adrURL[3]="http://www.marplo.net/anime/dragon_ball_z-9-i.html"

   // Deschide pagina cu URL-ul selectat
   window.location=adrURL[imagine]
}

// Functia care schimba imaginea
function showimage() {
   if (!document.images)
     return
   document.images.pozas.src=
   document.mypics.poza.options[document.mypics.poza.selectedIndex].value
}
//-->
</script>


2. Dupa tagul <body>, in locatia unde vreti sa apara caseta de selectare impreuna cu imaginile, adaugati urmatorul cod:
<div>
   <form name="mypics" style="margin:4px;">
     <select name="poza" size="1" onChange="showimage()">
       <option select="selected" value="imgs/img1.jpg">Naruto</option>
       <option value="imgs/img2.jpg">Sasuke</option>
       <option value="imgs/img3.jpg">Sakura</option>
       <option value="imgs/img4.jpg">Son Goku</option>
     </select>
   </form>
   <a href="javascript:linkuri(document.mypics.poza.selectedIndex)" onMouseover="window.status='';return true">
     <img src="imgs/img1.jpg" name="pozas" width="100" height="100" border="0">
   </a>
</div>


- Efectuati modificarile necesare, conform cu imaginile folosite de dv.
- Pentru ca fiecare link sa corespunda cu imaginea specifica lui, adaugati in script, in functia "linkuri()", adresele URL in aceasi ordine cu imaginile corespunzatoare adaugate in caseta de selectare.
 
Forum » Tutoriale si Resurse (T&R) » T&R Java » Schimbare imagine din select java
Pagina 1 din 11
Căutare: