Buenos días;
tengo una página de estadísticas en la que aparece un selector de fechas y unas tablas que muestran los datos.
El selector de fechas es un DatePicker y el las tablas se ordenan mediante un TableKit.
Las dos partes funcionan perfectamente... por separado.
Éste es el código que llama a las dos partes:
<!-------------------------------------------- INICIO DE CODIGO ------------------------------------------------------------------->
<!-- INICIO ORDENAR TABLAS -->
<script type="text/javascript" src="prototype.js"></script><!----- si quito esta linea funciona datapicker ------->
<script type="text/javascript" src="tablekit.js"></script>
<table id="myTable" class='sortable resizable editable'>
<thead>
<tr height="20" >
<th align="center" class='menu' >Telefono</th>
<th align="center" class='menu' >Dirección</th>
</tr>
</thead>
<tbody>
<tr>
<td>2</td>
<td>a</td>
</tr>
<tr>
<td>3</td>
<td>c</td>
</tr>
<tr>
<td>4</td>
<td>d</td>
</tr>
<tr>
<td>1</td>
<td>b</td>
</tr>
</tbody>
</table>
<!-- INICIO DATAPICKER -->
<script type="text/javascript" src="mootools.js"></script><!--- Si quito esta linea funciona ordenar tablas -->
<script type="text/javascript" src="DatePicker.js"></script>
<link rel="stylesheet" href="DatePicker.css" type="text/css" />
<script type="text/javascript">
window.addEvent('domready', function(){ $$('input.DatePicker').each( function(el){ new DatePicker(el); });});
</script>
<input readonly="readonly" id="new_day" name="new_day" class="DatePicker" alt="{dayChars:3,dayNames:['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],daysInMonth:[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],format:'dd-mm-yyyy',monthNames:['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Deciembre'],startDay:1,yearOrder:'DESC', yearRange:1,yearStart:2007}" type="text">
<!-------------------------------------------- FIN DE CODIGO ------------------------------------------------------------------->
Como veréis hay dos includes que son los que se interiferen.
En la url
http://olga.carrilero.net/javas
podeís encontrar los códigos completos.
y en
http://olga.carrilero.net/javas/provas.php
está el ejemplo en funcionamiento.
He podido comprobar que en el archivo prototype.js hay una variable llamada Class que al renombrarla empieza a funcionar el DatePicker, pero sigue sin funcionar lo de ordenar tablas.
Abradeceria si alguien me puediese explicar qué es lo que tengo que hacer para que funcionen sin pelearse.
Muchas gracias a todos.