Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
ich würde gerne auf meiner Seite folgendes script unterbringen.
Nur klappt es nicht.
Was soll das Script:
Auf meine Seite befinden sich eine menge Bilder aus meinem FUSSI Verein.Bei jedem klicken
auf das Thumb öffnet sich das Bild in voller größe.
Nun möchte ich aber wenn man dort draufklickt dass sich ein neues Fenster mit öffnet mit vorgegebener URL. Bis jetzt hab ich diesen Befehl immer vor jedes Bild gesetzt:
target="_blank"onclick="window.open(URL);"
Klappt auch wunderbar, nur ist es sehr mühsam das bei jedem der Bilder zu machen.
Gibt es da eine Möglichkeit im HEADER einen Code zu setzen der dies automatisiert?
var elements = document.getElementsByTagname("img");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
el.onclick = function(target) {
//dein handler code
};
}
Yep genau Noctarius, nur wie gesagt mit neuem Fenster öffnen und eingabe einer besimmten URL.
Wie gesagt bin neu
Der Code sieht gut aus, kann ich denn in meinen BLOG HEADER (Blogger) so einfügen?
BZW: wo die URL eingeben bei deinem Script und kann ich (img) nich erweitern z.B. img;jpg;jpeg ???
Das führst du einfach im Head aus, das wird dann für jedes Img-Tag aufgerufen und setzt den entsprechenden Handler. Musst halt nur in der Function deinen window.open Code einfügen.
var elements = document.getElementsByTagname("img");
for (var i = 0; i < elements.length; i++) {
var el = elements;
el.onclick = function(target) {
//dein handler code
};
}
Wo dann die URL einfügen bzw. diesen Code: target="_blank"onclick="window.open(URL);" ????
Bzw: Weiß gerade nicht was du mit handler code meinst?
Ein Handler ist die Funktion, welche du an ein Event hängst (z.B. onclick). Die URL musst du irgendwo hinterlegen und dann anhand des entsprechenden img-Tags überlegen wie du diese bekommst (target ist das Element auf welchem das onclick ausgelöst wurde). Man könnte z.B. das alt-Attribute nutzen und dort die URL hinterlegen alternativ könnte man auch ein Array nutzen.
var elements = document.getElementsByTagname("img");
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
el.onclick = function() {
window.open("<img src='"+this.src+"'>");
};
// Um zu zeigen, dass man mit dem Bild etwas anstellen kann, setzten wir css cursor auf pointer
el.style.cursor="pointer";
}
Woher hätte denn das Traget kommen sollen?
Der Nachteil hier ist eben, dass Das dann bei allen Bildern funktioniert.