al clicar en un link se quede subrayado

[Laufwerk]

Hola amigos!!
Tengo este codigo

Código:

                            <ul> 
                                <li  class="carpeta">Usuario 1</li>
                                <ul >
                                    <li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")'>Pagina 1</a></li>
                                    <li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
                                    <li class="pagina"><a onclick='cargarPagina("pag3.txt","c:\prueba3")'>Pagina 3</a></li>
                                </ul>
                            </ul>
                            <ul> 
                                <li  class="carpeta">Usuario 2</li>
                                <ul >
                                    <li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\prueba1")'>Pagina 1</a></li>
                                    <li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
                                </ul>
                            </ul>

y en mi CSS he puesto lo siguiente:

Código:

				#main #content_left #left #middle #right #content ul{
					padding:0;
					margin:0;
					padding-left:5px;
				}
				#main #content_left #left #middle #right #content li a:hover{
					text-decoration:underline;
					cursor:pointer;
				}
				#main #content_left #left #middle #right #content li a:visited{
					text-decoration:underline;
					cursor:pointer;
				}
				
				#main #content_left #left #middle #right #content .carpeta{
					font-weight:bolder;
					font-size: 12px;
					padding-left: 17px;
					margin-left: 2px;
					margin-bottom: 5px;
					background:url(../img/menu/listas/folder.png) top left no-repeat;
					list-style:none;
				}
				#main #content_left #left #middle #right #content .pagina{
					font-size: 11px;
					padding-left: 17px;
					margin-left: 2px;
					margin-bottom: 5px;
					background:url(../img/menu/listas/page.png) bottom left no-repeat;
					list-style:none;
				}

Como puedo hacer para que cuando se clique en un link, se quede subrayado ? y en cuanto se clique en otro desaparezca y se subraye el otro?


Gracias!!!!

[Laufwerk]

he probado con el a:active pero no funciona hay alguna otra manera de hacerlo?

Gracias!!

[sublime_style]

prueba con a:visited el problema es que te va a subrayar todos los que clikees no solo el ultimo.

No se si lo que nesecitas hacer se puede lograr mediante Css unicamente o debas manejar un poco de Javascript quizas.

[willyfc]

mmm, como cada vez que das click a un vínculo la web se recarga, puedes hacerlo así, utiliza una clase para marcar el vínculo en que estas en ese momento:

Código:

.vinculo_activo{text-decoration:underline}

y ahora se la aplicas a cada vínculo en el que estas:

Código HTML:

<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")' href="#" class="activa">Este texto aparecerá subrayado</a></li> 

y así sucesivamente la aplicas si estas en la siguiente hoja se la aplicas al siguiente menú.

si la pag no se recarga entonces tendrás que utilizar javascript

[Laufwerk]

willyfc imagino que
.vinculo_activo es activa, no?

[willyfc]

si,si, disculpa se me fue es que estoy algo liado ahora pero si es así

Código HTML:

<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")' href="#" class="vinculo_activo">Este texto aparecerá subrayado</a></li> 

[Laufwerk]

muchas gracias!!!!

Ya lo tengo, un saludo!