contenuto javascript scompare inspiegabilmente

[Knai]

Buongiorno, come è possibile che un oggetto modificato con la funzione:

<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
// 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";
?>

<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
// include page footer HTML
include_once "../layout_foot.php";
?>

 

[Max 1]

@Knai
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag

o il tag

per il PHP, quando posti del codice, oppure la funzione codice dalla barra degli strumenti

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

 

[mr.x]

se utilizzi il button in un form è normale che la pagina si ricarichi

<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>