• User Attivo

    caricare contenuti nidificati jquery

    Ciao a tutti,
    ho una funzione in javascript per far apparire un contenuto a seconda del tasto che io clicco.
    cliccando su "primo" mi appare "pulsante per terza" .. cliccando su quest'ultimo nella terza colonna mi dovrebbe apparire un altro contenuto..... perchè non lo fa ?

    [PHP]<html>
    <head>
    <title>jQuery test page</title>
    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">

    $(document).ready(function() {
    $("#changeText").click(function() {
    $("#terzo").html("My text is changed!");
    });

    $("#changeText2").click(function() {

    $("#secondo").html('seconda colonna');
    });

    $("#changeText4").click(function() {

    $("#terzo").html('terza colonna');
    });

    $("#changeText3").click(function() {
    $("#secondo").html('<a id="changeText4">pulsante per terza</a>');

    });

    });
    </script>

    </head>
    <body>

    <div id="menu" style="float:left; width:800px; height:100px;">

    <div id="primo" style="float:left; width:200px; height:100px;">
    <a id="changeText3">primo</a><br>
    <a id="changeText2">secondo</a><br>

    </div>
    <div id="secondo" style="float:left; width:200px; height:100px;"></div>
    <div id="terzo" style="float:left; width:200px; height:100px;">

    </div>
    <div id="quarto" style="float:left; width:200px; height:100px;">

    </div>

    </div>

    </body>
    </html>[/PHP]


  • User

    Può darsi perché l'elemento con id="changeText4" non esiste nell'albero DOM finché non si fa click sull'elemento con id="changeText3". Prova a spostare il binding all'evento click per changeText4 all'interno di changeText3.

    
        $("#changeText3").click(function() {
            $("#secondo").html('<a id="changeText4">pulsante per terza</a>');
            $("#changeText4").click(function() {
                $("#terzo").html('terza colonna');
            });
        });
    
    

    Se ho ben capito cosa vuoi fare...


  • User Attivo

    Perfetto,
    è quello che volevo!
    Se io adesso volessi aggiungere un effetto di fadeIn/show all'apparizione del menu, in più in alucne voci dovrebbero scomparire tutti i div caricati altrimenti rimangono sempre fuori, come posso fare ?
    Ho provato ad aggiungere nel codice nell'effetto ma alcuni vanno altri no...

    [PHP]<script type="text/javascript">

    $(document).ready(function() {
    $("#changeText").click(function() {
    $("#terzo").html("My text is changed!");
    });

    $("#changeText2").click(function() {

    $("#secondo").html('seconda colonna');
    $("#terzo").fadeOut('300');

    });

    $("#changeText4").click(function() {

    $("#terzo").html('terza colonna');
    });

    $("#changeText3").click(function() {

        $("#secondo").html('<a id="changeText4">pulsante per terza</a>');
        $("#changeText4").click(function() {
    									  $("#terzo").show('300');
            $("#terzo").html('terza colonna');
        });
    });
    

    });
    </script> [/PHP]


  • User

    Scusa, non so risponderti, perché non mi è ben chiaro cosa vuoi ottenere e come deve funzionare il tutto.


  • User Attivo

    Ciao,
    praticamente vorrei fare un menu, a comparsa con i div, se vuoi te lo posso fare in flash per farti vedere cosa intendo.
    Clicco su una voce e si carica un div, clicco su un'altra e si carica altro div, naturalmente scompare i div precedentemente caricati....

    Grazieee!


  • User Attivo

    Ecco qui ti posso mettere un esempio

    pette.it/forum/menu_t.png
    

    È un sito dove ho postato l'immagine.

    Grazie