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-Key: 124388

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

Printed on: April 26, 2024 at 06:04 o'clock

Member: Cubic83
Cubic83 Sep 07, 2009 at 13:52:32 (UTC)
Goto Top
Hallo,

vielleicht mit Funktionen?

<head>
function  Blah()
{

}
</head>
<body>

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

mfG
Member: WINFO2105
WINFO2105 Sep 07, 2009 at 14:02:25 (UTC)
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 />  
Member: nxclass
nxclass Sep 07, 2009 at 15:56:03 (UTC)
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');  
        
    }
}