Tema: "Juntar" dos javascript
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 19/05/2011, 11:05
Avatar de Hugo_Euan
Hugo_Euan
 
Fecha de Ingreso: abril-2011
Ubicación: Mérida, Yucatán, México
Mensajes: 193
Antigüedad: 13 años, 9 meses
Puntos: 71
Respuesta: "Juntar" dos javascript
Este mismo código funciona para el mismo formulario
Código Javascript: 
Ver original
  1. var timer=setInterval("COUNT_CHARACTERS();",10),Debugger,Proceded;function COUNT_CHARACTERS(){var b=document.getElementById("Comentarios");document.getElementById("Count").innerHTML="Comentarios: ("+b.value.length+" / 99)";if(b.value.length>99)b.value=b.value.substring(0,99)}
  2. function VALIDATE_FIELDS(){Debugger="Se han encontrado los siguientes errores: \n \n";Proceded=!0;for(var b=["Nombre","Direccion","Edad","Mail","Pais","campo_N..."],a=0;a<b.length;a++){var c=document.getElementById(b[a]);if(b[a]=="Mail")c.value.indexOf("@")==-1&&(Debugger+="* El email proporcionado es incorrecto. \n",Proceded=!1);else if(b[a]=="Nombre"){if(c.value.length<10||c.value.length>99)Debugger=Debugger+"* El campo "+b[a]+" debe contener al menos 10 caracteres y menos de 99. \n",Proceded=!1}else c.value==
  3. ""&&(Debugger=Debugger+"* El campo "+b[a]+" no puede estar vacio. \n",Proceded=!1)}Proceded?document.forms.MyData.submit():alert(Debugger)}
  4. var MyOptions={adultos:["...","Contactos","Videos X","Tendencias"],arte:["...","Literatura","Cine","Fotograf\u00eda"],ciencia:["...","Ingenier\u00eda","Medio Ambiente","Arquitectura"],compra:["...","Casa y Jard\u00edn","Animales","Autom\u00f3viles"],deportes:["...","Automovilismo","Futbol","Tenis","Padel"],educacion:["...","Cursos a distancia","Idiomas","Colegios","Web educativas"],hogar:["...","Cocina","Muebles","Decoraci\u00f3n","Electrodom\u00e9sticos"],internet:["...","Inform\u00e1tica","Alojamiento",
  5. "Chat","Descargas"],Juegos:["...","Loterias-Quinielas","Videojuegos"],negocios:["...","Bares y Restaurantes","Fiestas","Asesorias","Limpieza"],salud:["...","Medicamentos","Medicina Alternativa","Diet\u00e9tica"]};
  6. function cambiar(){try{var b=document.getElementById("servicios"),a,c='<select id="mes" style="color:white;font-weight:bold;border-style: outset; border-width: 4px; border-color:#00FFFF;background:#000000;font-size:11pt;">',d=document.getElementById("meses");switch(b.selectedIndex){case 1:a=MyOptions.adultos;break;case 2:a=MyOptions.arte;break;case 3:a=MyOptions.ciencia;break;case 4:a=MyOptions.compra;break;case 5:a=MyOptions.deportes;break;case 6:a=MyOptions.educacion;break;case 7:a=MyOptions.hogar;
  7. break;case 8:a=MyOptions.internet;break;case 9:a=MyOptions.Juegos;break;case 10:a=MyOptions.negocios;break;case 11:a=MyOptions.salud;break;default:a=["..."]}for(b=0;b<a.length;b++)c=c+'<option value="'+a[b]+'" selected>'+a[b]+"</option>";d.innerHTML=c+"</select>";document.getElementById("mes").value="..."}catch(e){}};


te recomiendo utilizarlo cuando vayas a liberar el proyecto.. =D

y quedaria algo así
Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title>ejemplo</title>
  4. <script>
  5. var timer=setInterval("COUNT_CHARACTERS();",10),Debugger,Proceded;function COUNT_CHARACTERS(){var b=document.getElementById("Comentarios");document.getElementById("Count").innerHTML="Comentarios: ("+b.value.length+" / 99)";if(b.value.length>99)b.value=b.value.substring(0,99)}
  6. function VALIDATE_FIELDS(){Debugger="Se han encontrado los siguientes errores: \n \n";Proceded=!0;for(var b=["Nombre","Direccion","Edad","Mail","Pais","campo_N..."],a=0;a<b.length;a++){var c=document.getElementById(b[a]);if(b[a]=="Mail")c.value.indexOf("@")==-1&&(Debugger+="* El email proporcionado es incorrecto. \n",Proceded=!1);else if(b[a]=="Nombre"){if(c.value.length<10||c.value.length>99)Debugger=Debugger+"* El campo "+b[a]+" debe contener al menos 10 caracteres y menos de 99. \n",Proceded=!1}else c.value==
  7. ""&&(Debugger=Debugger+"* El campo "+b[a]+" no puede estar vacio. \n",Proceded=!1)}Proceded?document.forms.MyData.submit():alert(Debugger)}
  8. var MyOptions={adultos:["...","Contactos","Videos X","Tendencias"],arte:["...","Literatura","Cine","Fotograf\u00eda"],ciencia:["...","Ingenier\u00eda","Medio Ambiente","Arquitectura"],compra:["...","Casa y Jard\u00edn","Animales","Autom\u00f3viles"],deportes:["...","Automovilismo","Futbol","Tenis","Padel"],educacion:["...","Cursos a distancia","Idiomas","Colegios","Web educativas"],hogar:["...","Cocina","Muebles","Decoraci\u00f3n","Electrodom\u00e9sticos"],internet:["...","Inform\u00e1tica","Alojamiento",
  9. "Chat","Descargas"],Juegos:["...","Loterias-Quinielas","Videojuegos"],negocios:["...","Bares y Restaurantes","Fiestas","Asesorias","Limpieza"],salud:["...","Medicamentos","Medicina Alternativa","Diet\u00e9tica"]};
  10. function cambiar(){try{var b=document.getElementById("servicios"),a,c='<select id="mes" style="color:white;font-weight:bold;border-style: outset; border-width: 4px; border-color:#00FFFF;background:#000000;font-size:11pt;">',d=document.getElementById("meses");switch(b.selectedIndex){case 1:a=MyOptions.adultos;break;case 2:a=MyOptions.arte;break;case 3:a=MyOptions.ciencia;break;case 4:a=MyOptions.compra;break;case 5:a=MyOptions.deportes;break;case 6:a=MyOptions.educacion;break;case 7:a=MyOptions.hogar;
  11. break;case 8:a=MyOptions.internet;break;case 9:a=MyOptions.Juegos;break;case 10:a=MyOptions.negocios;break;case 11:a=MyOptions.salud;break;default:a=["..."]}for(b=0;b<a.length;b++)c=c+'<option value="'+a[b]+'" selected>'+a[b]+"</option>";d.innerHTML=c+"</select>";document.getElementById("mes").value="..."}catch(e){}};
  12. </script>
  13. </head>
  14. <body>
  15. <form name="MyData" action="archivo.php" method="post">
  16. <label id="Count">Comentarios:</label><br /><textarea id="Comentarios">Aqu&iacute; tus comentarios</textarea><br />
  17. Nombre:<br /><input type="text" id="Nombre" /><br />
  18. Direccion:<br /><input type="text" id="Direccion" /><br />
  19. Edad:<br /><input type="text" id="Edad" /><br />
  20. E-Mail:<br /><input type="text" id="Mail" /><br />
  21. Pais:<br /><input type="text" id="Pais" /><br />
  22. Campo_N...:<br /><input type="text" id="campo_N..." /><br />  
  23. <select name="servicios" id="servicios" OnChange="cambiar()" style="color:white;font-weight:bold;border-style: outset; border-width: 4px; border-color:#00FFFF;background:#000000;font-size:11pt;">
  24. <option value="">Escojer</option>
  25. <option value="Adultos">Adultos</option>
  26. <option value="Arte y Literatura">Arte y Literatura</option>
  27. <option value="Ciencia y Tecnolog&iacute;a">Ciencia y Tecnolog&iacute;a</option>
  28. <option value="Compra-Venta">Compra-Venta</option>
  29. <option value="Deportes">Deportes</option>
  30. <option value="Educaci&oacute;n">Educaci&oacute;n</option>
  31. <option value="Hogar">Hogar</option>
  32. <option value="Internet">Internet</option>
  33. <option value="Juegos">Juegos</option>
  34. <option value="Negocios">Negocios</option>
  35. <option value="Salud y Belleza">Salud y Belleza</option>
  36. <option value="Sociedad">Sociedad</option>
  37. <option value="Turismo y Viaje">Turismo y Viaje</option>
  38. </select>
  39. <br>
  40. <div id="meses">
  41. <select style="color:white;font-weight:bold;border-style: outset; border-width: 4px; border-color:#00FFFF;background:#000000;font-size:11pt;">
  42. <option value="Enero" selected>...</option>
  43. </select>
  44. </div>
  45. <input type="button" onClick="VALIDATE_FIELDS();" value="imprimir alerta" />
  46. </form>
  47. </body>
  48. </html>

Menos Líneas de código, y menos entendible también, pero para fines prácticos funciona mejor....

SALUDOS y EXITO !!
__________________
Se acepta Karma (:

Si Dios con nosotros, quien contra nosotros !!