modifica script "Pagine dentro iframe"

**gnoccioli** · 13-02-2008, 13:44

Buon giorno a tutti.
Ho scaricato un javascript dal vasto magazino di html.it
Lo script in questione permette di caricare una pagina in un iframe.
La selezione avviente tramite la scelta di una voce nella combobox

Adesso, volevo modificarlo in modo da inserire un iframe sottostante a quello gia esistente.
Dalla scelta di una voce nella combobox (che dovrrebbe essere unica) caricare una coppia di pagine (nel senso che sono in relazione) una nel iframe superiore e una nel iframe inferiore.

Ho provato a fare qualche modifica, ma l'unico risultato che ho ottenuto è stato il blocco totale dello script.

di seguito il codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>

<title>Pagine dentro iframe - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script permette di caricare siti o pagine esterne al proprio sito dentro un IFrame." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />

</head>
<body >

<div align="center">

<form name="jumpy">
<select name="example" size="1" onChange="gone()">

<option value="http://www.html.it" selected>HTML.it</option>
<option value="http://freephp.html.it">Freephp</option>
<option value="http://freeasp.html.it">Freeasp</option>
<option value="http://forum.html.it">Forum</option>
</select>

<input type="button" name="test" value="Go!" onClick="gone()">
</form>

<script language="javascript">

</script>

</div>

<div align="center">
[img]logo_htmlit.gif[/img]
</div>
</body>

il primo problema che ho trovato è stato quello di intercettare la scelta dalla combo in modo da caricare due pagine diverse in due iframe nello stesso tempo.
Come visibile dell'esempio
<option value="http://www.html.it" selected>HTML.it</option>
posso settare solo un valore per il caricamento di una pagina....

e successiovamente visualizzarlo?

Grazie

**hcka** · 13-02-2008, 15:26

Se ho capito il tuo problema puoi assegnare al value degli option i valori che ti occorrono, opportunamente separati (chessò, con un pipe o altro) o delimitati, quindi scrivi la funzione che gestisce l'onchange in modo tale che si splitti il valore selezionato e apra quello che deve aprire...

Non so se mi sono spiegato...

**gnoccioli** · 13-02-2008, 15:40

ciao hcka, esatto.

volevo sapere proprio come fare

opportunamente separati (chessò, con un pipe o altro) o delimitati

quindi utilizzare | per separare i value, (delimitanti??) ma come?

<option value="http://www.html.it | http://www.pippo.it" selected>HTML.it</option>

scrivi la funzione che gestisce l'onchange

e qui ti voglio....
come scrivere la funzione onChange

ho provato a duplicare la seguente parte del codice per avere un altro iframe

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedur l
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}

all'interno dello
<script>
</script>

ma si blocca tutto.... non sono molto bravo e non so come procedere...

**hcka** · 13-02-2008, 16:07

esempio:

codice:

<script>
	function gestisciQuesto(oggettoSelect) {
		indirizzi = oggettoSelect.options[oggettoSelect.selectedIndex].value.split('|');
		for (i = 0; i < indirizzi.length; i++) {
			document.getElementById('iframe' + (i + 1)).src = indirizzi[i];
		}
	}
</script>
[...]
	<select onchange="gestisciQuesto(this);">
		<option value="http://www.html.it|http://forum.html.it">Home e Forum HTML.it</option>
		<option value="http://www.google.it|http://it.wikipedia.org/wiki/Wiki">Google & Wiki</option>
	</select>
	<iframe id="iframe1" src=""></iframe>
	<iframe id="iframe2" src=""></iframe>

Prova qualcosa del genere, non l'ho testato...

**gnoccioli** · 13-02-2008, 17:25

Grazie mille, anche troppo!!!

tra poco vado a casa e provo.

Discussione: modifica script "Pagine dentro iframe"

Strumenti discussione

Ricerca discussione

Visualizza

modifica script "Pagine dentro iframe"

Permessi di invio