Menù di un form che selezona immagini.

**DESIGNER Belo** · 17-07-2003, 17:17

Ciao a tutti,

Ho un form e un campo select dove ho la possibilità di selezionare delle immagini.

E' possibile far visualizzare l'immagine che seleziono nel select?

senza reload di pagina possibilmente

CIAO

**biamat** · 17-07-2003, 17:26

Certo che è possibile.
Basta che l'azione che associ al menu vada a cambiare per esempio il contenuto di un layer mettondogli i tag necessari per far apparire un 'immagine.
Se hai bisogno ti posto uh esempio.

**DESIGNER Belo** · 17-07-2003, 17:34

Grazie biamat,

cmq ho risolto cosi

<script>
function vis(chi) {
document.preview.src=chi;
}
</script>
<select onchange="vis(this.options[this.selectedIndex].value);">
<option value="img1.jpg">prima</option>
<option value="img2.jpg">seconda</option>
</select>

[img][/img]

**biamat** · 17-07-2003, 17:39

Io ti avevo preparato questo:
(magari torna utile a qualcun altro)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function caricaImmagine(){
alert(menu.value)
document.all.contenitore.innerHTML="<img src=\""+menu.value+".gif\">";
}
</script>
</head>

<body>
<select id="menu" onChange="caricaImmagine()">
<option value="img01")>immagine 1</option>
<option value="img02">immagine 2</option>
<option value="img03">immagine 3</option>
</select>
<div id="contenitore"></div>
</body>
</html>

**DESIGNER Belo** · 17-07-2003, 17:40

Se volessi visualizzare le immagini di una cartella differente???

senza però modificare il VALUE dell'option....

come devo fare?

**Mich_** · 17-07-2003, 17:44

Questo funziona solo in qualche browser:

L'equivalente cross-browser e`:

codice:

function vis(chi) { 
document.images['preview'].src=chi; 
}

oppure:

codice:

function vis(chi) { 
document.getElementsById('preview').src=chi; 
}

Ciao
Michele

**biamat** · 17-07-2003, 17:45

Non ho capito bene cosa vuoi fare, cmq in qualche modo però dovrai passare alla funzione che apre l'immagine anche il nome della nuova cartella e comporre l'indirizzo dell'immagine usanto questo parametro.
In base a quale evento cambia la cartella sorgente per le immagini?

**DESIGNER Belo** · 17-07-2003, 17:51

Le immagini sono tutte contenute in una cartella PREW, ma il form è fuori...

quindi se nel value metto solo img1.jpg mi cerca img1.jpg nella stessa posizione dove è il forum.

per fare quello che vorrei io sarebbe mettere nel VALUE cosi PREW/img1.jpg

ma poi siccome a me serve solo il nome della jpg e non anche la cartella (quando salvo i dati), non so come fare!!

**biamat** · 17-07-2003, 18:07

basta allora che modifichi così la funzione che ho scritto

function caricaImmagine(){
alert(menu.value)
document.all.contenitore.innerHTML="<img src=\"PREW/"+menu.value+".gif\">";
}

**DESIGNER Belo** · 17-07-2003, 18:14

Biamat
la tua funzione non funziona

Discussione: Menù di un form che selezona immagini.

Strumenti discussione

Ricerca discussione

Visualizza

Menù di un form che selezona immagini.

Permessi di invio