|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
rockfant
Anmeldungsdatum: 19.11.2005 Beiträge: 1
|
Verfasst am: 19.11.2005 17:45:11 Titel: Probs bei einem Scipt |
|
|
Hallo Ihr,
hoffe jemand kann mir helfen.
Habe ein Script gefunden und möchte es nun erweitern. Wie schaffe ich es, daß der Link aktiv bleibt. Also mouseover und bei klick aktiv bleibt. Möchte gerne dieses Script als Navigation verwenden und nur mouseover is mir zuwenig.
Hier das Script:
<script language="JavaScript">
IMG01 = "file:///F|/Homepage neu/pfeilan.gif" //image when mouse is over the link
IMG02 = "file:///F|/Homepage neu/pfeilaus.gif" //image when mouse isn't over the link
function imgover(imgname){
imgname.src = IMG01
}
function imgout(imgname){
imgname.src = IMG02
}
//-->
</script>
<script language=javaScript>
<td width="75" align="center" bordercolor="#262132"> <img name="IMG01" src="pfeilaus.gif" width="10" height="10" border="0">
<a href="mainglaube.htm" onMouseOver="imgover(IMG01)" onMouseOut="imgout(IMG01)" style="text-decoration: none" target="mainFrame"><font size="1" face="Arial, Helvetica, sans-serif">Glaube</font></a> </td>
<td width="75" align="center" bordercolor="#262132"><img name="IMG02" src="pfeilaus.gif" width="10" height="10" border="0">
<a href="mainnewsletter.htm" onMouseOver="imgover(IMG02)" onMouseOut="imgout(IMG02)" style="text-decoration: none" target="mainFrame" ><font size="1" face="Arial, Helvetica, sans-serif">Newsletter</font></a></td>
<td width="75" align="center" bordercolor="#262132"><img name="IMG03" src="pfeilaus.gif" width="10" height="10" border="0">
<a href="mainspecial.htm" onMouseOver="imgover(IMG03)" onMouseOut="imgout(IMG03)" style="text-decoration: none" target="mainFrame"><font size="1" face="Arial, Helvetica, sans-serif">Special</font></a></td> |
|
Nach oben |
|
|
frankpilath Häufiger Poster
Anmeldungsdatum: 22.03.2005 Beiträge: 21 Wohnort: Düsseldorf
|
Verfasst am: 17.12.2005 11:27:17 Titel: |
|
|
hallo "rockfant",
habe dir mal etwas ausgearbeitet, was dich vielleicht etwas weiterbringen wird. mit meiner lösung kannst du jedem link ein anderes "over"- bzw. "out"-image zuordnen - kannst natürlich auch immer das selbe verwenden.
man könnte das bloße tauschen der images auch ohne funktion, also nur mit (d)html-tags lösen, aber ich finde funktionen immer viel komfortabler, weil man hier ja auch noch die schriftart, schriftgröße, etc. mit der selben funktion ändern könnte:
Code: |
<html>
<head><title> switch images </title></head>
<body>
<script type="text/javascript">
function switchImg(linkId, mode){
var imgId = linkId.replace('link', 'img');
var imgNum = linkId.substring(4, 6);
var imgSrc = 'pfeil' + mode + imgNum + '.gif';
// 'pfeilan01.gif' bzw. 'pfeilaus01.gif'
// 'pfeilan02.gif' bzw. 'pfeilaus02.gif' etc.
window.document.getElementById(imgId).src = imgSrc;
}
</script>
<table style="font-family:Arial; font-size:8pt;">
<tr>
<td width="75px" align="center">
<a id="link01" href="mainglaube.htm" target="mainFrame"
style="text-decoration:none;"
onMouseOver="switchImg(id, 'an' );"
onMouseOut ="switchImg(id, 'aus');">
<img id="img01" src="pfeilaus01.gif"
width="10px" height="10px" border="0">
Glaube
</a>
</td>
<td width="75px" align="center">
<a id="link02" href="mainglaube.htm" target="mainFrame"
style="text-decoration:none;"
onMouseOver="switchImg(id, 'an' );"
onMouseOut ="switchImg(id, 'aus');">
<img id="img02" src="pfeilaus02.gif"
width="10px" height="10px" border="0">
Newsletter
</a>
</td>
</tr>
</table>
</body>
</html> |
viel spaß damit !
gruß, frank |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|