Tema: problemas mootools + select anidado
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/04/2012, 10:32
donangelomix
(Desactivado)
  
Fecha de Ingreso: marzo-2012
Mensajes: 108
Antigüedad: 12 años, 2 meses
Puntos: 1
Respuesta: problemas mootools + select anidado
codigo del form: inscripcion.php donde genero la respuesta en el Body y llamo a los js en el Head
Código Javascript: 
Ver original
  1. <head>
  2. ...
  3. <link rel="stylesheet" href="mootools/red/forms-red.css" type="text/css" media="all" />
  4.     <script type="text/javascript" src="mootools/mootools-core-1.4.5-full-compat-yc.js"></script>
  5.     <script type="text/javascript" src="mootools/forms.v1.3.mootools.min.js"></script>
  6.     <script type="text/javascript">
  7.         window.addEvent('domready', function() {
  8.         $$("enbellecer.input", "enbellecer.select", "enbellecer.textarea").each(function(el) {
  9.             el.DoSexy();
  10.         });
  11.         });
  12.     </script>
  13. ...
  14. </head>
  15. <body>
  16. <form action="index.php" method="post" name="forma" id="forma" class="enbellecer">
  17. ...
  18. <tr>
  19.         <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Provincia<span class="campo_obligatorio">*</span></td>
  20.         <td><?php generaPaises(); ?></td>
  21.     </tr>
  22.     <tr>
  23.         <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Cantones<span class="campo_obligatorio">*</span></td>
  24.         <td>
  25.             <select name="cantones" id="cantones" disabled="disabled"> <!--disabled="disabled"-->
  26.                 <option value="-1">Selecciona opci&oacute;n...</option>
  27.             </select>
  28.         </td>
  29.     </tr>
  30.     <tr>
  31.         <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Parroquias<span class="campo_obligatorio">*</span></td>
  32.         <td>
  33.             <select name="parroquias" id="parroquias" disabled="disabled"> <!--disabled="disabled"-->
  34.                 <option value="-1">Selecciona opci&oacute;n...</option>
  35.             </select>
  36.         </td>
  37.     </tr>   
  38. ...
  39. </form>
  40. </body>


Código Javascript: 
Ver original
  1. function nuevoAjax()
  2. { 
  3.     /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
  4.     lo que se puede copiar tal como esta aqui */
  5.     var xmlhttp=false;
  6.     try
  7.     {
  8.         // Creacion del objeto AJAX para navegadores no IE
  9.         xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  10.     }
  11.     catch(e)
  12.     {
  13.         try
  14.         {
  15.             // Creacion del objet AJAX para IE
  16.             xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  17.         }
  18.         catch(E)
  19.         {
  20.             if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
  21.         }
  22.     }
  23.     return xmlhttp; 
  24. }
  25. .....
  26. ....

tambien pueden bajar los script ai deje los enlaces para que comprueben , o generen un select anidado en un carpeta aparte y traten de aplicarle el MOOTOOLS haber si les embellece los select me pasan la voz