javascript in php

[schaich]

Hey,

ich habe folgendes Problem:
Auf meiner Seite wird bei einem onclick-Event eine Javascriptfunktion aufgerufen aber diese onclick-Event wird in einem Formular aufgerufen, dessen Informationen an einen php-script ($_SERVER['PHP_SELF']) geschickt werden.
Die Javascruot Methode wird zwar durchlaufen doch durch den wenn der php-script seine aufgabe erledigt hat wird die Seite neugeladen und der vom Javascript erarbeitete Effekt wird wieder rückgängig gemacht.
Wie kann ich das verhindern?

Aufrufender Teil aus HTML:

  
 echo "<input type=\"image\" src=\"\" name=\"Fredo\" alt=\"FredoBild\" onclick=\"nextRound()\">";          

Javascript:

  
var round = 1;  
  
 document.getElementsByTagName("input")[0].src = "Bilder/Julian/" + round + '.jpg';  
 document.getElementsByTagName("input")[1].src  = "Bilder/Fredo/" + round + '.jpg';  
  
  function start(){  
  
    document.getElementById("overlay").style.display = "block";  
    document.getElementById("container").style.display = "block";  
  
  }  
  
  
 function nextRound(){  
  
   alert(round);  
   round++;  
   document.getElementsByTagName("input")[0].src = "Bilder/Julian/" + round + '.jpg';  
   document.getElementsByTagName("input")[1].src = "Bilder/Fredo/" + round + '.jpg';  
  
 }  
  

PHP:~~~php

if(!empty($_POST['name1_x'])){
     $datei = fopen("name1.txt", "r+");
     $punktestand = fgets($datei, 5);
     $punktestand++;
     rewind($datei);
     fwrite($datei, $punktestand);
     fclose($datei);
    }else if(!empty($_POST['name2_x'])){
    $datei = fopen("name2.txt", "r+");
     $punktestand = fgets($datei, 5);
     $punktestand++;
     rewind($datei);
     fwrite($datei, $punktestand);
     fclose($datei);
    }

  
  
MfG schaich