1. Mejoraría mucho la interfaz gráfica. Es una copia de MAC OS y Windows así que si no estoy mal te podrían demandar por eso.
Bueno eso es tan simple que solo hay que cambiar los png seria ideal hacerlo como skins.
2.Que sólo funcione en explorer habla muy mal del API.
Bueno solo en el movimento hay algunos controles que fallan en chrome y firefox asi que haber quien ayuda a resolver el misterio.
style.left style.top son para mover cualquier cosa en cualquier navegador pero extrañamente solo lo acepta bien Iexplore cuando es asociado al onmousedown de cualquier etiqueta la funcion comienzoMovimiento(event, id)
Una leida al codigo jqueryUI resolveria el misterio pero no tengo tiempo para hacerlo aun, aver quien se anima
Aqui les dejo las funciones para movimiento
Y quien quiera participar del proyecto ponganse en contacto para sumarse al esfuerzo de hace un ID Visual
function carga()
{
posicion=0; elMovimiento=null;
// IE
if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
// Otros
else navegador=1;
}
function evitaEventos(event)
{
// Funcion que evita que se ejecuten eventos adicionales
if(navegador==0)
{
window.event.cancelBubble=true;
window.event.returnValue=false;
}
if(navegador==1) event.preventDefault();
}
function comienzoMovimiento(event, id)
{
elMovimiento=document.getElementById(id);
// Obtengo la posicion del cursor
if(navegador==0)
{
cursorComienzoX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
cursorComienzoY=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
document.attachEvent("onmousemove", enMovimiento);
document.attachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
cursorComienzoX=event.clientX+window.scrollX;
cursorComienzoY=event.clientY+window.scrollY;
document.addEventListener("mousemove", enMovimiento, true);
document.addEventListener("mouseup", finMovimiento, true);
}
elComienzoX=parseInt(elMovimiento.style.left);
elComienzoY=parseInt(elMovimiento.style.top);
// Actualizo el posicion del elemento
elMovimiento.style.zIndex=++posicion;
evitaEventos(event);
}
function enMovimiento(event)
{
var xActual, yActual;
if(navegador==0)
{
xActual=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
yActual=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
}
if(navegador==1)
{
xActual=event.clientX+window.scrollX;
yActual=event.clientY+window.scrollY;
}
elMovimiento.style.left=(elComienzoX+xActual-cursorComienzoX)+"px";
elMovimiento.style.top=(elComienzoY+yActual-cursorComienzoY)+"px";
elMovimiento.style.display = "";
evitaEventos(event);
}
function finMovimiento(event)
{
if(navegador==0)
{
document.detachEvent("onmousemove", enMovimiento);
document.detachEvent("onmouseup", finMovimiento);
}
if(navegador==1)
{
document.removeEventListener("mousemove", enMovimiento, true);
document.removeEventListener("mouseup", finMovimiento, true);
}
elMovimiento.style.zIndex=0;
}
3.Esta muy buena la idea solo que esta un poco compleja el usarla.
POr el contrario es mas facil y rapido de lo que usamos hasta ahora , se separa el diseño del codigo solo vemos la funcion java script asociada al evento adios al extenuante codigo spaguetti
Adios a tener js en los archivos temporales del navegador todos se jalan de la base de datos.
El diseño es directo nada de usar un design en escritorio y luego publicarlo y probarlo haber si subio todo bien
Animate amigo ponte en contacto para mas detalles
Vladmir Zorrilla Llerena
[email protected]