después de que me ayudárais con mis dudas anteriormente recurro a vosotros otra vez,
tengo un problema con un script, concretamente uno que uso para ordenar las tablas, el script es propiedad de :
Código:
La estructura es la siguiente:/* * * TableSorter 2.0 - Client-side table sorting with ease! * Version 2.0.5b * @requires jQuery v1.2.3 * * Copyright (c) 2007 Christian Bach * Examples and docs at: http://tablesorter.com * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */
Una tabla con archivos, y debajo un botón para añadir archivos nuevos, ese botón al ser pulsado hace un slideToggle para dejar ver un selector de archivos.
El problema es que en el momento que pincho en alguna de las cabeceras de la tabla para ordenar el contenido de la tabla el botón dejar de funcionar y ya no muestra el selector de archivos, es más, si el selector de archivos está visible y después pulso la cabecera de la tabla éste desaparece y el botón se inutiliza.
Os pego el código:
Código HTML:
Ver original
<table id="table-project-files"> <thead> <tr> </tr> </thead> <tbody> <?php if($files->num_rows() == 0): ?> <tr class="no-files odd"> </tr> <?php else: ?> <?$i=0;?> <?php foreach($files->result() as $file): $files2=$this->files_model->get_file_by_id($file->idfile); foreach($files2->result() as $file2):?> <tr> </tr> <?$i++;?> <? endforeach;?> <?php endforeach; ?> <?php endif; ?> </tbody> </table> <div class="panel gray new-file" style="display:none"> <?=form_open_multipart('projects/project/upload_file')?> <div class="button-bar right"> <button type="button" class="short red" onclick="$('.new-file').slideUp('slow', function() { $('.file-fields').remove() });"> <img src="<?=base_url()?>image/icon-delete.png" /> Cancel </button> <button type="submit" class="short green"> <img src="<?=base_url()?>image/icon-upload.png" /> Upload </button> </div> </form> </div> <button type="button" id="botonañadir" class="large green" onclick="if($('.new-file').find('.file-fields').length == 0) $('.new-file').slideDown('slow')"> <img src="<?=base_url()?>image/icon-new.png" /> Add new files </button>
Código Javascript:
Ver original
<script language="javascript" type="text/javascript"> $(document).ready(function() { $('#table-project-files').tablesorter({headers : { 0 : {sorter : false}, 1 : {sorter : 'name'}, 4 : {sorter : false}, 5 : {sorter : false} }, widgets : ['zebra'] }); }); </script>
El código del tablesorter es público y el script está aquí:
[URL="http://tablesorter.com/docs/"]http://tablesorter.com/docs/[/URL]
Muchas gracias, espero que me podáis ayudar.