Foros del Web » Programando para Internet » Jquery »

sortable no funciona AJAX responseText

Estas en el tema de sortable no funciona AJAX responseText en el foro de Jquery en Foros del Web. Hola a todos: Obtuve un sortable list a través de un código abierto, el cual modifiqué a requerimiento mío. Funciona sin problemas, sin embargo, cuando ...
  #1 (permalink)  
Antiguo 06/04/2015, 13:25
Avatar de BLAH !!  
Fecha de Ingreso: septiembre-2003
Ubicación: Región Metropolitana, Santiago, Chile
Mensajes: 706
Antigüedad: 17 años, 5 meses
Puntos: 16
Pregunta sortable no funciona AJAX responseText

Hola a todos:

Obtuve un sortable list a través de un código abierto, el cual modifiqué a requerimiento mío.

Funciona sin problemas, sin embargo, cuando llamo al php a través de AJAX
no funciona.

Código AJAX.js
Código:
function nuevoAjax()
{ 
	var xmlhttp=false; 
	try 
	{ 
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 

	return xmlhttp; 
} 

function cargaA(UNO,DOS){
		var DIV= document.getElementById('ordenar');
		var ajax=nuevoAjax();
		ajax.open("GET", "A.php?cambio="+UNO+"&shape="+DOS, true);
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{
				DIV.innerHTML="Cargando ...";	
			}
			if (ajax.readyState==4)
			{
				DIV.innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
}
A.php
Código PHP:
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
   <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
   <style>
      #sortable{ list-style-type: none; margin: 0; 
         padding: 0; width: 50%; float:left;}
      #sortable .default{ cursor:move; margin: 0 3px 3px 3px; padding: 0.4em; 
         padding-left: 1.5em; font-size: 17px; height: 45px; }
      .default {
         background: #cedc98;
         border: 1px solid #DDDDDD;
         color: #333333;
      }
   </style>

<?php 
    
require("../../connect.php");
    
$cambio $_GET['cambio'];
    
$formas $_GET['shape'];

    
$query "SELECT * FROM table WHERE field='$cambio' ORDER BY posicion ASC";
    
$result mysql_query($query) or die(mysql_error().': '.$query);
    if(
mysql_num_rows($result)) {
echo 
"<div id=\"sortable\">
"
;
        
$i=1;
        while(
$item mysql_fetch_assoc($result)) {
        
        echo 
"<div id=\"".$item['posicion']."\" class=\"default\">Arrastrame $i</div>
            "
;
$i++;    
        }
        echo 
"<div id=\"$i\" class=\"default\">arrastrame $i</div>
              </div>
              <h3><span id=\"listados\"></span></h3>"
;
    }   
?>

   <script>
      $(function() {
        $('#sortable').sortable({
            update: function(event, ui) {
               var productOrder = $(this).sortable('toArray').toString();
               $("#listados").text (productOrder);
            }
         }); 
      });
   </script>
SE MUESTRA EN :
Código:
... <div id="ordenar"><p>Para continuar,<br>Complete el paso anterior</p></div> ....
Lei algo en la web de $(".sortable").sortable("refresh"); , pero por más que intento implementarlo no me da resultado.

Si alguien me puede orientar en el tema se lo agradecería.
De antemano
Gracias.
__________________
Adios ...!!!!
  #2 (permalink)  
Antiguo 07/04/2015, 03:39
Avatar de BLAH !!  
Fecha de Ingreso: septiembre-2003
Ubicación: Región Metropolitana, Santiago, Chile
Mensajes: 706
Antigüedad: 17 años, 5 meses
Puntos: 16
Exclamación Respuesta: sortable no funciona AJAX responseText

después de 3 días intentando encontrar el error, me di cuenta que en la web se hable de un BUG al crear una lista sortable dentro de una list-tabs.

Estoy trabajando en la solución y les comento
__________________
Adios ...!!!!
  #3 (permalink)  
Antiguo 07/04/2015, 07:31
Avatar de BLAH !!  
Fecha de Ingreso: septiembre-2003
Ubicación: Región Metropolitana, Santiago, Chile
Mensajes: 706
Antigüedad: 17 años, 5 meses
Puntos: 16
Respuesta: sortable no funciona AJAX responseText

Efectivamente, exsite un problema de compatibilidad entre JQUERY-2.1.1 para la creacion de listas con TABS, que impide que el JQUERY-UI 1.10.4 pueda ejecutar su funcion de sortable()

http://stackoverflow.com/questions/2...th-sortable-li

por si alguien tiene el mismo problema. Aún no he encontrado la solución.
__________________
Adios ...!!!!

Etiquetas: ajax, responsetext, sortable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:41.