Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/05/2012, 16:39
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Tachado sin enlace

Gracias kseso.
Tal cual, cargar toda una librería pudiendo pudiendo añadir unos span es absurdo.
Reescribí lo anterior con javascript puro, aunque se podría pulir un poco más:
  • damos: text-decoration: line-through; a todos los "ul.lista li"
  • cambiamos el valor de text-decoration de los <li> padres de enlaces cuyo contenedor superior en 2 niveles (o sea el ul) tenga la clase "lista".

Código HTML:
Ver original
  1. <ul class="lista">
  2.        <li><a href="enlace1.html">Enlace 1</a></li>
  3.        <li><a href="enlace2.html">Enlace 2</a></li>
  4.        <li>sin enlace</li>
  5.        <li>sin enlace</li>
  6. </ul>
Código CSS:
Ver original
  1. .lista li{
  2.     text-decoration: line-through;
  3. }
Código Javascript:
Ver original
  1. window.onload = function(){
  2.     var a = document.links;                   // seleccionamos todos los enlaces del documento ...
  3.     for(var i = 0; i < a.length; i++){        // ... y los recorremos
  4.         var ul = a[i].parentNode.parentNode;  // seleccionamos el tag ul
  5.         if(ul.className == "lista"){          // si tiene la clase "lista" entonces...
  6.             var li = a[i].parentNode;         // seleccionamos el li
  7.             li.style.textDecoration = "none"; // ... quitamos el line-trough del li
  8.         }
  9.     }            
  10. }

Saludos.