link a pagina contenente i-frame

**BIT4WEB** · 13-09-2005, 17:35

Salve ragazzi avrei bisogno di un aiutino.

Ho alcune immagini in una pagina che devono linkarmi all'index del sito in modo un po particolare. Quello che vorrei ottenere è:
1. il link riporta all'index (e fin qui facilissimo)
2. all'inteno dell'index si apre la pagina richiesta in un i-frame

Spero di essermi spiegato...grazie in anticipo a chi vorrà darmi una mano!

**nuky** · 14-09-2005, 09:20

La pagina index devi richiamarla passando come paramentro la pagina che vuoi aprire nell'iframe:

codice:

<script language="JavaScript">
  window.document.location.href="index.htm?pagina=http://www.google.it";
</script>

Nella index ci sarà il tuo iframe al quale imposti la location passata:

codice:

<body>
  <iframe id="myIFrame"></iframe>
</body>
<script language="JavaScript">
  // Leggo la query string escludendo il carattere "?" iniziale.
  // Es: "pagina=http://www.google.it"
  var qString = location.search.substr(1);
  
  // La parte a destra del carattere "=" è la location dell'iframe.
  myIFrame.document.location.href = qString.split("=")[1];
</script>

Dipende poi dalla pagina che hai e dalle tue esigenze se impostare la location sull'onload della pagina o subito dopo l'iframe o infondo alla pagina come nell'esempio.

**BIT4WEB** · 14-09-2005, 11:30

Intanto ti ringrazio molto della risposta.

Però non riesco a capire bene come strutturare i tuoi suggerimenti. Hai per caso un file di esempio?

**nuky** · 14-09-2005, 14:27

Salvi il primo blocco di codice che ho postato in un file che chiami prova.htm, salvi il secondo blocco in un file che chiami index.htm nella stessa cartella del precedente.
Lanci prova.htm e vedi il risultato.

Cosa non ti è chiaro?
Nel punto dove apri index.html devi aggiungere un paramentro che abbia come valore la pagina che vuoi aprire nell'iframe (nel mio esempio http://www.google.it).
In fondo alla tua pagina index.htm o sull'onload aggiungi le due istruzioni javascritpt che vanno ad aprire la pagina passata nell'iframe.

Volendo potresti anche evitare di dividere script e tag nella pagina index.htm inserendo l'iframe con una document.write.
prova a fare un index.htm così:

codice:

<body>
  <div>tutto quello che c'è prima dell'iframe</div>

  <script language="JavaScript">
    document.write("<iframe src=\"" + location.search.substr(1).split("=")[1] + "\"></iframe>");
  </script>

  <div>resto della pagina</div>
</body>

Discussione: link a pagina contenente i-frame

Strumenti discussione

Ricerca discussione

Visualizza

link a pagina contenente i-frame

Permessi di invio