Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 29/09/2012, 07:31

Podrías hacer algo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Cambiar Clase</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
 
.activo { 
text-decoration: line-through;
color:#FF0000;
} 
 
</style>
<script type="text/javascript">
    
// cambias la clase
var lista;
function CambiarClase(elemento){
if (lista)lista.className='';
elemento.className='activo';
alert(elemento.innerHTML); // aqui obtenés el número
lista=elemento;
 
//ahora necesitás ajax para recuperar la variable de tu php
 
}
</script>
</head>
<body>
<ul>
<li><a onclick="CambiarClase(this);" href="#">1</a></li>
<li><a onclick="CambiarClase(this);" href="#">2</a></li>
<li><a onclick="CambiarClase(this);" href="#">3</a></li>
</ul>
</body>
</html>

Aunque veo innecesario el uso del elemento a, bastaría
<li onclick="CambiarClase(this);">1</li>
y cursor: pointer; en el css

Saludos