caricamento div dinamico con tasto uscita

**Maxilboss93** · 10-07-2020, 11:09

Buongiorno programmatori, ho un problema con un caricamento dinamico di un div contentente un mio progetto, in pratica una mia pagina richiama tramite un tasto un' altra pagina in questo modo:

codice:

 var data = "../librohtml_test/index.html?id=" + _nQuest.Libro3 + "&tit=yes&lis=AB";
        $("#libro").html('<object id="oggetto" style="width: 100%;height: 100%;position: fixed;" data="' + data + '" > ');

all' interno del mio oggetto c è tutta la mia pagina web con tutte le sue funzioni.

Il mio problema è che non so come fare ad attivare il bottone di uscita all' interno della seconda pagina per dirgli di chiudere il div #oggetto creato,
ho provato così ma non fuziona:

codice:

 $("#button_book").click(function() {
            $(this).css("visibility", "hidden");
            $("#contenitore_libro").css("visibility", "hidden");
            return false
        });

Non mi prende l evento del click del bottone presente nella pagina caricata in oggetto!

AIUTOOOOO!!!

**ciro78** · 10-07-2020, 20:07

Ciao Maxi,
come da regolamento ti invito a non usare termini come aiuto e simili. Nulla, da un punto di vista tecnico, aggiungo alle informazioni che dai.

Ad occhio, anche se includi del tutto una pagina, con tanto di javascript, gli script non saranno eseguiti.

**Maxilboss93** · 13-07-2020, 09:03

Ciao, grazie della risposta, in realtà in questo modo tutti gli script della pagina vengono caricati, infatti ad esempio il file che contiene il libro è un .js e il file che serve a utilizzarlo è un altro .js ed entrambi funzionano correttamente, solo che siccome per caricare il libro dinamicamente creo l' object html e lo popolo avrei bisogno di un metodo in cui al click di un tasto mi chiuda questo div facendomi tornare alla pagina da cui provenivo, dalla pagina avevo creato un tasto che faceva quello che mi serviva mettendolo con position:fixed e che spuntasse al caricamento del libro, ma siccome aevo già un tasto previsto quando ho sviluppato l altra parte volevo sostituire il tasto con quello interno che ha già tutti i "comportamenti" e i css (e media query) adeguati!

**cavicchiandrea** · 13-07-2020, 11:57

Ma l’evento click lo richiami tramite onload?

**Maxilboss93** · 13-07-2020, 13:52

Cioè spiega?

**Maxilboss93** · 13-07-2020, 13:54

Cioè spiega?
Io sto cercando adesso il modo di raggiungere il tasto interno di uscita tramite jquery dal punto in cui carico il libro dinamicamente,
in qualche modo, per poi prendere l evento click sul tasto e fargli fare ciò che mi serve!!

**cavicchiandrea** · 13-07-2020, 16:26

Ma object cosa carica? Una pagina html un pdf o cosa?

**Maxilboss93** · 13-07-2020, 16:44

object carica una pagina html che è strutturata così:

codice:

<body>
    <!--<div class="scrollbox">-->


    <header class="noBackground barra_enter">
        <!--<div class="logo "><img class="logo" src="img/man1.png"> </div>-->
        <nav class="l1 bar1">
            <ul class="nav_links ">
                <li><a href="#"><button onClick="indietro()"><img class="su ico" src="assets/images/ico/Su.svg"> </button></a></li>
                <li><a href="#"><button class="indice" id="idx_button2"> <img class="ico" src="assets/images/ico/indice.svg">  <span class=" spanM idx">Indice</span></span></img></button></a></li>
                <li><a href="#"><button onClick="avanti()"><img class="giu ico" src="assets/images/ico/Giu.svg"> </button></a></li>
            </ul>
            <button class="btn_switch_src"><img class="lente2 ico" src="assets/images/ico/Bt_Ricerca.svg"></button>
        </nav>
        <ul class="search_links l2 search_bar">
            <li class="cerca ricerca">


                <input type="text" class="search_box searchin scrivi_cerca" id="search-in" onClick="tastiera()" placeholder="Cerca parola nel libro...">
                <i class="fa fa-search lente" aria-hidden="true" style="visibility: visible;"></i>
                <i class="fa fa-times ics" aria-hidden="true" style="visibility: hidden;"></i>
            </li>
            <li class="l3 src_back indietro"><a href="#"><button class="btn_prev" onClick="backsearch()"><img class="destra ico" src="assets/images/ico/indietro.svg"></button></a></li>
            <li class="l3 src_ok">
                <div class="trovati text-area fumetto" id="text_search"></div>
            </li>
            <li class="l3 src_next avanti"><a href="# "><button class="btn_next" onClick="nextsearch()"><img class="sinistra ico " src="assets/images/ico/avanti.svg "></button></a></li>
            <li class="switch ">
                <a href="#">
                    <button class="back">
                        <img class="ico back_ico" src="assets/images/ico/arrow_switch.svg"><span class="spanM">Indietro</span>
                    </button>
                </a>
            </li>
        </ul>
        <a class="cta l3 close_book" href="# ">
            <button class="exit">
                <img class="back_all ico" src="assets/images/ico/menu/IndietroW2.svg "><span class=" spanM">Uscita</span>
            </button>
        </a>
    </header>




    <div id="marginSX" class="margin"></div>
    <div id="genera" class="hyphenate scrollbox-content" lang="it"></div>
    <div id="marginDX" class="margin"></div>
    <!-- <div class="scrollbar_y"></div>
     </div>-->
</body>

dove vedi quel button con classe exit vorrei che al click chudesse il mio object così da tornare alla pagina precedente ma non so come fare, è tutto il giorno che provo!idee?

**cavicchiandrea** · 14-07-2020, 15:34

Ma stai modificando/sviluppando un tema o progetto WordPress?

**Maxilboss93** · 14-07-2020, 16:10

No, comunque, ho trovato, l mio problema è che non caricava tutta la pagina in tempo, mi è bastato temporizzare il div che carica in questo modo per raggiungere il tasto, anche se sto trovando alcune difficoltà coi device mobili adesso!

codice:

    myClickAnimElement("#ese_div_book", function() {
        if (_lese_Stop) { return; }
        myStopAudio();


        $("#contenitore_libro").css("visibility", "visible");
        //  $("#button_book").css("visibility", "visible");
        var data = "../librohtml_test/index.html?id=" + _nQuest.Libro3 + "&tit=yes&lis=AB";
        console.log("DATA", _nQuest);
        $("#libro").html('<object id="oggetto" style="width: 100%;height: 100%;position: fixed;" data="' + data + '" > ');


        $(function() {
            setTimeout(function() {
                //your code here
                var exitbtn = $("#oggetto")[0].contentDocument.activeElement.children[0].children[2].children[0];
                console.log("BOTTONE EXIT", $(exitbtn).attr("class"));
                $(exitbtn).click(function() {
                    alert("CLICK");
                    $(this).css("visibility", "hidden");
                    $("#contenitore_libro").css("visibility", "hidden");
                    return false
                });
            }, 500);


        });
        /* $("#button_book").click(function() {
             $(this).css("visibility", "hidden");
             $("#contenitore_libro").css("visibility", "hidden");
             return false
         });*/


        //vis_exit();


    });

Discussione: caricamento div dinamico con tasto uscita

Strumenti discussione

Ricerca discussione

Visualizza

caricamento div dinamico con tasto uscita

Tag per questa discussione

Permessi di invio