Mit Javascript an allen Link Tags einen rel-Attribut anfügen - Seite 2

agrajag · 23.08.2008, 13:24

Zitat:

Zitat von nikosch

Trotzdem kann ich nur schwer glauben, dass das Script keinen Fehler wirft.

Hm, warum sollte es? Sicher enthält es noch logische Fehler (z.B. müsste es statt endung =="jpeg" endung[endung.length-1] == "jpeg" heißen) aber nichts was wirklich einen Error produzieren würde...

Zitat:

@agrajag: Merke: Ein Framework schützt vor Arbeit nicht.

Das natürlich nicht. Aber es erleichtert die Arbeit ungemein. Vor allem bei JavaScript.
JavaScript macht ohne ein gutes Framework bzw. eine gute Bibliothek einfach keinen Spaß

23.08.2008, 13:33

ich würde ja auch viel lieber JQuery nutzen, allerdings weiß ich nicht wie ich es da schaffe, dass nur verlinken mit einer endung von grafiken das rel-attribute "bekommen". bin euch für jede antwort dankbar

agrajag · 23.08.2008, 13:56

Dein Ansatz ginge grundsätzlich schon - du darfst das JS aber eben erst ausführen, wenn die Links auch schon geladen sind... (und musst noch den Fehler mit endung=="jpg" korrigieren)....

Mit JQuery könnte man das so angehen:

Code:

$("a[href$='.jpg']").attr( {rel: "..."} );

das findet dir alle A-Elemente mit einem href-Attribut dessen wert auf ".jpg" endet.
Mit

Code:

    var format = ['jpg', 'JPG', 'gif', 'GIF'];
    for(var i in format)
    {
        $("a[href$='." + format[i] +"']").attr( {rel: "..."} );        
    }

erreichst du also was du willst. Sieht auch nicht unbedingt elegant aus, muss ich zugeben

23.08.2008, 17:47

ich bekomme im firefox immer die meldung, das skript würde keine antwort geben. ich solle es jetzt stoppen. stimmt der code?

agrajag · 23.08.2008, 18:33

Zitat:

Zitat von phyton

ich bekomme im firefox immer die meldung, das skript würde keine antwort geben. ich solle es jetzt stoppen. stimmt der code?

Bei mir läuft er:

Code:

<html>
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <a href="blub.jpg">blub</a>
  <a href="blubxxx">xxx</a><html>
<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    var format = ['jpg', 'JPG', 'gif', 'GIF'];
    for(var i in format)
    {
        $("a[href$='." + format[i] +"']").attr( {rel: "..."} );        
    }
  });
  </script>
</head>
<body>
  <a href="blub.jpg">blub</a>
  <a href="blubxxx">xxx</a>
</body>
</html>
</body>
</html>

Aber wie gesagt: auch dein Ansatz funktioniert theoretisch mit den 2 Korrekturen (<script>-Teil nach ganz unten, endung auf den richtigen Wert setzen und evtl. dann noch einer kleinen "Schönheitskur"

)

phpdummi · 23.08.2008, 21:30

Achte darauf das alles in der $(document).ready(function(){}-Funktion steht!

24.08.2008, 10:31

klappt leider immer noch nicht. ich bekomme weiterhin die meldung vom firefox

agrajag · 24.08.2008, 11:30

Keine Ahnung woran es dann liegt. Wenn du mein Quellcode-Snippet (komplett) ausprobierst, läuft das in deinem Firefox? (Ich hab gerade gesehen, dass ich beim rüberkopieren ein paar head/html/body-elemente zuviel reingemacht habe, einfach löschen

)

Sonst: Verwende doch einfch deinen Ansatz. Da lag der Fehler wie gesagt daran, dass das JS erst ausgeführt werden darf wenn ein HTML komplett geladen/ das DOM aufgebaut ist. Und du die Endungen falsch abfragst. Wenn ich das korrigiert habe lief es bei mir

(Allerdings hab ich's nicht mi 70 sondern mit 2 Links ausprobiert...)

kajdo · 20.01.2009, 14:19

Hi miteinander ...

hatte das selbe Problem mit lytebox ... wollte in meinem blogger blog nict immer händisch rel="lytebox" hinzufügen

die lösung des problems war recht simpel - auch wenns ein wenig gedauert hat sie zu finden

Wichtig ist, dass in lytebox (und vermutlich in lightbox genauso) ein konstruktor aufgerufen wird, welcher gaaanz gaaanz wichtige sachen erledigt ... wie zum beispiel das overlay für die elemente festzulegen

dieser konstruktor (initLytebox()

muss nach der javascript-mäßigen überarbeitung der rel-tags nocheinmal laufen, sonst hat man zwar überall seine rel="lytebox/lightbox" beziehungen stehen, aber sieht halt nix

also phyton ... das meiste hast bereits geschaft, such dir in lightbox die initialisierungsmethode, ruf sie nach deinen modifikationen auf und schwups gehts

hier der lytebox code

PHP-Code:

  function onload_func() {
    var links = document.getElementsByTagName("a");
            
    for (i=0; i<links.length; i++) {
        if ( 
            (links[i].getAttribute('href').toLowerCase().indexOf('.jpg') > -1) ||
            (links[i].getAttribute('href').toLowerCase().indexOf('.gif') > -1)
           ) links[i].setAttribute('rel','lytebox[test]');
    }
    initLytebox();
}

zu sehen samt tut für die automatische einbindung in einen blogger/blogspot blog gibts das ganze vermutlich demnächst auf detect-it.blogspot.com

werd vorher nur noch die ganze quick and dirty gschicht gscheit machen und auch von agrajag vorgeschlagene jquery methoden dafür benutzen

hoffe ich konnte helfen

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
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
Link auf JavaScript Funktion	andrew22	HTML, Usability und Barrierefreiheit	3	03.01.2007 17:06
Javascript link mit button öffnen (ich habe alles versucht )	Bruce	HTML, Usability und Barrierefreiheit	8	27.03.2006 11:02
[Erledigt] Validation Problem - HTML Tags in Javascript		HTML, Usability und Barrierefreiheit	7	06.03.2006 23:38
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
Javascript im PHP Link		PHP Tipps 2005	2	08.01.2005 02:05
Javascript Fenster über PHP Link	Mano	PHP Tipps 2004	2	07.10.2004 17:50
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24


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

23.08.2008, 13:33
phyton Gast Beiträge: n/a	ich würde ja auch viel lieber JQuery nutzen, allerdings weiß ich nicht wie ich es da schaffe, dass nur verlinken mit einer endung von grafiken das rel-attribute "bekommen". bin euch für jede antwort dankbar

23.08.2008, 13:56
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Dein Ansatz ginge grundsätzlich schon - du darfst das JS aber eben erst ausführen, wenn die Links auch schon geladen sind... (und musst noch den Fehler mit endung=="jpg" korrigieren).... Mit JQuery könnte man das so angehen: Code: $("a[href$='.jpg']").attr( {rel: "..."} ); das findet dir alle A-Elemente mit einem href-Attribut dessen wert auf ".jpg" endet. Mit Code: var format = ['jpg', 'JPG', 'gif', 'GIF']; for(var i in format) { $("a[href$='." + format[i] +"']").attr( {rel: "..."} ); } erreichst du also was du willst. Sieht auch nicht unbedingt elegant aus, muss ich zugeben __________________ Today you...Tomorrow me.

23.08.2008, 17:47
phyton Gast Beiträge: n/a	ich bekomme im firefox immer die meldung, das skript würde keine antwort geben. ich solle es jetzt stoppen. stimmt der code?

23.08.2008, 21:30
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Achte darauf das alles in der *$(document).ready(function(){}-Funktion steht! __________________ "Nobody is as smart as everybody" - Kevin Kelly* — The best things in life aren't things

24.08.2008, 10:31
phyton Gast Beiträge: n/a	klappt leider immer noch nicht. ich bekomme weiterhin die meldung vom firefox

24.08.2008, 11:30
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Keine Ahnung woran es dann liegt. Wenn du mein Quellcode-Snippet (komplett) ausprobierst, läuft das in deinem Firefox? (Ich hab gerade gesehen, dass ich beim rüberkopieren ein paar head/html/body-elemente zuviel reingemacht habe, einfach löschen ) Sonst: Verwende doch einfch deinen Ansatz. Da lag der Fehler wie gesagt daran, dass das JS erst ausgeführt werden darf wenn ein HTML komplett geladen/ das DOM aufgebaut ist. Und du die Endungen falsch abfragst. Wenn ich das korrigiert habe lief es bei mir (Allerdings hab ich's nicht mi 70 sondern mit 2 Links ausprobiert...) __________________ Today you...Tomorrow me.

20.01.2009, 14:19
kajdo Neuer Benutzer Registriert seit: 20.01.2009 Beiträge: 1	Hi miteinander ... hatte das selbe Problem mit lytebox ... wollte in meinem blogger blog nict immer händisch rel="lytebox" hinzufügen die lösung des problems war recht simpel - auch wenns ein wenig gedauert hat sie zu finden Wichtig ist, dass in lytebox (und vermutlich in lightbox genauso) ein konstruktor aufgerufen wird, welcher gaaanz gaaanz wichtige sachen erledigt ... wie zum beispiel das overlay für die elemente festzulegen dieser konstruktor (initLytebox() muss nach der javascript-mäßigen überarbeitung der rel-tags nocheinmal laufen, sonst hat man zwar überall seine rel="lytebox/lightbox" beziehungen stehen, aber sieht halt nix also phyton ... das meiste hast bereits geschaft, such dir in lightbox die initialisierungsmethode, ruf sie nach deinen modifikationen auf und schwups gehts hier der lytebox code PHP-Code: `function onload_func() { var links = document.getElementsByTagName("a"); for (i=0; i<links.length; i++) { if ( (links[i].getAttribute('href').toLowerCase().indexOf('.jpg') > -1) \|\| (links[i].getAttribute('href').toLowerCase().indexOf('.gif') > -1) ) links[i].setAttribute('rel','lytebox[test]'); } initLytebox(); }` zu sehen samt tut für die automatische einbindung in einen blogger/blogspot blog gibts das ganze vermutlich demnächst auf detect-it.blogspot.com werd vorher nur noch die ganze quick and dirty gschicht gscheit machen und auch von agrajag vorgeschlagene jquery methoden dafür benutzen hoffe ich konnte helfen Geändert von kajdo (20.01.2009 um 16:22 Uhr).