RibosoMatic

valeck en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Pues excelente solo una pequeña observacion para que jale bien en mozilla hay que hacer

function obtenerElementos() {
var secciones = $A(document.getElementsByClassName('seccion'));
//lo que sigue de codigo
}

Elias en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Excelente aporte.

Lo he descargado y probado y funciona de maravilla.

Julio en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Hola

También he probado la función obtenerElementos() con Mozilla y no funciona. Alguien tiene alguna respuesta?. Con IE6 no hay problema

Saludos

ruben en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

estupendo tutorial ;)

os comento que también he tenido problemas para que funcionara obtenerElementos() en firefox.

he substituido la linea:
var secciones = document.getElementsByClassName('seccion');

por la siguiente
var secciones = $$('div.seccion');

según la documentación de prototype
http://www.prototypejs.org/api/utility/getElementsByClassName

espero que os ayude :)

neonigma en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Im-pre-sio-nan-te!!!

Muchas felicidades!

johan en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Gracias Pana por el link de la parte 2 de drag-drop-con-scriptaculous-php... Exito

cynthia en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Hola Jesus, hace una raato estoy tratando de correr el ejemplo con mozilla y no puedo!.. con IE7 sale ok.. Muchas gracias por el tutorial, me sirvio un monton en mi trabajo.
Espero puedas ayudarme ahora!

El codigo es practicamente igual al que tuyo:

function neworder() {
//alert('ha entraoo');
var secciones = document.getElementsByClassName('seccion');
var alerttext = '';
var separador = '';
secciones.each(function(seccion) {
alerttext += separador + Sortable.sequence(seccion);
separador = "/";
});
// alert(alerttext);
EnviarDatos(alerttext);
return false;
}

function Ajax(){
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 EnviarDatos(cadena){
var ajax=Ajax();
ajax.open("POST", "guardar.php",true);
ajax.onreadystatechange=function(){
if (ajax.readyState==4) {
alert(ajax.responseText);
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send("cadena="+cadena)
}

jesusvld en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Por supuesto que es compatible.

cynthia en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

este ejemplo es compatible con mozilla?...

Pilar en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Enhorabuena!! Está genial el artículo!!

Me gustaría que, cuando arrastro las cosas, en lugar de quedarse el hueco en blanco en donde se podría colocar, apareciera un recuadro de manera que, sin soltar el objeto, pudieras ver como quedaría en ese hueco.

¿Sabría como podría hacerlo?
Muchas gracias!!

Leo en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Hola!

El tutorial éste es buenisimo...

Ahora tengo una duda: ¿cómo hago si en vez de pasar los elenentos de una lista a otra, pasarlos a listas independientes sin que se expanda o agrande ninguna?

Saludos.

MorSa en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Felicidades por esta serie de artículos, son excelentes! <img style="border:0px;" src="/img/caritas/feliz.gif" alt="feliz" title="Feliz" width="18" height="18" />

quería comentar un problema al respecto a ver si alguien puede echarme una mano...

estoy intentando reproducir el ejemplo de drag 'n drop con dos divs, en el interior de los cuales habrán div's con imágenes dentro. La idea es que los dos divs se hagan autoscrollables en el momento en el que la altura del grupo de imágenes sobrepasen el height del div que las contiene. Para éllo, he añadido la property overflow:auto, cosa que ha propiciado que cuando intento realizar el drag de cada una de las imágenes, la pueda arrastrar, pero sólo dentor del div que la contiene, ya que se abre el scroll y no puedo sacarla al otro div.

Si a alguien se le ocurre algo, le estaría muy agradecido.

Saludos.

jesusvld en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

en ese caso al momento de crear la cadena con los elementos separados por comas, también deberas tener en cuenta el id de cada registro.

Seria un poquito mas trabajaso por el hecho de que para obtener un elemento de un contenedor, Sortable lo ubica por medio del id del div así que alli es donde, no solo deberas colocar el nombre del registro sino también el id de registro.

Gerardo en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Jesus, en el caso de que quiero que sea una sola tabla y se actualizen el orden de los datos, pero sin eliminar sino haciendo un Update.

Escael Marrero en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Me parece muy interesante y útil este post, lo he empleado para el cms de un sitio para ello amplíe los DIV y les incluí más información. Ahora una pregunta me gustaría poder tener la posibilidad de "cerrar" esos DIV, algo así como se realiza en netvives, es decir poder quitar esos DIV. Como se podría hacer???
Gracias

Gerardo en Drag Drop con script.aculo.us, PHP y MySQL - Parte 2

Muy buen aporte!!! no siguen sorprendiendo!!