Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Aprire un iframe dall'evento OnClick del mouse

    Salve,
    ho fatto una semplice pagina composta da titolo, menu con bottoni, sulla sinistra delle immagini contenute in una tabella, vorrei che cliccando sui bottoni del menu la pagina richiamata si visualizzi in una precisa area a destra della pagina principale, evitando di ricorrere alla suddivisione della stessa in frame.
    Più precisamente, vorrei associare all'evento onClick del mouse un richiamo pagina che la faccia aprire nell'area desiderata (come ad esempio fà il tag iframe, tramite il quale posso aprire una pagina stabilendo le dimensioni della finestra, le sue coordinate ed altro).

    Come posso fare?
    E' valida l'idea di associare l'iframe a onClick? In caso affermativo, qual'è il codice esatto?

    Vi ringrazio.

    Barros
    E. Barros

  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    codice:
    <button type="button" onclick="parent.nome_frame.location.href='tua_pagina.htm'" >clicca</button>

  3. #3
    Ho provato ma non funziona, compare il bottone ma cliccandolo non appare il frame....

    Il tag a cui aggiungere onClick è questo:

    <a href="index.html">[img]Home1.GIF[/img]

    Inoltre l'iframe dovrebbe avere la possibilità di impostare le coordinate di apertura della nuova pagina, come avviene con l'iframe tradizionale...

    Come si può fare?
    E. Barros

  4. #4
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    L'iframe deve essere già presente nel codice della pagina tu puoi solo richiamarci all'interno una pagina con l'opzione target="nome_iframe" all'interno del tuo tag <a></a>

  5. #5
    Ciao,
    scusa la mia ignoranza, puoi farmi un esempio del codice completo che devo inserire nella pagina principale (quella che contiene il menu a bottoni e in cui si deve visualizzare l'iframe della pagina caricata cliccando i bottoni del menu, ad esempio la pag. "chisiamo.html") per far aprire la nuova pagina in un iframe, nella parte destra della pag. principale (magari impostando le coordinate x,y)?

    Ti ringrazio
    E. Barros

  6. #6
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    index.htm
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Esempio</title>
    
    <style media="screen" type="text/css" >
    <!--
    html, body {
    	background-color:#999999;
    	margin: 0;
    	padding: 0;
    }
    #menu {
    	top: 150px;
    	left: 20px;
    	position: absolute;
    }
    #mio_iframe {
    	background-color:#CCCCCC;
    	top: 150px;
    	left: 500px;
    	position: absolute;
    }
    -->
    </style>
    
    </head>
    
    <body>
    
    <div id="menu">
        <a href="home.htm" target="pippo">
            [img]1.jpg[/img]
    	</a>
    </div>
    
    <iframe id="mio_iframe"
    	name="pippo"
        width="350"
        height="350"
        frameborder="0"
        scrolling="no"
        src="1.htm">
    </iframe>
    
    </body>
    </html>
    1.htm
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>pag 1</title>
    </head>
    
    <body>
    <h1>Pagina 1</h1>
    </body>
    </html>
    home.htm
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Home</title>
    </head>
    
    <body>
    <h1>Home Page</h1>
    </body>
    </html>
    Sostituisci i nomi delle pagine e delle immagini con i tuoi

  7. #7
    Grazie Gufo, ottimo codice, è proprio quello che cercavo e funziona bene sia con IE che con Firefox...
    Grazie ancora, ciao.
    E. Barros

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.