id einer bestimmten Grafik ermitteln

LuLa · 09.12.2011, 20:53

Code:

<html><head><title>Test</title>
</head><body>

<img src="a.jpg">
<img src="b.jpg">
<img src="c.jpg">

<script type="text/javascript">
	function output_main_img(first)
	{
		i = document.images[first].src;
		alert(i);
	}
	output_main_img(0);
</script>

</body></html>

Wenn ich jetzt

Code:

<img src="1.jpg">

vor alle anderen Bilder setze, wird nicht mehr "a.jpg" ausgegeben, sondern "1.jpg". Klar, 1.jpg ist dann ja auch das erste Bild. Wie aber kann ich das Script so verändern, daß immer a.jpg ausgegeben wird, egal wie viele Bilder ich davorsetze?

Ich habe das momentan noch mit einer while-Schleife und einer Abfrage auf einen name-Attribut gelöst, siehe unten. Funktioniert auch. Aber da gibt es doch sicherlich noch etwas Besseres/Schnelleres, oder?

Code:

<html><head><title>Test</title>
</head><body>

<img src="1.jpg">
<img src="a.jpg" name="start">
<img src="b.jpg">
<img src="c.jpg">

<script type="text/javascript">
	function output_main_img(first)
	{
		offset = 0;
		while (document.images[offset].name != 'start')
		{
			offset++;
		}
		i = document.images[offset+first].src;
		alert(i);
	}
	output_main_img(0);
</script>

</body></html>

nikosch · 09.12.2011, 21:11

„Der Computer“ soll jetzt erfühlen, welche Grafik es ist, die Du als erste betrachtest, oder wie? Natürlich musst DU die irgendwie kennzeichnen oder ein bestimmmtes Kriterium einführen, das Du hier (auch für uns Menschen) noch nicht deutlich gemacht hast.

lstegelitz · 09.12.2011, 22:22

Zitat:

id einer bestimmten Grafik ermitteln

Ohne das eine ID zugewiesen wird, kann auch keine festgestellt werden... also: jedem img-Tag im Dokument eine eindeutige ID zuweisen, dann klappts auch mit dem "feststellen" (z.B. bei mouseover, beim anklicken, oder auch einfach "nur so")

Zitat:

Aber da gibt es doch sicherlich noch etwas Besseres/Schnelleres, oder?

Jau, bervor du dir die Finger mit eigenem Javascript blutig tippst, schau dir mal jquery an...

Code:

<html><head><title>Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

</head><body>

<img id="a" src="a.jpg">
<img id="b" src="b.jpg">
<img id="c" src="c.jpg">

<script type="text/javascript">
$('img').click( function () {
  alert($(this).attr('id'));
});
</script>

</body></html>

LuLa · 09.12.2011, 23:19

Zitat:

Zitat von nikosch

Natürlich musst DU die irgendwie kennzeichnen

Genau das habe ich mit der Angabe von name="start" gemacht, siehe oben. Es geht mir darum, die Grafik, die name="start" enthält (a.jpg) zu identifizieren.

Zitat:

Zitat von lstegelitz

bervor du dir die Finger mit eigenem Javascript blutig tippst, schau dir mal jquery an...

jquery verwende ich nicht. Da muß zu viel geladen werden. Aber danke erstmal für die Antworten.

lstegelitz · 09.12.2011, 23:29

Zitat:

Zitat von LuLa

jquery verwende ich nicht. Da muß zu viel geladen werden. Aber danke erstmal für die Antworten.

Du hattest explizit nach etwas besserem gefragt

nikosch · 09.12.2011, 23:45

Zitat:

Genau das habe ich mit der Angabe von name="start" gemacht, siehe oben. Es geht mir darum, die Grafik, die name="start" enthält (a.jpg) zu identifizieren.

Dein Posting sagt was anderes.

Zitat:

vor alle anderen Bilder setze, wird nicht mehr "a.jpg" ausgegeben, sondern "1.jpg". Klar, 1.jpg ist dann ja auch das erste Bild. Wie aber kann ich das Script so verändern, daß immer a.jpg ausgegeben wird, egal wie viele Bilder ich davorsetze?

Ich habe das momentan noch mit einer while-Schleife und einer Abfrage auf einen name-Attribut gelöst, siehe unten. Funktioniert auch. Aber da gibt es doch sicherlich noch etwas Besseres/Schnelleres, oder?

Dann sag ich es halt anders: NEIN.

Nicht solange Du keine Kriterien Deines Wunschelements definierst.

Code:

	function output_main_img()
	{
		alert('a.jpg');
	}
	output_main_img();

BlackScorp · 14.12.2011, 15:35

Zitat:

Zitat von LuLa

jquery verwende ich nicht. Da muß zu viel geladen werden. Aber danke erstmal für die Antworten.

31 kb.. die meisten Banner sind viel Größer

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
Dynamische Grafik - Daten aus MySQL Tabelle von Benutzer per ID beziehen	Stip	PHP Einsteiger	13	27.06.2011 19:52
SVG Grafik wird nicht vollständig im Browser angezeigt	sunshiny.	PHP Tipps 2010	3	14.10.2010 16:37
[Erledigt] AJAX/PHP: Neu erstellte Grafik wird nicht dargestellt	comlar	JavaScript, Ajax und mehr	2	07.08.2010 16:02
Koordinaten des Mauszeigers über einer Grafik (Drag&Drop mit jQuery)	anbeck	JavaScript, Ajax und mehr	5	19.01.2009 16:28
TinyMCE Editor mit GD Grafik	rezix	PHP Tipps 2008	8	18.12.2007 22:46
[Erledigt] Grafik in Scheiben schneiden		PHP Tipps 2006	6	02.05.2006 18:23
Die Position ein. Datensätzes aus einer Datenliste ermitteln	Locutus007	Datenbanken	8	07.03.2006 16:59
Grafik drucken		PHP Tipps 2006	13	24.02.2006 23:48
Grafik über mehrere Zellen einer Tabelle	neodrei	HTML, Usability und Barrierefreiheit	9	18.08.2005 19:26
build nummer des bs ermitteln ... nur bei microsoft's bs!!!		PHP Tipps 2005-2	2	24.07.2005 15:59
Besucher mit den meisten GB Einträgen ermitteln!		Datenbanken	7	21.04.2005 12:09
Text an einen bestimmten Punkt innerhalb der Grafik setzen		HTML, Usability und Barrierefreiheit	2	02.03.2005 18:46
[Erledigt] Tabellenname eines Feldes ermitteln		PHP-Fortgeschrittene	3	22.09.2004 15:49
Grafik in Grafik einfügen	Filewalker	PHP Tipps 2004	3	20.06.2004 14:04

09.12.2011, 20:53
LuLa Neuer Benutzer Registriert seit: 06.12.2011 Beiträge: 4 PHP-Kenntnisse: Anfänger	id einer bestimmten Grafik ermitteln Code: <html><head><title>Test</title> </head><body> <img src="a.jpg"> <img src="b.jpg"> <img src="c.jpg"> <script type="text/javascript"> function output_main_img(first) { i = document.images[first].src; alert(i); } output_main_img(0); </script> </body></html> Wenn ich jetzt Code: <img src="1.jpg"> vor alle anderen Bilder setze, wird nicht mehr "a.jpg" ausgegeben, sondern "1.jpg". Klar, 1.jpg ist dann ja auch das erste Bild. Wie aber kann ich das Script so verändern, daß immer a.jpg ausgegeben wird, egal wie viele Bilder ich davorsetze? Ich habe das momentan noch mit einer while-Schleife und einer Abfrage auf einen name-Attribut gelöst, siehe unten. Funktioniert auch. Aber da gibt es doch sicherlich noch etwas Besseres/Schnelleres, oder? Code: <html><head><title>Test</title> </head><body> <img src="1.jpg"> <img src="a.jpg" name="start"> <img src="b.jpg"> <img src="c.jpg"> <script type="text/javascript"> function output_main_img(first) { offset = 0; while (document.images[offset].name != 'start') { offset++; } i = document.images[offset+first].src; alert(i); } output_main_img(0); </script> </body></html>


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

09.12.2011, 21:11
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	„Der Computer“ soll jetzt erfühlen, welche Grafik es ist, die Du als erste betrachtest, oder wie? Natürlich musst DU die irgendwie kennzeichnen oder ein bestimmmtes Kriterium einführen, das Du hier (auch für uns Menschen) noch nicht deutlich gemacht hast. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --