[JavaScript] Access variable html ids

Dieses Thema im Forum "Webentwicklung" wurde erstellt von serul, 3. Februar 2011 .

  1. 3. Februar 2011
    Access variable html ids

    Hallo zusammen,

    ich bin in javascript garnicht fit und bräucht ein wenig Hilfestellung.

    Es werden mehrere Links auf einer Seite generiert die jeweils alle die selber id="idmessage" besitzen. In diesem Falle sind es beispielhalber 3 Links. Wenn ich nun auf den ersten link Join klicke, wird wie erwartet, die erste messageid an im_in.php übertragen (javascript funktion) und von dort in die , wenn ich allerdings auf den zweiten link klicke, wird wieder die erste messageid übertragen da die links alle die gleiche Id haben.

    Leider weiß ich nicht wie ich das dynamisch mit den Ids regeln kann, dass die funktion immer weiß wenn ich zum beispiel nur den zweiten Link angeklickt habe, dass sie auch die messageid von dem zweiten link an im_in.php übergeben soll.

    Hoffe das ist verständlich... Wäre für jeden Tip sehr dankbar!

    Relevanter code:
    Code:
    <script type="text/javascript">
    
     function join_invitation()
     {
     var message_id = $("#idmessage").val();
     alert(message_id);
     $.get("im_in.php?idmessage="+message_id, function(result) {
     if (result == 0)
     {
     $("#warning").html("");
     $("#info").html('');
     }
    
     else if (result == 1)
     {
     $("#info").html('Join in erfolgreich');
     $("#warning").html('');
    
     }
     });
    
    
     }
    </script>
    
    <?php
    
    //$id_message wird aus der Datenbank geholt, könnte also so ungefähr aussehen:
    $id_message = array(0 => 99 1 => 301 2 => 2);
    
    for ($i = 0; $i <= count($id_message); $i++) {
     echo '<a href=""><input type="hidden" id="idmessage" value="'.$id_message.'">join</a>';
    }
    ?>
    
     
  2. 3. Februar 2011
    AW: Access variable html ids

    hab bei "alle die selber id="idmessage" besitzen" aufgehört zu lesen.

    eine id muss eindeutig sein und nur so funktionierts auch mit javascript richtig.
    wenn du mehrere elemente mit einem gemeinsamen attribut verbinden möchtest, verwende einfach css-klassen.
     
  3. 3. Februar 2011
    AW: Access variable html ids

    Hi, danke für die Antwort.

    Du hast natürlich Recht und das genau ist das Problem mit den Ids. Mir wurde an anderer Stelle schon geholfen, danke .

    Wenns interessiert:

    function join_invitation($this){
    var message_id = $this.val();
    //alert(message_id);

    $.get("im_in.php?idmessage="+message_id, function(result){
    if (result == 0){
    $("#warning").html('');
    $("#info").html('');
    }else if (result == 1){
    $("#info").html('Join in erfolgreich');
    $("#warning").html('');
    }
    });
    }

    $(function(){
    // Links mit onclick-Handler auszeichnen
    $('.msg_lnk').click(function(evt){
    evt.preventDefault();
    join_invitation($(this).find('.idmessage:first'));
    });
    });
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.