a href aktion automatisch

massel · 28.01.2008, 13:32

Hallo,

ich hab mich schon blutig gegoogelt und so nichts gescheites gefunden.

Ich habe einen Link der über den a-Tag eine rel enthält die einem JS übergeben wird, bzw das JS liest den Klick aus (ID etc) und reagiert dann darauf. Dazu muss aber auf den a_tag geklickt werden:

PHP-Code:


			
 <a href="test.html" rel="width:120,height:120,ajax:true" id="test" class="test" title="test">test</a>

Wenn ich eine direkte onclick-Sache verwenden würde weiß ich das diese in den body legen kann und so bei einem Seitenbesuch/F5 die Aktion gleich ausführen kann. Wie ich jetzt aber eine Funktion schreiben soll die auf den Link mit der id="test" klicken soll und diese im body eingebunden wird, weiß ich nicht.

Wie stelle ich das also an, wenn mir hier jemand einen Link oder nen kleines Bsp. zu geben kann wäre echt klasse.

rewboss · 28.01.2008, 23:29

*wirr*

"rel"? Wie kommst du darauf? "rel" gibt Auskunft über das Verhältnis zwischen zwei Dokumenten. Dass damit Parameter einem JS-Skript übergeben werden kann scheint mir etwas... unorthodox zu sein.

Eigentlich bräuchtest du onclick. Das ist ein Event-Handler, der auf das entsprechende Ereignis wartet (also ein Mausklick), und dann führt er JavaScript-Code aus:

Code:

<a href="test.html" onclick="ausfuehren();">Test</a>

"ausfuehren" kannst du mit dem Namen einer Funktion, die du woanders definiert hast. Traditionell wird sie im <head> definiert, also ganz am Anfang des Dokuments:

Code:

<head>
<title>Mein JavaScript-Test</title>

<script type="text/javascript">
function ausfuehren(){
 alert('Kuckuck!');
}
</script>

</head>

Hier wird die Funktion definiert, aber nicht ausgeführt -- bis auf dem Link geklickt wird.

Übrigens, nachdem der Code ausgeführt wurde, lädt der Browser eine neue Seite herunter. Um das zu verhindern, kann man den Handler um einen return-Befehl ergänzen:

Code:

<a href="test.html" onclick="ausfuehren(); return false;">Test</a>

So. Und wie soll man Parameter übergeben? Nun, die runden Klammer sind nicht umsonst da. Wir können zum Beispiel zwei Zahlen übergeben: einfach in die Klammer reinschreiben und mit Kommata trennen:

Code:

<a href="test.html" onclick="ausfuehren(3, 6); return false;">Test</a>

In der Funktion selbst fangen wir diese Zahlen auf und speichern die in Variablen:

Code:

function ausfuehren(x, y){
 alert(x + ' plus ' + y + ' sind ' + x+y);
}

steffenk · 29.01.2008, 01:43

ähm reboss: rel wird bei web 2.0 hauptsächlich für js genutzt, meist für lightbox etc. Die Frameworks bekommen das als Muster und setzen ihre event listener, typisch:

Code:

$$('a[rel^=jseffekt]').invoke(...)

bewusstwerdung · 29.03.2008, 17:24

Hallo,
bin auf diesen Post gestoßen da er für mich sehr Interessant
wäre im Bezug auf die " Lightbox".

Ist es möglich nach dem öffnen einer Seite sofort die
"Lightbox" mit dem dazugehörigen Bild zu starten.

HTML-Code:

<script language="JavaScript">

function initLightbox() {
myLightbox = new Lightbox();
myLightbox.start(document.anchors[0].images/bild016.gif);
}

</script>

und folgenden Teil im <body> Tag

HTML-Code:

onLoad="document.location.href='images/bild016.gif'" rel="lightbox"

hier wird leider nur das Bild geladen aber nicht die Lightbox

Greets Otto