pagina dentro una pagina

**simo9115** · 07-05-2015, 19:45

Volevo sapere come aprire una pagina web dentro un'altra pagina(ho usato iframe) quando clicco sul link "Animazione"(ovviamente i link saranno di più). Io ho provato a in questo modo:

codice:

<html>
<head>


        <title>Home Page</title>


    <link rel="stylesheet" href="../jquery-ui-1.11.4.custom/jquery-ui.css">
    <script src="../jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
    <script src="../jquery-ui-1.11.4.custom/jquery-ui.js"></script>
    <script type="text/javascript">
    
    $("a").click(function(event){
        event.preventDefault();
        var url = $(this).attr('href');
        var iframe = '<iframe src="'+url+'"></iframe>';
        $("#pagina").html(iframe);
  });
  
    </script>
</head> 


<body class="body">


    <div id="header">
        <table border="0" cellspacing="5" cellpadding="5" align="right">
            <tr>
                <form name="ricerca" method="POST" >
                    <td><input type="text" name="nome" size="35" placeholder="Cerca Titolo, Attore, Regista, Anno"></td> <!--ENTER -->
                    <td> <input class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="submit" value="Accedi"></td>
                </form>
            </tr>
        </table>
    </div>
    <br>
    <div class="nav">
        <table>
            <tr>
                <td> Categorie:             
                <ul id="menu">
                    <li><a href="https://www.google.it">Animazione</a></li>
                    <li>Avventura</li>
                    <li>Azione</li>
                    <li>Commedia</li>
                    <li>Documentario</li>
                    <li>Drammatico</li>
                    <li>Erotico</li>
                    <li>Fantascienza</li>
                    <li>Horror</li>
                    <li>Musical</li>
                    <li>Romantico</li>
                    <li>Thriller</li>
                    <li>Western</li>
                </ul>
                </td>
            </tr>
        </table>
    </div>
    <iframe class="pagina">


    </iframe>


</body> 
</html>

purtroppo non riesco a trovare l'errore. C'è qualcuno che può aiutarmi?

**cavicchiandrea** · 08-05-2015, 07:30

A) gli eventi (click, change, etc...) vanno assegnati al ready cioè quando carichi la pagina
B) se il contenitore è un ID userai #+nome se è una classe .+nome (esempio $('#pagina') / $('.pagina')) nel tuo caso dovrai usare la classe visto che nel documento c'è quella
C) ho qualche dubbio che usare un contenitore iframe (class='pagina') e iniettarci dentro un altro iframe possa funzionare, anche perché non c'è motivo
D) se i link sono esterni tutto quanto detto potrebbe comunque non funzionare perché il javascript non è cross-dominio (non opera su siti esterni)

P.S. Prima si studia javascript per capire il linguaggio, poi si passa alla libreria jquery per capire il funzionamento poi si sviluppa, cambiare questi fattori sperando di accelerare non ti darà soddisfazioni

Discussione: pagina dentro una pagina

Strumenti discussione

Ricerca discussione

Visualizza

pagina dentro una pagina

Permessi di invio