[Erledigt] javascript clicked element

Thorus · 23.08.2010, 11:00

Hi,

Ich habe Bilder deren src sich aendern soll wenn man darauf klickt, es ist bereits so dass eine onClick function definiert die aufgerufen wird wenn man ein Bild anklickt, ich suche quasi etwas wie:

this.src("pfad"), was aber nicht funktioniert...

Gibt es moeglichkeiten die ID des gerade angeclickten herauszubekommen?

Gerne auch in jQuery falls das einfacher ist, oder es nur so eine moeglickeit gibt...

Danke
Thorus

wolf29 · 23.08.2010, 11:04

SELFHTML: JavaScript / Objektreferenz / document

Wolf29

Thorus · 23.08.2010, 11:14

Und inwiefern bringt mir das was? die ID, des Bildes, weiss die funktion ja nicht!

wolf29 · 23.08.2010, 11:18

Du hast hiernach gefragt:

Zitat:

Gibt es moeglichkeiten die ID des gerade angeclickten herauszubekommen?

Was willst Du den sonst genau haben um was damit zu machen?

Wolf29

Thorus · 23.08.2010, 11:31

Ich habe bspw so ein Bild:

PHP-Code:

  <img id="level-0-point-1-pic" onclick="hide_net('level-0-point-1-CPROV_ID-3-ul,level-0-point-1-pic');" src="http://www.php.de/images/minus.gif">

ich habe es mittlerweile geschafft der Funktion die ID des Bildes mit zu uebergeben, da diese von einem php-Skript generiert werden!

die Funktion hide_net sieht so aus:

PHP-Code:

  function hide_net(id,pic){
    $('#' + id).hide("slow");
    $('#' + pic).attr('src','../images/plus.gif');
    $('#' + pic).attr('onClick',"show_net('"+id+"');");
}

Allerdings funktionieren die attribut zuweisungen nicht da die Variable pic angeblich nicht definiert sei! Einfacher waere es natuerlich wenn es statt $('#' + pic) einen befehl gaebe der mir die ID des gerade angeclickten Bildes gibt damit ich diese nutzen kann um es zu veraendern!

id ist level-0-point-1-CPROV_ID-3-ul,level-0-point-1-pic und pic nicht definiert, aber laut selfhtml is die trennung der parameter durch , korrekt. Wieso ist pic dann leer?

Thorus · 23.08.2010, 11:47

Ok, die parameter muessen so getrennt werden 'param1' , 'param2'... jetzt geht es^^ schoener waere es natuerlich trotzdem mit einer "gerade geklickt" funktion, aber hauptsache es funktioniert...

nikosch · 23.08.2010, 12:38

Das aktuelle Element wird von this repräsentiert. Außerdem solltest Du Dich mit jQuery von den inline-Elementen verabschieden. Es gibt weit bessere Lösungen, als onClick-Attribute. Dafür wurden ja gerade die ganzen Selektoren in jQuery bereitgestellt.

Trainmaster · 23.08.2010, 13:05

Zitat:

Zitat von nikosch

Außerdem solltest Du Dich mit jQuery von den inline-Elementen verabschieden.

Aus welchen Gründen sollte bei der Verwendung von jQuery auf inline-Elemente verzichtet werden?

nikosch · 23.08.2010, 13:09

Das ist generell eine gute Idee. Mit jQuery ist es nur besonders einfach, weil hier z.B. auch mehrfache Klick-Events auf ein Element einfach umsetzbar sind.

Der sinnvolle Einsatz von JavaScript – SELFHTML aktuell Weblog

Thorus · 26.08.2010, 11:05

Ok danke, hab alle inlineelemente durch jQuery ersetzt^^ jetzt gehts auch

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
JavaScript: PHP's in_array für JavaScript	Zergling-new	Tutorials	3	21.04.2011 13:02
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
Element erstellen, in Quelltext einfügen und auf dieses zugreifen können	R4v3r	JavaScript, Ajax und mehr	8	18.12.2009 11:33
[Erledigt] Ersatz für Javascript	Mort1ferus	JavaScript, Ajax und mehr	6	12.10.2009 09:35
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
[Erledigt] Javascript in PHP Aufrufen	coyboc	PHP Tipps 2009	17	10.04.2009 15:28
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Quickform Create Element mit JavaScript	andrew22	PHP Tipps 2007	4	18.07.2007 13:19
[JS/CSS] Element erst onclick sichtbar machn script.aculo.us	StatischeEntladung	HTML, Usability und Barrierefreiheit	1	06.04.2006 18:32
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
php + Javascript, Variablenübergabe		PHP Tipps 2004	14	28.07.2004 15:42

23.08.2010, 11:00
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 141 PHP-Kenntnisse: Anfänger	[Erledigt] javascript clicked element Hi, Ich habe Bilder deren src sich aendern soll wenn man darauf klickt, es ist bereits so dass eine onClick function definiert die aufgerufen wird wenn man ein Bild anklickt, ich suche quasi etwas wie: this.src("pfad"), was aber nicht funktioniert... Gibt es moeglichkeiten die ID des gerade angeclickten herauszubekommen? Gerne auch in jQuery falls das einfacher ist, oder es nur so eine moeglickeit gibt... Danke Thorus __________________ http://rottmann-moebel.de/


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

23.08.2010, 11:04
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.680 PHP-Kenntnisse: Fortgeschritten	SELFHTML: JavaScript / Objektreferenz / document Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

23.08.2010, 11:14
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 141 PHP-Kenntnisse: Anfänger	Und inwiefern bringt mir das was? die ID, des Bildes, weiss die funktion ja nicht! __________________ http://rottmann-moebel.de/ Geändert von Thorus (23.08.2010 um 11:18 Uhr).

23.08.2010, 11:31
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 141 PHP-Kenntnisse: Anfänger	Ich habe bspw so ein Bild: PHP-Code: `<img id="level-0-point-1-pic" onclick="hide_net('level-0-point-1-CPROV_ID-3-ul,level-0-point-1-pic');" src="http://www.php.de/images/minus.gif">` ich habe es mittlerweile geschafft der Funktion die ID des Bildes mit zu uebergeben, da diese von einem php-Skript generiert werden! die Funktion hide_net sieht so aus: PHP-Code: `function hide_net(id,pic){ $('#' + id).hide("slow"); $('#' + pic).attr('src','../images/plus.gif'); $('#' + pic).attr('onClick',"show_net('"+id+"');"); }` Allerdings funktionieren die attribut zuweisungen nicht da die Variable pic angeblich nicht definiert sei! Einfacher waere es natuerlich wenn es statt $('#' + pic) einen befehl gaebe der mir die ID des gerade angeclickten Bildes gibt damit ich diese nutzen kann um es zu veraendern! id ist level-0-point-1-CPROV_ID-3-ul,level-0-point-1-pic und pic nicht definiert, aber laut selfhtml is die trennung der parameter durch , korrekt. Wieso ist pic dann leer? __________________ http://rottmann-moebel.de/ Geändert von Thorus (23.08.2010 um 11:46 Uhr).

23.08.2010, 11:47
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 141 PHP-Kenntnisse: Anfänger	Ok, die parameter muessen so getrennt werden 'param1' , 'param2'... jetzt geht es^^ schoener waere es natuerlich trotzdem mit einer "gerade geklickt" funktion, aber hauptsache es funktioniert... __________________ http://rottmann-moebel.de/

23.08.2010, 12:38
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.253 PHP-Kenntnisse: Fortgeschritten	Das aktuelle Element wird von this repräsentiert. Außerdem solltest Du Dich mit jQuery von den inline-Elementen verabschieden. Es gibt weit bessere Lösungen, als onClick-Attribute. Dafür wurden ja gerade die ganzen Selektoren in jQuery bereitgestellt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

23.08.2010, 13:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.253 PHP-Kenntnisse: Fortgeschritten	Das ist generell eine gute Idee. Mit jQuery ist es nur besonders einfach, weil hier z.B. auch mehrfache Klick-Events auf ein Element einfach umsetzbar sind. Der sinnvolle Einsatz von JavaScript – SELFHTML aktuell Weblog __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.08.2010, 11:05
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 141 PHP-Kenntnisse: Anfänger	Ok danke, hab alle inlineelemente durch jQuery ersetzt^^ jetzt gehts auch __________________ http://rottmann-moebel.de/