winfo2105
Goto Top

Javascript-Funktion an anderer Stelle in Html-Datei ausführen

Hi,
ich habe ein Html Dokument und habe in den Header eine Menge Javascript geschrieben.
Nun will ich im Body einen Link einfürgen, und wenn man dort drauf klickt dann soll eine Javascript-Funktion ausgeführt werden die ich im Header geschrieben hab.
Wie kann ich das am bester verwirklichen?
Gruß

Content-ID: 124388

Url: https://administrator.de/contentid/124388

Ausgedruckt am: 22.11.2024 um 22:11 Uhr

Cubic83
Cubic83 07.09.2009 um 15:52:32 Uhr
Goto Top
Hallo,

vielleicht mit Funktionen?

<head>
function  Blah()
{

}
</head>
<body>

<a href="Javascript:Blah();">Mein Link</a>  

mfG
WINFO2105
WINFO2105 07.09.2009 um 16:02:25 Uhr
Goto Top
werd ich gleich mal ausprobieren.
hatte das so ähnlich, und zwar:
	<p><b>Locations:</b><br /><a href="javascript:void(0)" onclick="Javascript_Funktion();return false;">Link</a><br />  
nxclass
nxclass 07.09.2009 um 17:56:03 Uhr
Goto Top
... um den HTML- und Javascript-Code getrennt zu halten könnte man auch:

test.html
<html>
	<head>
		<title></title>
		<script src="test.js"></script>  
	</head>
    <body>
        <a id="link" href="">Link</a>  
    </body>
</html>

test.js
/**
 * Durchsucht das HTML Dokument nach einer ID und gibt das HTML Element zurück
 *
 * @param string sId	id des HTMl Elements
 * @return node
 */
function $(sId)
{
    return document.getElementById(sId);
}

// Wenn das Dokument geladen ist, wird ein OnClick Event dem HTML Element zugewiesen
window.onload = function()
{
    $('link').onclick = function() {  
    
        alert('Link geklickt');  
        
    }
}