Thema: Aktiven Link per JS deaktivieren

Hallole Leutz,<P>Ich suche nach einer Lösung für folgendes:<P>Navigationen enthalten Links.<BR>Diese Links führen einen zu einer Page.<BR>Soweit klar  [img]images/icons/grin.gif" border="0[/img]<P>Jetzt soll der aktive Link, der einen gerade auf Seite A) geführt hat, in Text umgewandelt werden.<P>Warum?<BR>Weil es wenig sinnvoll ist dem Link zu einer Page zu folgen, auf der man sich schon befindet. Sozusagen eine Navigationshilfe ...<P>Wenn jemand einen Ansatz hätte wäre ich ihm dankbar  [img]images/icons/smile.gif" border="0[/img]<P>Grüsse Jochen

Moderator devshare.de | Usability

2

Re: Aktiven Link per JS deaktivieren

Moin<P>Wenn die Navigation absolute Positionen hat mach doch einfach bei onClick nen Div davor. In den Div kannst du ja den Text des Links reinschreiben und diesen dann visible machen.<BR>Falls der Text den Link nicht richtig verdeckt versuchs mal mit ner Tabelle in dem Div, in der sich der Text befindet oder im Notfall halt den richtigen Link auch in einen Div machen und den dann invisible machen.

Re: Aktiven Link per JS deaktivieren

<B>index.htm</B><BR><BLOCKQUOTE><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><HR><pre><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR> <HEAD><BR>  <TITLE>Link-Test-Frameset</TITLE><BR> </HEAD><BR> <FRAMESET FRAMEBORDER="0" FRAMEBORDER="NO" BORDER="0" FRAMESPACING="0" COLS="100,*"><BR>  <FRAME SRC="nav.htm?0" NAME="F1" FRAMEBORDER="0" FRAMEBORDER="NO" SCROLLING="NO" NORESIZE MARGINWIDTH="0" MARGINHEIGHT="0"><BR>  <FRAME SRC="page1.htm" NAME="F2" FRAMEBORDER="0" FRAMEBORDER="NO" SCROLLING="AUTO" NORESIZE MARGINWIDTH="0" MARGINHEIGHT="0"><BR> </FRAMESET><BR> <NOFRAMES><BR>  Leider keine Framesets!<BR><BR> </NOFRAMES>');<BR></HTML><BR></pre><HR></BLOCKQUOTE><BR><B>nav.htm</B><BR><BLOCKQUOTE><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><HR><pre><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR> <HEAD><BR>  <TITLE>Link-Test-Nav</TITLE><BR>  <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"><BR>   <!--<BR>    /**************************************************************************/<BR>    var links = Array('page1.htm', 'page2.htm', 'page3.htm')<BR>    var search = window.location.search;<BR>    var activ = 0;<BR>    if( search!="" )<BR>    {<BR>     activ = parseInt(search.substr(1,1));<BR>    }<BR>    /**************************************************************************/<BR>    function setWinTo(newIdx)<BR>    {<BR>     top.F2.location.href = links[newIdx];<BR>     top.F1.location.href = 'nav.htm?'+newIdx;<BR>    }<BR>    /**************************************************************************/<BR>   //--><BR>  </SCRIPT><BR> </HEAD><BR> <BODY BGCOLOR="#777777" TEXT="#FFFFFF" ALINK="#CCCCCC" LINK="#000000" VLINK="#000000"><BR>  <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"><BR>   <!--<BR>    /**************************************************************************/<BR>    for(idx=0;idx<links.length;idx++)<BR>    {<BR>     if( idx==activ )<BR>     {<BR>      document.writeln('<B>&raquo;</B> '+links[idx]+' <B>&laquo;</B><BR>');<BR>     }<BR>     else<BR>     {<BR>      document.writeln('<A HREF="#" ONCLICK="setWinTo('+idx+')">&middot;&middot; '+links[idx]+' &middot;&middot;</A><BR>');<BR>     }<BR>    }<BR>    /**************************************************************************/<BR>   //--><BR>  </SCRIPT><BR> </BODY><BR></HTML><BR></pre><HR></BLOCKQUOTE><BR><B>page1.htm</B><BR><BLOCKQUOTE><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><HR><pre><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR> <HEAD><BR>  <TITLE>Link-Test-P1</TITLE><BR> </HEAD><BR> <BODY BGCOLOR="#770000" TEXT="#FFFFFF"><BR>  PAGE 1<BR> </BODY><BR></HTML><BR></pre><HR></BLOCKQUOTE><BR><B>page2.htm</B><BR><BLOCKQUOTE><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><HR><pre><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR> <HEAD><BR>  <TITLE>Link-Test-P2</TITLE><BR> </HEAD><BR> <BODY BGCOLOR="#007700" TEXT="#FFFFFF"><BR>  PAGE 2<BR> </BODY><BR></HTML><BR></pre><HR></BLOCKQUOTE><BR><B>page3.htm</B><BR><BLOCKQUOTE><font size="1" face="Verdana, Helvetica, sans-serif">Code:</font><HR><pre><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><BR><HTML><BR> <HEAD><BR>  <TITLE>Link-Test-P3</TITLE><BR> </HEAD><BR> <BODY BGCOLOR="#000077" TEXT="#FFFFFF"><BR>  PAGE 3<BR> </BODY><BR></HTML><BR></pre><HR></BLOCKQUOTE><BR>So geht's auch (sogar im NN4.7)!  [img]images/icons/cool.gif" border="0[/img]<p>[ 21.12.2001: Beitrag editiert von: Hörnchen ]