contenuto javascript scompare inspiegabilmente

Discussione in 'Javascript' iniziata da Knai, 11 Luglio 2019.

  1. Knai

    Knai Nuovo Utente

    Registrato:
    10 Marzo 2017
    Messaggi:
    8
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Buongiorno, come è possibile che un oggetto modificato con la funzione:
    Codice:
    <script>
    function loadDoc(){
        document.getElementById('demo').innerHTML = "<p>Ciao</p>";
    }
    </script>

    riesca a visualizzarlo solo per una frazione di secondo e poi scompaia ritornando al contenuto precedente?
    è come se la pagina facesse autorefresh.. ma perché?
    in questa maniera non riesco a fare NEMMENO chiamate httpRequest con ajax, perché le vedo per decimi di secondo e poi scompaiono, da cosa può essere causato ciò? a me sembra tutto lineare quello che ho scritto, oltretutto funziona anche nel debug di safari, ma svanisce subito. grazie
    PHP:
    <?php
    // core configuration
    include_once "../../config/core.php";

    // check if logged in as admin
    include_once "../login_checker.php";

    // include classes
    include_once '../../config/database.php';
    include_once 
    "../../objects/allievo.php";
    ?>

    <?php
    // get database connection
    $database = new Database();
    $db $database->getConnection();

    // initialize allievo DB

    $allievo = new Allievo($db);
    //var_dump($allievo);

    // set page title
    $page_title "Filtri";

    // include page header HTML
    include_once "../layout_head.php";
    ?>
    HTML:
    <div class="container">
     
      <p>Elenco:</p>
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Allievi Marco</a>
            </h4>
          </div>
          <div id="collapse1" class="panel-collapse collapse in">
            <div class="panel-body">
             <form action="">
                <!--<select name="customers" onchange="showCustomer(this.value)">-->
                <button name="q" id="qu" onClick="loadDoc()" value=1>Allievi di Marco</button>
                </form>
            <div id="demo">Info will be listed here...</div></div>
          </div>
        </div>
    <script>
    function loadDoc(){
        document.getElementById('demo').innerHTML = "<p>Ciao</p>";
    }
    </script>
    PHP:
    <?php
    // include page footer HTML
    include_once "../layout_foot.php";
    ?>
     
    Ultima modifica di un moderatore: 11 Luglio 2019
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.798
    Mi Piace Ricevuti:
    283
    Punteggio:
    83
    Sesso:
    Maschio
    @Knai
    Da regolamento del forum, come tutti noi sei tenuto ad usare il tag [​IMG] o il tag [​IMG] per il PHP, quando posti del codice, oppure la funzione codice dalla barra degli strumenti
    [​IMG]

    Inoltre ti prego e sei tenuto di leggere attentamente il regolamento generale del forum e quello di sezione dove posti
    Grazie
    Per questa volta te lo sistemo io ma mi raccomando per il futuro
     
  3. mr.x

    mr.x Utente Attivo

    Registrato:
    9 Aprile 2016
    Messaggi:
    214
    Mi Piace Ricevuti:
    22
    Punteggio:
    28
    se utilizzi il button in un form è normale che la pagina si ricarichi

    HTML:
    <div class="container">
     
      <p>Elenco:</p>
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title">
              <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Allievi Marco</a>
            </h4>
          </div>
          <div id="collapse1" class="panel-collapse collapse in">
            <div class="panel-body">
            
                <!--<select name="customers" onchange="showCustomer(this.value)">-->
                <button name="q" id="qu" value="1" onClick="loadDoc()" >Allievi di Marco</button>
            
            <div id="demo">Info will be listed here...</div></div>
          </div>
        </div>
    
    <script>
    function loadDoc(){
        document.getElementById('demo').innerHTML = "<p>Ciao</p>";
    }
    </script>
     
Sto caricando...

Condividi questa Pagina