[Erledigt] Jquery div ansprechen

TZP · 14.10.2010, 17:40

N´abend.

Ich blamier mich jetzt gewiss mit der Frage aber ich krieg das hier nich gebacken.

Code:

...
<div id="boden">
  <div id="eins">08154711</div>
  <div id="zwei"><input type="text"></input></div>
</div>
...

und dazu das hier im JQuery

Code:

function bodenAlert() {
	$('#boden').click(function(){
		alert("Boden");
	});
}

Ganz einfach eigentlich...ein großes Div, welches die beiden kleineren beinhaltet. Wenn ich jetzt auf das input klicke, kommt trotzdem der Alert. Wie kann ich es einstellen, dass er nur dann Alert macht, wenn ich direkt auf dem Div Boden bin und nicht auf einem anderen, welches direkt darüber liegt?

-bedank-

xm22 · 14.10.2010, 18:28

Probier mal

PHP-Code:

  function bodenAlert() {     $('#boden').click(function(){         alert("Boden");     }); 
$('#boden *').click(function(e){
e.stopPropagation()
     });  }

EDIT: Sorry, Einrückung ist verloren gegangen, aber mein Rechner fährt schon runter

TZP · 14.10.2010, 18:52

Ich hab gleich noch ne Folgefrage dazu. Nehmen wir an, mein Input hat schon einen Value, wenn ich die Seite aufrufe. Jetzt klicke ich auf das Inputfeld und der Value soll verschwinden.

Code:

...
<div id="boden">
  <div id="eins">08154711</div>
  <div id="zwei"><input type="text" value="TEST" id="valuefield"></input></div>
</div>
...

function deleteVal() {
	$('#valuefield').click(function(){
		$('#valuefield').attr("value", "");
	});
}

Kein Thema. Klicke ich auf das "Boden" Div, soll der Text wieder da stehen. Das Problem ist aber, dass ich auch auf den "Boden" Div klicke, wenn ich auf das Inputfeld klicke und damit kommt der Wert sofort wieder rein. Das würde ich gerne verhindern.

ChrisB · 14.10.2010, 18:57

Zitat:

Zitat von TZP

Das Problem ist aber, dass ich auch auf den "Boden" Div klicke, wenn ich auf das Inputfeld klicke

Auch das kannst du unterbinden, im dem du das Aufsteigen des Events im DOM verhinderst.
(Entweder wie schon gezeigt wurde mit stopPropagation, oder beim traditionellen Eventhandling auch schlicht per return false.)

Beschäftige dich mal etwas mehr mit den Grundlagen des Event-Handlings.

TZP · 15.10.2010, 09:29

Ich hab´s. Ferner hab ich gesehen, dass ich mich falsch formuliert habe...das tut mir leid. Was ich wollte lässt sich durch ein einfaches .blur() beheben.

Code:

function deleteVal() {
	$('#valuefield').click(function(){
	    $(this).attr("value", "");
	});
}

function inputVal() {
	$('#valuefield').blur(function(){
            if($(this).attr("value") == "") $(this).attr("value", "Irgendwas");
	});
}

Ich hab wohl zu kompliziert/verschachtelt gedacht und ausgedrückt. Nix für ungut aber Danke für die Antworten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fresh Sliding Thumbnails Gallery with jQuery and PHP	ModelWizko	PHP Tipps 2010	3	31.10.2010 10:50
jQuery (crossdomain) Ajax	halskrause	JavaScript, Ajax und mehr	10	01.09.2010 18:36
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery Bild in DIV ansprechen.	JanM	JavaScript, Ajax und mehr	2	14.06.2010 13:12
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
jQuery toggle	Chriz	JavaScript, Ajax und mehr	22	21.04.2010 02:37
Jquery .animate flackert im FF	matze_te	JavaScript, Ajax und mehr	1	16.04.2010 10:05
[Erledigt] Jquery Selektoren	chunky	JavaScript, Ajax und mehr	5	14.02.2010 11:14
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

14.10.2010, 17:40
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	[Erledigt] Jquery div ansprechen N´abend. Ich blamier mich jetzt gewiss mit der Frage aber ich krieg das hier nich gebacken. Code: ... <div id="boden"> <div id="eins">08154711</div> <div id="zwei"><input type="text"></input></div> </div> ... und dazu das hier im JQuery Code: function bodenAlert() { $('#boden').click(function(){ alert("Boden"); }); } Ganz einfach eigentlich...ein großes Div, welches die beiden kleineren beinhaltet. Wenn ich jetzt auf das input klicke, kommt trotzdem der Alert. Wie kann ich es einstellen, dass er nur dann Alert macht, wenn ich direkt auf dem Div Boden bin und nicht auf einem anderen, welches direkt darüber liegt? -bedank-


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.10.2010, 18:28
xm22 Erfahrener Benutzer Registriert seit: 30.07.2008 Beiträge: 1.167 PHP-Kenntnisse: Fortgeschritten	Probier mal PHP-Code: `function bodenAlert() { $('#boden').click(function(){ alert("Boden"); }); $('#boden *').click(function(e){ e.stopPropagation() }); }` EDIT: Sorry, Einrückung ist verloren gegangen, aber mein Rechner fährt schon runter

14.10.2010, 18:52
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Ich hab gleich noch ne Folgefrage dazu. Nehmen wir an, mein Input hat schon einen Value, wenn ich die Seite aufrufe. Jetzt klicke ich auf das Inputfeld und der Value soll verschwinden. Code: ... <div id="boden"> <div id="eins">08154711</div> <div id="zwei"><input type="text" value="TEST" id="valuefield"></input></div> </div> ... function deleteVal() { $('#valuefield').click(function(){ $('#valuefield').attr("value", ""); }); } Kein Thema. Klicke ich auf das "Boden" Div, soll der Text wieder da stehen. Das Problem ist aber, dass ich auch auf den "Boden" Div klicke, wenn ich auf das Inputfeld klicke und damit kommt der Wert sofort wieder rein. Das würde ich gerne verhindern.

15.10.2010, 09:29
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Ich hab´s. Ferner hab ich gesehen, dass ich mich falsch formuliert habe...das tut mir leid. Was ich wollte lässt sich durch ein einfaches .blur() beheben. Code: function deleteVal() { $('#valuefield').click(function(){ $(this).attr("value", ""); }); } function inputVal() { $('#valuefield').blur(function(){ if($(this).attr("value") == "") $(this).attr("value", "Irgendwas"); }); } Ich hab wohl zu kompliziert/verschachtelt gedacht und ausgedrückt. Nix für ungut aber Danke für die Antworten.