Mein JavaScript-Code Ergebnis

Question

blinkt Wenn ich seine Darstellung Daten über die Bengali-Taste am klicken für ein paar Sekunden und es wieder zu verstecken, während ich den gleichen Code für die Assamese Taste schrieb, es Anzeige fein:

<script> 
    function be(){ 
     var x= document.getElementById('ben'); 
     if (x.style.display==='block'){ 
     x.style.display='none'; 
     } 
     else 
     { 
     x.style.display='block'; 
     } 
    } 
</script> 
<button class= "button" onclick="be()">BENGALI</button> 
<div id="ben"> 
<?php 
$dir = '/home/test/data/Bengali/'; 
if (!isset($_POST['submit'])) { 
if ($dp = opendir($dir)) { 
    $files = array(); 
    while (($file = readdir($dp)) !== false) { 
     if (!is_dir($dir . $file)) { 
      $files[] = $file; 
     } 
    } 
    closedir($dp); 
} 

if ($files) { 
    echo '<form action="' . $_SERVER['PHP_SELF'] . '" method="post">'; 
    foreach ($files as $file) { 
     echo '<input type="checkbox" name="files[]" value="' . $file . '" /> ' 
. 
      $file . '<br />'; 

    } 
} 
} 
?></div> 

Answer 1

Sie rufen die Funktion auf, wenn Sie auf eine Senden-Schaltfläche klicken.

So die JS ausgeführt wird, dann das Formular übermittelt, und Sie laden eine neue Seite.

Die neue Seite legt die Standardstile nicht so fest, wie sie vorher waren, so dass die Seite zurückgesetzt wird.

Answer 2

Wie bereits erwähnt, öffnet sich eine neue Seite, weil auf eine Schaltfläche geklickt wurde. Der beste Weg, dies zu lösen ist, indem Sie Ihre Taste wie folgt ändern:

<button class= "button" onclick="be()" type="button">BENGALI</button> 

Dieses Formular verhindert, dass die Vorlage und läuft Ihre JavaScript-Funktion