Estoy intentando hacer un escritorio online (con mis reducidos conocimientos de javascript), gracias a este proyecto [URL="http://prototype-window.xilinus.com/"]http://prototype-window.xilinus.com/[/URL]. Mi proyecto lo estoy haciendo [URL="http://bikersburgos.com/vip/"]aqui[/URL].
Bueno, quiería que "al dar" (y no antes como me pasa) al icono que hay en el escritorio salga "una sola" ventana (no dos como me pasa..). Y que al minimizar se vaya a la barra de tareas (eso si que funciona con el 1º código que os dejo, pero si pongo el 2º código que solo abre una ventana no funciona).
Aqui os dejo mis códigos a ver que me podeis decir:
Esto es lo que hace que se habran 2 ventanas y con este si que va lo de minimizar a la barra de tareas, como puedo hacer que solo salga una ventana y cuando se pinche en el enlace??
Código HTML:
<script language="JavaScript"> function initWebOS() { // Create 2 windows $R(1,2).each(function(index) { var win = new Window({className: "mac_os_x", blurClassName: "blur_os_x", title: "window #"+index, width:250, height:150, top: 100 + index*50, left:100 + index*50}); win.getContent().update("<h1>Window #" + index + "</h1>"); win.show(); }) // } Event.observe(window, "load", initWebOS) </script>
Código HTML:
<script language="JavaScript"> win = new Window({className: "mac_os_x", title: "Sample", width:200, height:150, destroyOnClose: true, recenterAuto:false}); win.getContent().update("<h1>Hello world !!</h1>"); win.showCenter(); </script>
Código:
// Overide Windows minimize to move window inside dock Object.extend(Windows, { // Overide minimize function minimize: function(id, event) { var win = this.getWindow(id) if (win && win.visible) { // Hide current window win.hide(); // Create a dock element var element = document.createElement("span"); element.className = "dock_icon"; element.style.display = "none"; element.win = win; $('dock').appendChild(element); Event.observe(element, "mouseup", Windows.restore); $(element).update(win.getTitle()); new Effect.Appear(element) } Event.stop(event); }, // Restore function restore: function(event) { var element = Event.element(event); // Show window element.win.show(); //Windows.focus(element.win.getId()); element.win.toFront(); // Fade and destroy icon new Effect.Fade(element, {afterFinish: function() {element.remove()}}) } })
Si me podeis ayudar os lo agradecería mucho
Muchas gracias.