contador de caracteres no se muestra a la primera en formulario Update

miguelcalla · #1 (**permalink**) 19/10/2011, 10:23

index.php funciona perfecto ,luego cuando quiero modificar algun otr dato abro edicion_ficha.php (update) ; y el cuadrito del contador de caracteres aparece en blanco

uso la sgte funcion para contar los caracteres
funciones.js

contenido_textarea = ""
num_caracteres_permitidos = 250
function valida_longitud(){
num_caracteres = document.forms[0].funcionp.value.length
if (num_caracteres > num_caracteres_permitidos){
document.forms[0].funcionp.value = contenido_textarea }
else{
contenido_textarea = document.forms[0].funcionp.value }
if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000";}else{
document.forms[0].caracteres.style.color="#000000";}
cuenta()
}
function cuenta(){
document.forms[0].caracteres.value=document.forms[0].funcionp.value.length}

edicion_ficha.php

<tr>
<td align="right" nowrap="nowrap">Justificación de la Postulación <span class="campo_obligatorio">* <br><i>250 caracter max.</i></span></td>
<td nowrap="nowrap">
<textarea name="justificacionp" id="justificacionp" cols="20" rows="5" onkeydown="longitud()" onkeyup="longitud()" value=""><?php echo $db_user["justificacionpostulacion"];?></textarea>
</td>
</tr>
<tr> 
<td align="right" nowrap="nowrap"><i>caracteres:</i>
</td>
<td><input align="right" type="text" name="c" size="4" disabled="yes" style="text-align:center;">
</td>
</tr>

#2 (**permalink**) 19/10/2011, 10:45

Es claro: tu "input" se llama "c", no "caracteres". Y la función se llama "valida_longitud", no "longitud".

miguelcalla · #3 (**permalink**) 19/10/2011, 11:29

disculpa la torpesa es que en el formulario tengo 2 textarea (funciones y justificacion) te copie el que era del otro. este es el correcto

contenido = ""
permitidos = 250

function longitud(){

c = document.forms[0].justificacionp.value.length

if (c > permitidos){
document.forms[0].justificacionp.value = contenido
}else{
contenido = document.forms[0].justificacionp.value
}

if (num_caracteres >= permitidos){
document.forms[0].c.style.color="#ff0000";
}else{
document.forms[0].c.style.color="#000000";
}

cuentame()
}
function cuentame(){
document.forms[0].c.value=document.forms[0].justificacionp.value.length
}

ojala me puedas ayudar

#4 (**permalink**) 19/10/2011, 13:45

No pareces estar llamando a cuentame() en ninguna parte

miguelcalla · #5 (**permalink**) 19/10/2011, 14:10

si te das cuenta en la funtion longitud en el final

IsaBelM · #6 (**permalink**) 19/10/2011, 14:19

ya que has copiado el código. al menos cambia num_caracteres por c

Cita:

<html>
<head>
<script type="text/javascript">
var num_caracteres_permitidos = "";
function habilita (val) {
num_caracteres_permitidos = val;
document.forms[0].texto.disabled = false;
}

function valida_longitud () {
var num_caracteres = document.forms[0].texto.value.length;

if (num_caracteres > num_caracteres_permitidos){
document.forms[0].texto.value = contenido_textarea;
}else{
contenido_textarea = document.forms[0].texto.value;
}

if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000";
}else{
document.forms[0].caracteres.style.color="#000000";
}
cuenta ()
}

function cuenta (){
document.forms[0].caracteres.value=document.forms[0].texto.value.length
}

function validar (){
var num_caracteres = document.forms[0].texto.value.length;

if (num_caracteres > num_caracteres_permitidos){
alert ("El texto sobrepasa la seleccion que has hecho de caracteres a insertar en el textarea");
}
return false;
}
</script>
</head>
<body>
<form method="post" action="#" onsubmit="return validar(this);">
<li>
<label for="rad">Selecciona número de caracteres a insertar en el textarea
<input type="radio" name="rad" onclick="habilita(10)" /> 10 Palabras
<input type="radio" name="rad" onclick="habilita(15)" /> 15 Palabras
<input type="radio" name="rad" onclick="habilita(20)" /> 20 Palabras
</label>
</li>

<li>
<label for="texto">Texto del anuncio
<textarea id="texto" name="texto" onkeyup="valida_longitud()" disabled="disabled"></textarea>
</label>
</li>

<li>
<label for="caracteres">Caracteres escritos hasta el momento
<input type="text" id="caracteres" name="caracteres" value="" />
</label>
</li>
<input type="submit" value="Enviar" />
</form>
</body>
</html>