problema con versiones de jquery

Montes28 · #1 (**permalink**) 10/10/2012, 09:22

hola amigos espero me puedan ayudar

estoy apenas empezando con jquery y no se porque no me funciona cuando quiero realizar lo siguiente

Código Javascript:

Ver original$('#lista').appendTo('.files').text(file);
$('a').attr('href',"uploads/"+file);

me funicona perfecto con jquery-1.3.1.min.js y necesito utilizar http://code.jquery.com/jquery-1.8.2.min.js y http://code.jquery.com/ui/1.8.24/jquery-ui.min.js

que puedo hacer ?

Dradi7 · #2 (**permalink**) 10/10/2012, 09:39

Bueno seria bueno que pongas tu código completo para poder ver cual es el error porque así me parece que si esta bien

Montes28 · #3 (**permalink**) 10/10/2012, 09:44

Dradi7 gracias por responder

Código Javascript:

Ver original<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"></script>
<script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>

Código Javascript:

Ver original<script language="javascript">
$(document).ready(function(){
    var button = $('#upload_button'), interval;
    new AjaxUpload('#upload_button', {
        action: 'upload.php',
        onSubmit : function(file , ext){
        if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
            // extensiones permitidas
            alert('Error: Solo se permiten imagenes');
            // cancela upload
            return false;
        } else {
            button.text('Uploading');
            this.disable();
        }
        },
        onComplete: function(file, response){
            button.text('Upload');
            // enable upload button
            this.enable();          
            // Agrega archivo a la lista
            $('#lista').appendTo('.files').text(file);
            $('#ruta').val("uploads/"+file)
            $('a').attr('href',"uploads/"+file);
            
        }   
    });
});
</script>

Código HTML:

Ver original<body>
<input type="text" />
 
<input name="" type="button"  id="upload_button" value="Subir Imagen"/>
<br />
<a id="lista">
</a><br />
<!--<a href="">Ver Imagen</a>-->
<input type="text" id="ruta"/>
</body>

Dradi7 · #4 (**permalink**) 10/10/2012, 09:49

Ahora si puedo ver tu error claro, en donde esta el elemento con la clase .files esto es el que te esta dando el error.

Saludos

Montes28 · #5 (**permalink**) 10/10/2012, 10:48

Dradi7 gracias por responder

lo solucione utilizando append y pido un poco de ayuda para mejor la manera de imprimir y como coloco una imagen en el hipervinculo.

a mi parecer estoy imprimiendo mal en ul ya que se ve con un espacio grande , necesitaria que no exista un espacio.

este es mi codigo

Código Javascript:

Ver original$('#satisfactorio').text('Imagen Subida al Sistema Satisfactoriamente');
$('#nombrearchivo').text('Nombre del Archivo : '+file);
$('#lista').append('.files').text(file);
$('#ruta').val("uploads/"+file)
$('a').attr('href',"uploads/"+file);

Código HTML:

Ver original<input name="" type="button"  id="upload_button" value="Subir Imagen"/>
<br />
<ul id="satisfactorio">
</ul>
<ul id="nombrearchivo">
</ul>
<a id="lista">
</a>
<br />
<input type="text" id="ruta" name="ruta"/><br /><br />

Dradi7 · #6 (**permalink**) 10/10/2012, 10:54

No sera porque estas usando un   y si quieres agregar una imagen al href usa el html que trae jQuery

$('a').html('<img src="hola.jpg" />');

Montes28 · #7 (**permalink**) 10/10/2012, 11:06

Dradi7 gracias por responder

lo de la imagen en el href lo solucione

Código Javascript:

Ver original$('a').attr('href',"uploads/"+file).html('<img src="idm_list.png" />');

y los espacios no es por , podria impirmir todo en una div es que actualmete lo estoy imprimiendo en ul,

como puedo imprimir un espacio en

Código HTML:

Ver original$('#satisfactorio').text('Imagen Subida al Sistema Satisfactoriamente'+'<br/>');

Código HTML:

Ver original<input name="" type="button"  id="upload_button" value="Subir Imagen"/>
<br />
<ul id="satisfactorio">
</ul>
<ul id="nombrearchivo"><a id="lista">
</a>
</ul>
<a id="lista">
</a>
<br />
<input type="text" id="ruta" name="ruta"/><br /><br />

Dradi7 · #8 (**permalink**) 10/10/2012, 11:12

como te dije el text del jQuery es solamente para imprimir textos y nada de codigo html, si quieres imprimir textos y codigos html entonces usas el html() del jQuery para que puedas usar el  .

Ademas cuando estes usando ul el texto debe ser agregado dentro de un li estas haciendo una mala manera poniendo el texto fuera de un li

Saludos

Montes28 · #9 (**permalink**) 10/10/2012, 11:21

Dradi7 gracias por responder

pero tengo problemas para imprimir el href dentro del li

Código Javascript:

Ver original$('#satisfactorio').html('<li>Archivo Subido Correcta,ente</li>');
            //$('#nombrearchivo').text('Nombre del Archivo : '+file);
            $('#nombrearchivo').html('<li>Nombre del Archivo :'+file+'</li>');
            $('#lista').append('.files').text(file);
            $('#ruta').val("uploads/"+file)
            $('a').attr('href',"uploads/"+file).html('<li><img src="idm_list.png" /></li>');

Código HTML:

Ver original<input name="" type="button"  id="upload_button" value="Subir Imagen"/>
<br />
<ul id="satisfactorio">
</ul>
<div id="satisfactorio"></div>
<ul id="nombrearchivo"><a id="lista">
</a>
</ul>
<a id="lista">
</a>
<br />
<input type="text" id="ruta" name="ruta"/><br /><br />

Dradi7 · #10 (**permalink**) 10/10/2012, 11:28

Cuidado!!!

Estas cometiendo un error gravisimo trata de leer la documentacion de HTML que es lo que te falta, los unicos elementos que pueden tener li son los ul

Código HTML:

Ver original<ul>
   <li></li>
   <li></li>
</ul>

Ademas aclarar que en el DOM no puede existir elementos con 2 id iguales eso también es un error tanto en BD como en HTML uno debe saber que el ID es único por cada elemento y no puedo repetirse por mas que si te deje el HTML

Saludos

Montes28 · #11 (**permalink**) 10/10/2012, 12:52

Dradi7 gracias por responder

como puedo colocar los ementos en un div y que se pueda meter el 

dame un ejemplo por favor

Dradi7 · #12 (**permalink**) 10/10/2012, 13:20

pero ya te habia explicado arriba como hacerlo

$('div').html("hola mundo esto es un espacio");

en donde div puede ser un id o class.

Saludos