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.
<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>
Alles anzeigen
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.