Cómo bloquear un link?

[AitorCalo]

Hola. Mi pregunta a todos y todas las cibernautas es de cómo hacer mediante javascript que un link funcione clickando antes en varios enlaces, es decir, que el link que yo pongo esté bloqueado hasta que el usuario haga click en todos los anteriores enlaces que haya puesto. Graciaas!

[America|UNK]

Tendrías que comprobar si los links han sido clickeados, por ejemplo agregarle un atributo a los que ya lo estén.
Un ejemplo. La función active(param1,param2) . El param1 contiene actGoogle (links con el atributo rel="actGoogle" que tienen que clickearse para activar el link Google), param 2 googleLink (Id del link Google)

Código HTML:

<style>
a.disabled {color:#999}
</style>
Links para activar Google.com
<a href="#" rel="actGoogle">Link 1</a>
<a href="#" rel="actGoogle">Link 2</a>
<a href="#" rel="actGoogle">Link 3</a>

<a href="http://www.google.com" id="googleLink" target="_blank">Google.com</a> 

Código Javascript:

<script>
function active(quien,donde){
    var d = document, a = d.getElementsByTagName("a"), Q = d.getElementById(donde), i,l;
    var Links = function(fn){
        for(i=0,l=a.length;i<l;i++){
            if(a[i].tagName == 'A' && a[i].getAttribute("rel") == quien) fn(a[i])
        }
    }
    Q.className = 'disabled'
    Q.onclick = function(){return false}
    Links(function(el){
        el.onclick = function(){
            this.act = 1; var all = 1
            Links(function(el2){ if(!el2.act) all = 0})
            if(all){
                Q.className = '';
                Q.onclick = function(){return true}
            }
        }
    })
 
}
 
active("actGoogle","googleLink")
</script>
 

[InKarC]

en jQuery

Código Javascript:

$(".requeridosAntes").click(function(){
    $(this).attr("rel","ya")
})
 
$("#linkImportante").click(function(){
   if($(".requeridosAntes").length != $("[rel='ya']").length){
     return false;
  }
})
 

[America|UNK]

No siempre hay que depender de Frameworks, si no no se aprende nada. jQuery tiene sus respectivos foros.

[AitorCalo]

Iniciado por America|UNK

Tendrías que comprobar si los links han sido clickeados, por ejemplo agregarle un atributo a los que ya lo estén.
Un ejemplo. La función active(param1,param2) . El param1 contiene actGoogle (links con el atributo rel="actGoogle" que tienen que clickearse para activar el link Google), param 2 googleLink (Id del link Google)

Código HTML:

<style>
a.disabled {color:#999}
</style>
Links para activar Google.com
<a href="#" rel="actGoogle">Link 1</a>
<a href="#" rel="actGoogle">Link 2</a>
<a href="#" rel="actGoogle">Link 3</a>

<a href="http://www.google.com" id="googleLink" target="_blank">Google.com</a> 

Código Javascript:

<script>
function active(quien,donde){
    var d = document, a = d.getElementsByTagName("a"), Q = d.getElementById(donde), i,l;
    var Links = function(fn){
        for(i=0,l=a.length;i<l;i++){
            if(a[i].tagName == 'A' && a[i].getAttribute("rel") == quien) fn(a[i])
        }
    }
    Q.className = 'disabled'
    Q.onclick = function(){return false}
    Links(function(el){
        el.onclick = function(){
            this.act = 1; var all = 1
            Links(function(el2){ if(!el2.act) all = 0})
            if(all){
                Q.className = '';
                Q.onclick = function(){return true}
            }
        }
    })
 
}
 
active("actGoogle","googleLink")
</script>
 

Gracias, me funcionó. Lo llevaba buscando mucho tiempo, hasta que apareciste tú ;)

PD: Tienes Taringa? Te daría puntillos.