Hallo Community,

bin neu hier und bitte um entschuldigung fals es das falsche forum ist.

Mein problem ist folgendermaßen ich habe zwei JavaScript ausschnitte die ich in meine HTML datei einbinden möchte zwischen <body></body> leider funktioniert es nicht so wie von mir beabsichtigt. Wenn man im ersten breiech einen link anklickt funktioniert es zwar einwandfrei jedoch wenn man den link drunter anklickt funktioniert es nicht. Um mein problem besser zu beschreiben sieht ihr unten den betreffenden bereich.

HTML-Code:
     <a name="BeispielBox01"></a>
      <h1>Beispiel Box 01</h1>
      <p align="center"><strong>Text.</strong></p>      
      <script type="text/javascript">
      $(document).ready(function(){    
        $("#button").click(function(){
          $("#status").html("WAIT");
          $.post("beispiel-01.php", {ids:"6",hash:"heir steht der hash Code",hkey:"hier steht der hkey"}, function(data){
            if (data == "error_00001") {
              $("#status").html("ERROR");
            }
            if (data == "ok_00001") {
              $("#status").html("OK");
            }    
          });
        });
      });
      </script>

       <p><div class="head" align="center"><a id="button"  href="javascript:void(0);"><img src="images/beispiel-01.png"  alt="Beispiel 01"  /></a></div>
      <div id="status" align="center"></div></p>
      
     <a name="BeispielBox02"></a>
      <h1>Beispiel Box 02</h1>
      <p align="center"><strong>Text</strong></p>
      <script type="text/javascript">
      $(document).ready(function(){    
        $("#button").click(function(){
          $("#status").html("WAIT");
          $.post("beispiel-02.php", {ids:"8",hash:"heir steht der hash Code",hkey:"hier steht der hkey"}, function(data){
            if (data == "error_00001") {
              $("#status").html("ERROR");
            }
            if (data == "ok_00001") {
              $("#status").html("OK");
            }    
          });
        });
      });
      </script>
       <p><div class="head" align="center"><a id="button"  href="javascript:void();"><img src="images/beispiel-02.png"  alt="Beispiel 02"  /></a></div>
      <div id="status" align="center"></div>
Wie man erkennen kann sind die beiden Codes im prinzip gleich bis auf has, hkey und die php datei. Die jquery-2.1.3.min.js die dazu benötigt wird ist auch im head tag der HTML Datei korrekt eingebunden und wie schon erwähnt der Link im ersten Abschnitt funktioniert einwandfrei ausser der Link im zweiten Abschnitt der funktioniert nicht.

Kann mir hierbei jemand helfen? Vieleicht einen ansatz geben wie ich dieses problem lösen kann, die google suche war leider auch nicht erfolgreich. Ich habe das auch nur hier auf meine PC getestet.
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!