Thread Verfasser: Bumblebee
Thread ID: 410
Thread Info
Es gibt 5 Beiträge zu diesem Thema, und es wurde 2830 Mal angesehen.
 Thema drucken
Zwei JavaScript ausschnitte in einer PHP Datei
Bumblebee
Hallo Community,

sorry erstmal das ich in lezter zeit soviel fragen stelle.

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

Schöne Grüße
Bumblebee
 
Janilein
Versuche es mal mit add_to_head(' Hier dein Javascript ');
 
Bumblebee
Hallo Janlilein,

habe deinen vorschlag ausprobiert gerade funktioniert nicht. Aber ich glaube dass das Problem wohl anderer natur ist nämlich die zwei gleichen links:
Code
<a id="button"  href="javascript:void();"></a>

Aber beide brauche ich halt. Ich weiss nicht wie man das noch Lösen könnte...

Schöne Grüße
Bumblebee
 
John Doe
Problem erkannt, benenne die id's mal unterschiedlich.
 
Bumblebee
Hallo J03R6,

das wars die button ID's thanks very much für deine Hilfe.

Schöne Grüße
Bumblebee
 
Springe ins Forum: