tutorials.de Buch-Aktion 05/2012
Like Tree2Danke
  • 1 Beitrag von Quaese
  • 1 Beitrag von CPoly
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
363
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 23.12.11 16:21 #1
    live4music live4music ist offline Mitglied Bronze
    Registriert seit
    Mar 2011
    Beiträge
    47
    Hallo an alle

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

    Feld selektieren-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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

    $(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-Code:
     <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
     
    Zitieren Zitieren
  2. 24.12.11 01:06 #2
    live4music live4music ist offline Mitglied Bronze
    Registriert seit
    Mar 2011
    Beiträge
    47
    hmm, keine Ideen ? oder habt ihr nicht verstanden was ich will ?
     
    Zitieren Zitieren
  3. 24.12.11 09:51 #3
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

    <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 bedankt sich. 
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  4. 24.12.11 10:07 #4
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Zitat Zitat von live4music Beitrag anzeigen
    oder habt ihr nicht verstanden was ich will ?
    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/
    live4music bedankt sich. 
    Zitieren Zitieren
  5. 24.12.11 12:36 #5
    live4music live4music ist offline Mitglied Bronze
    Registriert seit
    Mar 2011
    Beiträge
    47
    Zitat Zitat von CPoly Beitrag anzeigen
    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/

    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 ! !
    Geändert von sheel (25.12.11 um 09:05 Uhr) Grund: Doppel
     
    Zitieren Zitieren
« *.appendChild(irgendwas); geht nicht | jquery "hashchange" läuft im IE nicht »

Ähnliche Themen

  1. MySQL Feld A nach Feld B kopieren
    Von julia29 im Forum Relationale Datenbanksysteme
    Antworten: 9
    Letzter Beitrag: 19.01.11, 20:41
  2. Varchar Feld in ein Datetime Feld umwandeln
    Von sven hans im Forum Relationale Datenbanksysteme
    Antworten: 2
    Letzter Beitrag: 10.01.08, 06:39
  3. Daten von Feld A in Feld B übernehmen
    Von DerUnsympath im Forum Relationale Datenbanksysteme
    Antworten: 4
    Letzter Beitrag: 01.08.06, 13:34
  4. select feld selektieren unter IE
    Von Sanic im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 12.10.04, 15:57
  5. KeyPressEvent - mit RETURN von Feld zu Feld
    Von xMen im Forum .NET Archiv
    Antworten: 2
    Letzter Beitrag: 20.04.04, 08:43