Radio buttons que controlen caracteres de textarea

[Koden]

Saludos a todos.

Estoy intentando hacer un script en el que seleccionando un radio me deje escribir un número de caracteres determinado, en función del radio que se pulse.

Estuve mirando y encontré rápidamente el textarea que sólo deje introducir un número de caracteres, pero al intentarlo hacer desde controlado desde un radio button, me falla, aunque mi nivel de javascript es bastante malo y seguramente estoy haciendo algo mal.

Este es mi código.

Código javascript:

<script type="text/javascript">
    function habilita (val)
    {
        document.forms[0].element_3.disabled = false;
        num_caracteres_permitidos = val
    }
 
    if (document.forms[0].element_3.disabled = false)
    {
        contenido_textarea = ""
 
        function valida_longitud ()
        {
            num_caracteres = document.forms[0].element_3.value.length
 
            if (num_caracteres > num_caracteres_permitidos){
                document.forms[0].element_3.value = contenido_textarea
            }else{
                contenido_textarea = document.forms[0].element_3.value
            }
 
            if (num_caracteres >= num_caracteres_permitidos){
                document.forms[0].element_3_2.style.color="#ff0000";
            }else{
                document.forms[0].element_3_2.style.color="#000000";
            }
 
            cuenta ()
        }
        function cuenta (){
            document.forms[0].caracteres.value=document.forms[0].texto.value.length
        }
    }
</script>
 

y el HTML

Código HTML:

<li id="li_8" >
    <label class="description" for="element_8">Seleccione tipo de anuncio:</label>
    <span>
        <input id="element_8_1" name="element_8_1" class="element radio" type="radio" value="1" onclick="habilita(150)" />
        <label class="choice" for="element_8_1">1/3 Página  :: 60 €</label>
        <input id="element_8_2" name="element_8_2" class="element radio" type="radio" value="2" onclick="habilita(300)" />
        <label class="choice" for="element_8_2">1/2 Página :: 90 €</label>
        <input id="element_8_3" name="element_8_3" class="element radio" type="radio" value="3" onclick="habilita(300)" />
        <label class="choice" for="element_8_3">1 Página :::: 180 €</label>
    </span>
    <p class="guidelines" id="guide_8"><small>Seleccione uno de los tres tipos de anuncio. En caso de querer otro formato o una campaña semestral o anual póngase en contacto con nosotros en el correo <a href="mailto:[email protected]">[email protected]</a></small></p> 
</li>
<li id="li_3" >
    <label class="description" for="element_3">Texto del anuncio</label>
    <div><textarea id="element_3" name="element_3" class="element textarea small" onkeydown="valida_longitud()" onkeyup="valida_longitud()" disabled="disabled"></textarea></div>
    <div>
        <input id="element_3_2" name="element_3_2" class="element text" value="" type="text">
        <label for="element_3_2">Caracteres</label>
    </div>
    <p class="guidelines" id="guide_3"><small>Escriba el texto del anuncio en castellano. Nosotros nos encargamos de traducirlo al inglés.</small></p>
</li>
 

Básicamente lo que quiero es que al pinchar sobre un radio, se habilite el textarea y le de a la variable num_caracteres_permitidos un valor para permitir introducir caracteres.

Gracias a todos por las aportaciones y un saludo.

[Koden]

Bueno, tras diversas pruebas he podido darme cuenta que había cosas (y sigue habiendo, porque sigue sin funcionar, vaya) que no estaban bien.

En fin, sea como sea, el código que tengo ahora mismo es así:

Código JavaScript:

<script type="text/javascript">
    function valida_longitud ()
    {
        num_caracteres = getElementById("element_3_1").value.length
        num_caracteres_permitidos = getElementById("element_8").value
 
        if (num_caracteres_permitidos == 1)
            num_caracteres_permitidos = 150
        else
            num_caracteres_permitidos = 300
 
        if (num_caracteres > num_caracteres_permitidos){
            getElementById("element_3_1").value = contenido_textarea
        }else{
            contenido_textarea = getElementById("element_3_1").value
        }
 
        if (num_caracteres >= num_caracteres_permitidos){
            getElementById("element_3_2").style.color="#ff0000";
        }else{
            getElementById("element_3_2").style.color="#000000";
        }
 
        cuenta ()
    }
 
    function cuenta (){
        document.getElementById("element_3_2").value=document.getElementById("element_3_1").value.length
    }
</script>
 

El HTML, por su parte, lo tengo así:

Código HTML:

<li id="li_8" >
    <label class="description" for="element_8">Seleccione tipo de anuncio:</label>
    <span>
        <input id="element_8" name="element_8" class="element radio" type="radio" value="1" onclick="getElementById('element_3_1').disabled = !this.checked" />
        <label class="choice" for="element_8_1">1/3 Página  :: 60 €</label>
        <input id="element_8" name="element_8" class="element radio" type="radio" value="2" onclick="getElementById('element_3_1').disabled = !this.checked" />
        <label class="choice" for="element_8_2">1/2 Página :: 90 €</label>
        <input id="element_8" name="element_8" class="element radio" type="radio" value="3" onclick="getElementById('element_3_1').disabled = !this.checked" />
        <label class="choice" for="element_8_3">1 Página :::: 180 €</label>
    </span>
</li>
<li id="li_3" >
    <label class="description" for="element_3_1">Texto del anuncio</label>
    <div><textarea id="element_3_1" name="element_3_1" class="element textarea small" onkeydown="valida_longitud()" onkeyup="valida_longitud()"></textarea></div>
    <div>
        <input id="element_3_2" name="element_3_2" class="element text" value="" type="text">
        <label for="element_3_2">Caracteres</label>
    </div>
</li>
 

Básicamente el textarea es element_3_1, el input element_3_2 debería mostrarme el número de caracteres restantes y element_8 es el radio button seleccionado.

El caso es que ni me desactiva el textarea hasta que selecciono un radio button, ni me indica el número máximo de caracteres...

¿Alguien sabría decirme que es lo que estoy haciendo mal? ¿Será que no lo estoy enfocando bien y habría maneras más fáciles?

Muchas gracias a todos por descontado y un saludo.

[Adler]

Hola

Prueba así

Código javascript:

var num_caracteres_permitidos = "";
    function habilita (val){
num_caracteres_permitidos = val;
      if (document.forms[0].element_3_1.disabled = true)
    {
        document.forms[0].element_3_1.disabled = false;
}
}
 
 
function valida_longitud() {
            num_caracteres = document.forms[0].element_3_1.value.length
 
            if (num_caracteres > num_caracteres_permitidos){
                document.forms[0].element_3_1.value = contenido_textarea
            }else{
                contenido_textarea = document.forms[0].element_3_1.value
            }
 
            if (num_caracteres >= num_caracteres_permitidos){
                document.forms[0].element_3_2.style.color="#ff0000";
            }else{
                document.forms[0].element_3_2.style.color="#000000";
            }
            cuenta ()
        }
        function cuenta (){
            document.forms[0].element_3_2.value=document.forms[0].element_3_1.value.length
        }
 

Suerte

[Koden]

Gracias por tu aporte, Adler, gracias a él al menos me deja escribir en el textarea. Pero sigue sin permitirme el número máximo de caracteres. (Vamos, que el número de caracteres que me deja escribir por defecto es cero... Entiendo que el valor que está mandando a la variable num_caracteres_permitidos es nulo.

¿A alguien se le ocurre alguna idea de por qué?

Muchas gracias a todos y un saludo.

[Adler]

Hola

No se que error estás cometiendo pero funciona en FF y IE

Suerte