Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 28/12/2012, 12:24

lee este post
http://www.forosdelweb.com/f13/recup...cript-1003134/

Aqui dejo una variante de la script

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Contar elementos</title>
<meta name="description" content="Contar elementos" />
<style type="text/css">
/*<![CDATA[*/
.rojo{
color: red;
font-weight: bold;
}
.verde{
color: green;
font-weight: bold;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var datos = "";
var valor = "";
function elementosForm() {
var los_elementos = document.getElementById('formu').elements;
for (i=0; i<los_elementos.length; i++) {
    if(los_elementos[i].value == ''){
    valor = 'sin valor';
    color = "rojo";
    }else{
        if((los_elementos[i].type == 'radio')||(los_elementos[i].type == 'checkbox')){
            if(los_elementos[i].checked == true){
            valor = los_elementos[i].value;
            }else{
            valor = "";
            }
        }else{
        valor = los_elementos[i].value;
        }
    color = "verde";
}
datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'- <b>Valor: <\/b><span class="'+color+'">' + valor + '<\/span><br \/>';
}
document.getElementById("mensajes").innerHTML = datos;
datos = "";
}
//]]>
</script>
</head>
<body>
<form id="formu" action="#">
<div id="div1"><label>Nombre:</label> <input id="nombre" class="estilo" type="text" name="nombre" value="" /><br />
<br />
<label>Sexo:</label> <input id="macho" name="sexo" type="radio" value="macho" /> Caballo <input id="hembra" name="sexo" type="radio" value="hembra" /> Llegua<br />
<br />
<label>Edad:</label> <input id="edad" class="estilo" type="text" name="edad" value="" /><br />
<br />
<label>Peso:</label> <input id="peso" class="estilo" type="text" name="peso" value=""/><br />
<label>Categorías:</label> A<input  type="checkbox" name="categoria" value="A"/> B <input  type="checkbox" name="categoria" value="B"/> C 
<input  type="checkbox" name="categoria" value="C"/>
<br />
<br />
<label>Raza:</label> <select id="raza" class="estilo" name="raza">
<option id="arabe" value="arabe">Árabe</option>
<option id="frison" value="frison">Frisón</option>
<option id="mustang" value="mustang">Mustang</option>
<option id="espaniol" value="espaniol">Español</option>
<option id="noruego" value="noruego">Fiordo Noruego</option>
<option id="hanoveriano" value="hanoveriano">Hanoveriano</option>
</select></div>
<div id="div2"><label>Capa:</label> <select id="capa" class="estilo" name="capa" size="3">
<option id="tordo" value="tordo">Tordo</option>
<option id="castanio" value="castanio">Castaño</option>
<option id="perla" value="perla">Perla</option>
<option id="alazar" value="alazar">Alazar</option>
<option id="negro" value="negro">Negro</option>
</select><br />
<br />
<label>Temperamento:</label> <select id="temperamento" class="estilo" name="temperamento">
<option id="docil" value="docil">Dócil</option>
<option id="nervioso" value="nervioso">Nervioso</option>
</select><br />
<br />
<label>Disciplina 1:</label> <select id="disciplina1" class="estilo" name="disciplina1">
<option id="salto" value="salto">Salto</option>
<option id="tiro" value="tiro">Tiro</option>
</select><br />
<br />
<label>Disciplina 2:</label> <select id="disciplina2" class="estilo" name="disciplina2">
<option id="raid" value="raid">Raid</option>
<option id="doma" value="doma">Doma</option>
<option id="campo" value="campo">Campo</option>
</select><br />
<br />
<label>Descripción:</label> 
<textarea id="comentarios" class="estilo" name="comentarios" rows="7" cols="30"></textarea>
<br />
<br />
<label>Subtipo:</label> <select id="subtipo" class="estilo" name="subtipo">
<option id="ligero" value="ligero">Ligero</option>
<option id="pesado" value="pesado">Pesado</option>
</select><br />
<br />
<input type="button" value="procesar" onclick="elementosForm();"/>
</div>
</form>
<div id="mensajes"><!-- fix --></div>
</body>
</html>

Saludos