target di un iframe

**WebMinus** · 18-06-2011, 23:45

Ciao a tutti.
Ho creato una pagina con due iframe. Uno, chiamiamolo "1", contiene un'immagine mappata. Il secondo, "2", voglio usarlo come destinazione dei link originati dall'immagine mappata contenuta in "1". E' possibile questa cosa? Perchè immagino debba specificare nell'attributo target la destinazione, ma non so che scriverci. Nel caso invece non fosse possibile, esistono altre soluzioni? Magari con i frame normali? Ma in tal caso, i due iframe che uso sono contenuti in una pagina normale, con altre cose. Posso fare la stessa cosa anche con i frame?

Cmq vi lascio il codice. Grazie mille a tutti.

codice:

       <style type="text/css">
	#main{ position: relative;
			   margin: 0;}
	#casapagina { position: absolute;
				  z-index: 5;}
	#imac { position: absolute;
				z-index: 3;
				margin-left: 70px;
				margin-top: 40px;}	
	#tastiera { position: absolute;
				z-index: 4;
				margin-left: 321px;
				margin-top: 378px;}
	#schermo { position: absolute;
			   margin-left: 300px;
			   margin-top: 100px;
				z-index: 2;}
	
	
        </style>
        </head>

            <body>
              <div id="main">
                <div id="casapagina">
                 [img]../img/botton_casapagina.jpg[/img] 
                </div>
                <div id="imac">
                [img]imac.png[/img]
                <map name="date">
                <area shape="rect" coords="35, 65, 150, 100" href="13-05-11/frames/tastiera.html" target="#tastera">
                </map>
                </div>
                <div id="tastiera">
                <iframe name="tastiera" height="150px" width="460px" src="13-05-11/frames/tastiera.html">
                </iframe>
                </div>
                <div id="schermo">
                <iframe name="schermo" height="400px" width="900px" border="3" src="13-05-11/frames/1.html">
                </iframe>
                </div>
               
              </div>
            </body>

</html>

**carlomarangoni** · 19-06-2011, 00:40

codice:

target="tastiera"

**WebMinus** · 19-06-2011, 00:57

Scusami, non mi sono spiegato bene io: relativamente al codice che ho postato prima, l'iframe "tastiera" contiene un'immagine mappata, i cui link vorrei farli aprire nell'iframe "schermo". Come vedrete ho provato a mettere target="#schermo", ma #schermo non è sull' iframe in questione ma sulla pagina principale, quella postata nel post precedente, per capirci. Il risultato attuale, sbagliato, è che mi apre il link in una pagina nuova del browser.
Posto sotto il codice dell'iframe "tastiera":

codice:

    <style type="text/css">
	#img { position: absolute;
		   margin: 0;}
        </style>
        </head>
        <body>
 				<div id="img">
                [img]../img/tastiera.png[/img]
                <map name="selettore">
                <area shape="circle" coords="48, 65, 22" href="1.html" target="#schermo">
                <area shape="circle" coords="110, 62, 22" href="2.html" target="#schermo">
                <area shape="circle" coords="189, 70, 22" href="3.html" target="#schermo">
                <area shape="circle" coords="245, 70, 22" href="4.html" target="#schermo">
                </map>
                </div>
        </body>

</html>

**carlomarangoni** · 19-06-2011, 02:12

[list=1][*]Intanto la sintassi di target non può essere con un # ma ci deve essere il nome senza il cancelletto[*]Un link dentro ad un iframe non può aprire una pagina dentro ad un'altro iframe.[/list=1]
Per fare questa manovra devi usare un set di frames

**WebMinus** · 20-06-2011, 10:56

Grazie mille.

**WebMinus** · 21-06-2011, 15:03

In realtà, provando, ho visto che si può fare. Intendo apreire un iframe dentro un altro iframe. se ne specifichi gli id (id="nome"), puoi inserire nel target del tuo iframe l'altro iframe. Per me ha funzionato, e vi mostro il codice, nel caso potesse servire a qualcuno.

Pagina principale:

codice:

 <style type="text/css">
	#main{ position: relative;
			   margin: 0;}
	#casapagina { position: absolute;
				  z-index: 6;}
	#imac { position: absolute;
				z-index: 2;
				margin-left: 70px;
				margin-top: 40px;}	
	#tastiera { position: absolute;
				z-index: 4;
				margin-left: 21px;
				margin-top: 368px;}
	#schermo { position: absolute;
			   margin-left: 341px;
			   margin-top: 46px;
				z-index: 3;}
        </style>
        </head>

            <body>
              <div id="main">
                <div id="casapagina">
                 [img]../../img/botton_casapagina.jpg[/img] 
                </div>
                <div id="imac">
                [img]imac.png[/img]
                <map name="date">
                <area shape="rect" coords="15, 20, 140, 55" href="13-05-11/frames/tastiera.html" target="tastiera">
                </map>
                </div>
                <div id="schermo">
                    <div id="tastiera">
                    <iframe name="tastiera" height="120px" width="460px" target="schermo" frameborder="0" src="13-05-11/frames/tastiera.html">
                    </iframe>
                    </div>
                <iframe name="schermo" height="500px" width="870px" frameborder="0" src="13-05-11/frames/1.html">
                </iframe>
                </div>
               
              </div>
            </body>

E pagina frame (frame "tasitera")

codice:

   <style type="text/css">
	#img { position: absolute;
		   margin: 0;}
        </style>
        </head>
        <body>
 				<div id="img">
                [img]../img/tastiera.png[/img]
                <map name="selettore">
                <area shape="circle" coords="48, 65, 22" href="1.html" target="schermo">
                <area shape="circle" coords="110, 62, 22" href="2.html" target="schermo">
                <area shape="circle" coords="189, 70, 22" href="3.html" target="schermo">
                <area shape="circle" coords="245, 70, 22" href="4.html" target="schermo">
                </map>
                </div>
        </body>

Discussione: target di un iframe

Strumenti discussione

Ricerca discussione

Visualizza

target di un iframe

Permessi di invio