img mit JS ansprechen

Hey,

ich hab ein Problem und komme irgentwie nicht zur Lösung.

Ich will ein Bild via Javascript löschen. Bevor es zum löschen geht hab ich erstmal RemoveChild genommen um zu sehen ob die Funktion überhaupt funktioniert,
und ob das Bild angesprochen wird.

Also unter jedem Bild wird ein kleines img erstellt (X zum löschen)
In diesem wird bei onClick der Pfad vom davor erstellten Bild gespeichert.
Dieser wird an eine function übergeben welche dann damit arbeiten soll. Der Name ist gleichzeitig der Pfad der img Datei.

Aber wieso klappt das nicht?

while(($file = readdir($dir)) !== false)
			{  
				if(in_array(pathinfo($file, PATHINFO_EXTENSION), $extensions))
				{ 
					echo '<div name="picture" style="width:auto; margin:5px; height:auto; float:left;"><img style="border:1px; border-color:black; border-style:solid;" src="'.$path.$file.'" alt="L&auml;dt Bild!" width="300" height="100"/><br /><div align="center"><img name="Album2/'.$file.'" style="margin:0px auto; text-align:center; cursor:pointer;" src="delete.png" onclick=""javascript:deletePic(Album2'.$file.')></div></div>';
				}  
			}

function deletePic (pfad) {
	var name = pfad;
	var node = document.getElementById(pfad);
	if (node.parentNode) {
		node.parentNode.removeChild(node);
	}
}

hat einer von euch einen Lösungsweg ohne MySQL?

- Tom

Ich meine nur das ich keine MySQL Datenbank erstellen will um die Bilder eindeutig zuweißen zu können.

Ich seh da grad im Moment selber nichtmehr durch, steh irgentwie aufn Schlauch.

- Tom

Ich habs jetzt so aber die Funktion scheint garnicht erst aufgerufen zu werden:

function deletePic(pfad) {
	var path = pfad;
	alert (path);
	/*var name = "pfad";
	var link = '<a href="/auswertung.php?name='
	+ name + '">Eintragen...</a>'
	document.write(link);
	 window.location.reload();*/
	}

<img style="margin:0px auto; text-align:center; cusor:pointer;" src="delete.png" onclick="pic(Album2/'.$file.')">

- Tom

Zitat von Goldkiller

Wie denn auch.
deletePic() ist nicht pic(). Glaube auch das JavaScript meckern wird, weil du den Text nicht richtig als String übergibst.
Das sollte dir aber per JavaScript in der Konsole auch ausgegeben werden.

Die beiden Links von mir hast du dir sicherlich auch nicht angeschaut :/.

Der Fehler mit deletePic und Pic ist egal. Ich wollte es probeweiße nur mal umbennen, geht letzten Endes aber auch nicht. :\
Doch die Links hab ich mir angeschaut, allerdings weiß ich nicht was das

$(e).text('there');

'there' das bedeutet?

Aber bis dahin kommt es ja nichtmal hab ja zum Test nur ein alert reingetan.
Die Funktion wird garnicht erst aufgerufen. Liegt es daran das ich irgentwie beim <img> Tag die parameter beim aufrufen der funktion falsch verwende?

- Tom

Zitat von xGreekz7x

Damit du dich selbst ein arbeitest habe ich dir hier ein kleines Beispiel mittels jQuery geschrieben.

HTML

(function($) {
				$(document).ready( function() { 
					$(".deleteImg").click(function() { // delete Icon click event
						var e = $(this).attr('data-delete'); // get the data-delete Selector
						$(e).remove(); // remove Image
						$(this).remove(); // remove delete Icon
					});
				});
			})(jQuery);

Danke dafür, aber du hast den Bildern mit
id="deleteImage1 bzw. data-delte ja eindeutige ID,s zugewiesen.
Bei mir wird jedes Bild ja erstmal ausgelesen somit kann ich ja nicht jedes mit einer ID wie deiner versehen da die Anzahl und die Bilder ja variabel ist oder nicht?
Deswegen versuche ich ja den Pfad zu übertragen um das Bild dann ansprechen zu können.
Und daran scheiterts ja bei mir.

- Tom