Link class via Java-Script auslesen und Effekt erzeugen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anhaltspunkt
attribut
auslese
beispiel
code
dank
dokument
dokumentation
effekt
eigenschaft
funktion
haupt
http
klasse
setzen
suche
teddy
test
url
verpassen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
kill-a-teddy schrieb:
Hallo,
ich möchte via JavaScript einen Link mit einem bestimmten class Namen auslesen und daraufhin das .html Dokument umschreiben (den Link in einer div verschachteln und einen css Effekt verpassen)..
Nun suche ich gute Anhaltspunkte / Tutorials dazu :) Hoffe ihr könnt mir weiterhelfen :D
Am einfachsten wäre das mit jQuery, das beinhaltet eine Selektor-Engine die wie CSS arbeitet. So kannst du über:
$('a .classname')
auf alle Links mit classname zugreifen. Das href-Attribute kann man dann so ändern:
$('a .classname').attr('href', 'dein-neuer-link.html');
Verschachteln (einen Wrapper drumherum setzen) kannst du so:
$('a .classname').wrap('<div class="wrapper" />');
CSS-Klassen kannst du so hinzufügen:
$('a .classname).addClass('classname');
Beitrag zuletzt geändert: 3.7.2012 11:43:00 von trueweb -
trueweb schrieb:
Verschachteln (einen Wrapper drumherum setzen) kannst du so:
$('a .classname').wrap('<div class="wrapper" />');
[/code]
Darauf lag mein Haupt- Augenmerkmal, sehr schön danke! :)
Wenn ich nun die class mehrmals verschachteln möchte:
$('a.test').wrap('<div class="wrapper" /><div class="wrapper2" />');
Ist das so richtig?
Und wie das aussieht, werden die div's dann automatisch wieder geschlossen, wie kann ich eben das verhindern und sie erst nach dem 2. Link mit einem anderen class namen zum Beispiel "end" wieder schließen?
//EDIT: Habe zum Test mal folgendes probiert, anhand der Jquery Dokumentation (hat allerdings nicht funktioniert, obwohl es so in der Doku steht?!?)
Die Funktion:
function wrap(){ $(".rotate_front").wrap("<div></div>"); }
Die Funktion aufrufen, weil es in einer externen .js passieren soll:
<img src="images/cotton-flower.jpg" class="rotate_front" onload="wrap()" alt="" />
Die laut Doku auch mögliche Methode
Hat auch nicht funktioniert :/$("img").class(".rotate_front").wrap("<div></div>");
Wenn ich allerdings via demselben selector eine .css eigenschaft verändern möchte, funktioniert das zum Beispiel:
$(".rotate_front").css("border","3px solid red");
Beitrag zuletzt geändert: 3.7.2012 14:10:07 von kill-a-teddy -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
