Cambiare dinamicamente il contenuto di un DIV

[mateky]

Salve a tutti, ho bisogno di cambiare dinamicamente un contenuto di un DIV.

Ovvero, in un div c'è un Modulo (form di scelta) e selezionanto l'input submit, dovrebbe cambiare dinamicamente mostrandomi un altro form e così via (o un'altra porzione di pagina).

Ho provato con Inner.Html, non funziona. Se scrivo del testo con inner.html, il codice funge. Ma se inseisco form o provo a includere un file con php (inclue 'pagina.php' non mi funziona.

Soluzioni?

 

[criric]

Ciao, puoi usare ajax, e con jquery diventa tutto molto elegante

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        caricaContenuto("contenuto_1.html");
        $("input.cambiacontenuto").click(function () {
            caricaContenuto($(this).attr("data-pagina"));
        });
    });

    function caricaContenuto(pagina) {
        $.get(pagina, function (response) {
            $("#risultato").html(response);
        });
    }
</script>

<input type="button" class="cambiacontenuto" value="CONTENUTO 1" data-pagina="contenuto_1.html"/>
<input type="button" class="cambiacontenuto" value="CONTENUTO 2" data-pagina="contenuto_2.html"/>
<input type="button" class="cambiacontenuto" value="CONTENUTO 3" data-pagina="contenuto_3.html"/>

<div id="risultato"></div>

 

[criric]

Rileggendo meglio la tua domanda credo che questo codice sia la soluzione migliore.

 

[mateky]

Non ho la minima idea di come implementarlo.. non sono esperto di jquery

 

[mateky]

Ok l'ho provato e ho risolto. Grazie