✔ Feld selektieren

L

live4music

Mitglied
Hallo an alle :)

wie kann man mit Jquery so machen, dass nur ein Feld markiert wird, ich check das irgendwie nicht so ganz. :(

1324652731-clip-9kb.jpg

hier auf dem Screen könnt ihr sehen was ich meine, ich will so machen, dass sobald ich auf Feld 20 drücke der markiert wird und die Markierung bei Feld 10 gelöscht wird. Und das check ich nicht so ganz wie es gehen soll.

ich habe mir das so gedacht

Code: 
$(document).ready(function(){

    $('#user').live("click", function(){

       var getID= $(this).find('#userID').val(); // user ID
       var selected = $('#selected').val();  // user der gerade Selektiert ist

        $(this).addClass('userBox_activ');

      // und jetzt muss das Teil mit autom. Erkennung kommen
     // wenn ein neues Feld gedrückt wurde, dann aktuelle markierung löschen und eine
    // neue 

    });

}) ;


HTML: 
 <div id="user" class="userBox_activ">
                    <a href="#" style="text-decoration: none;" onclick="">
                    <input type="text" id="userID" value="10" />
                    <div class="">
                        <img src="/inc/getImage.php?img=1293635618fg6hnf39&type=5" />
                        <span style="vertical-align: top;">Name</span>
                    </div>
                    </a>
</div>

Danke schon mal für die kommende Feedbacks
 
Hi,

IDs dürfen innerhalb eines Dokuments nur einmal vorkommen. Deshalb habe ich deinen Codeschnipsel etwas angepasst und die IDs nummeriert. Über das Präfix ermittel ich die Menge der Elemente, die User enthalten können.

Weiterhin habe ich das DIV aus dem Link herausgezogen. Ist dort nach HTML4 nicht erlaubt.

Code: 
<html>
<head>
<title>tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<style type="text/css">
  <!--
body{
  background: #fff;
}
.userBox_activ{
  background: #efefef;
}
 //-->
</style>
<script type="text/javascript">
  <!--
$(document).ready(function(){
  $('div[id^=user_]').live("click", function(){
    $('div[id^=user_]').removeClass('userBox_activ');
    $(this).addClass('userBox_activ');
  });
}) ;
 //-->
</script>
</head>
<body>
<div id="user_01" class="userBox_activ">
  <div class="">
    <a href="#" style="text-decoration: none;" onclick="">
      <input type="text" id="userID_01" value="10" />
      <img src="/inc/getImage.php?img=1293635618fg6hnf39&type=5" />
      <span style="vertical-align: top;">Name</span>
    </a>
  </div>
</div>
<div id="user_02">
  <div class="">
    <a href="#" style="text-decoration: none;" onclick="">
      <input type="text" id="userID_02" value="10" />
      <img src="/inc/getImage.php?img=1293635618fg6hnf39&type=5" />
      <span style="vertical-align: top;">Name</span>
    </a>
  </div>
</div>
</body>
</html>
Ciao
Quaese
 
live4music hat gesagt.:
oder habt ihr nicht verstanden was ich will :( ?
Zum Vergrößern anklicken....

Exakt. Und weder dein Javascript noch dein HTML machen für mich Sinn. Auf dem Screenshot hast du zwei Elemente, in deinem HTML nur eins. Und du verwendest überall IDs, die nur ein einziges Mal im Dokument vor kommen dürfen.

Brauchst du überhaupt "live"? Ändert sich das Markup dynamisch?

Welche jQuery Version benutzt du?

Hier für jQuery 1.7 mit "live" (in dem Fall "on"): http://jsfiddle.net/tBj4V/6/
 
CPoly hat gesagt.:
Exakt. Und weder dein Javascript noch dein HTML machen für mich Sinn. Auf dem Screenshot hast du zwei Elemente, in deinem HTML nur eins. Und du verwendest überall IDs, die nur ein einziges Mal im Dokument vor kommen dürfen.

Brauchst du überhaupt "live"? Ändert sich das Markup dynamisch?

Welche jQuery Version benutzt du?

Hier für jQuery 1.7 mit "live" (in dem Fall "on"): http://jsfiddle.net/tBj4V/6/
Zum Vergrößern anklicken....


ich habe auf einer seite mit "live" gesehen deswegen habe ich auch so versucht zu machen. Bis jetzt habe ich auch immer mit Userids gemacht so wie Quaese oben gemacht hat, aber ich wusste nicht das es auch so geht "div[id^=user_]". weil sonst musste ich den JQ-Code auch in die Schleife mit packen und wenn ich z.B. 10 Datensätze habe wird der JQ-Code auch 10 mal wiederholt was dumm ist. Aber jetzt weiß ich bescheid wie es geht.

Quaese dankeschön für deine hilfe ! !
 
Zuletzt bearbeitet von einem Moderator:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück