problemas mootools + select anidado

donangelomix · #1 (**permalink**) 07/04/2012, 12:07

hola estoy usando un validador de campos llamado mootools para enbellecer los input,select,textarea :
http://www.purosoftware.com/desarrollo-web-scripts-formularios/13-sexyforms.html
ademas uso un select anidado para pais,provincia,ciudad que es el sgte:
http://www.formatoweb.com.ar/ajax/select_dependientes_3_niveles.php

el problema que tengo es que el mootools no embellecer los select anidados, es un problema porque al seleccionar el pais los select de provincia y ciudades no son afectados por el mootools y asi se ve esteticamente mal el formulario

aqui les dejo las url:

johhan16 · #2 (**permalink**) 07/04/2012, 15:09

si no sabes usar bien el AJAX alli tienes el problema, pero seria bueno que mostraras mas bien tu codigo del form, el codigo AJAX y donde generas la respuesta

donangelomix · #3 (**permalink**) 09/04/2012, 10:32

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<head>
...
<link rel="stylesheet" href="mootools/red/forms-red.css" type="text/css" media="all" />
    <script type="text/javascript" src="mootools/mootools-core-1.4.5-full-compat-yc.js"></script>
    <script type="text/javascript" src="mootools/forms.v1.3.mootools.min.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function() {
        $$("enbellecer.input", "enbellecer.select", "enbellecer.textarea").each(function(el) {
            el.DoSexy();
        });
        });
    </script>
...
</head>
<body>
<form action="index.php" method="post" name="forma" id="forma" class="enbellecer">
...
<tr>
        <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Provincia<span class="campo_obligatorio">*</span></td>
        <td><?php generaPaises(); ?></td>
    </tr>
    <tr>
        <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Cantones<span class="campo_obligatorio">*</span></td>
        <td>
            <select name="cantones" id="cantones" disabled="disabled"> <!--disabled="disabled"-->
                <option value="-1">Selecciona opci&oacute;n...</option>
            </select>
        </td>
    </tr>
    <tr>
        <td style="color:#b2030b" width="50%" align="right" nowrap="nowrap">Parroquias<span class="campo_obligatorio">*</span></td>
        <td>
            <select name="parroquias" id="parroquias" disabled="disabled"> <!--disabled="disabled"-->
                <option value="-1">Selecciona opci&oacute;n...</option>
            </select>
        </td>
    </tr>   
...
</form>
</body>

Código Javascript:

Ver originalfunction nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
    lo que se puede copiar tal como esta aqui */
    var xmlhttp=false;
    try
    {
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
        try
        {
            // Creacion del objet AJAX para IE
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(E)
        {
            if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
        }
    }
    return xmlhttp; 
}
.....
....

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