Ponerle clase a un input

info0506 · #1 (**permalink**) 07/02/2013, 10:39

Hola, necesito su ayuda, tengo dos script en javascript, uno para poder usar el datepicker de JQueryUI y el otro para poder añadir campos input. hasta aqui bien, pero elproblema es que quiero que esos campos input tenga la clase del datepicker o sea la clase llamada campofecha, la verdad que no tegno mucha idea de que hacer para solucionarlo, ojala algun iluminado me ayude, xD, saludos!

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <link type="text/css" href="css/redmond/jquery-ui-1.10.0.custom.css" rel="Stylesheet" />      
    <script type="text/javascript" src="js/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript">
        jQuery(function($){
            $.datepicker.regional['es'] = {
                closeText: 'Cerrar',
                prevText: '<Ant',
                nextText: 'Sig>',
                currentText: 'Hoy',
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
                dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
                dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
                weekHeader: 'Sem',
                dateFormat: 'dd/mm/yy',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            $.datepicker.setDefaults($.datepicker.regional['es']);
        });
    
        $(document).ready(function(){
            $('.campofecha').datepicker({
                showWeek: true,
                showOn: 'both',
                buttonImage: 'imagenes/calendar.gif',
                buttonImageOnly: true,
                onSelect: function(textoFecha, objDatepicker){
                    $("#mensaje").html("<p>Has seleccionado: " + textoFecha + "</p>");
                }
            });
        })
    </script>
    
    <script type="text/javascript">
<!--
    num=0;
    function crear(obj) {
            num++;
            fi = document.getElementById('fiel'); // 1
            contenedor = document.createElement('div'); // 2
            contenedor.id = 'div'+num; // 3
            fi.appendChild(contenedor); // 4
 
            ele = document.createElement('input'); // 5
            ele.type = 'text'; // 6
            ele.name = 'fil'+num; // 6
            ele.class='campofecha';
            
            contenedor.appendChild(ele); // 7
  
            ele = document.createElement('input'); // 5
            ele.type = 'button'; // 6
            ele.value = 'Borrar'; // 8
            ele.name = 'div'+num; // 8
            ele.onclick = function () {borrar(this.name)} // 9
            contenedor.appendChild(ele); // 7
        }
        function borrar(obj) {
            fi = document.getElementById('fiel'); // 1 
            fi.removeChild(document.getElementById(obj)); // 10
        }
--> 
    </script>
    
        
    </head>
    <body>
    
        <form action="handleFormMantenimiento.php" method="post">
        <table class="tablamostrar">
            <th><input type="button" value="Añadir" onclick="crear(this)" /></th>
            <td id="fiel"></td>
        </tr>
            <tr><td colspan = 2> 
            <input type="submit" name="action" value="Ok"></input>
            <input type="button" value="Cancel" onclick="window.location.href='indexManProgramacion.php'" /></input>
            </td></tr>
        
        </table>
        </form>
 
    </body>
</html>

PIRRUMAN · #2 (**permalink**) 07/02/2013, 11:41

esta parte

Cita:

ele.class='campofecha';

puedes probar con

ele.className = 'campofecha';
o
ele.classList.add('campofecha');
o
ele.setAttribute('class', 'campofecha');