HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Probs bei einem Scipt

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Probs bei einem Scipt

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
rockfant



Anmeldungsdatum: 19.11.2005
Beiträge: 1

BeitragVerfasst am: 19.11.2005 17:45:11    Titel: Probs bei einem Scipt Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
frankpilath
Häufiger Poster


Anmeldungsdatum: 22.03.2005
Beiträge: 21
Wohnort: Düsseldorf

BeitragVerfasst am: 17.12.2005 11:27:17    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.