Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/10/2010, 17:18
ddmlls
 
Fecha de Ingreso: mayo-2010
Mensajes: 21
Antigüedad: 14 años, 8 meses
Puntos: 2
Pregunta Abrir una sola capa??

Hola a todos, tengo un problema, os explico:
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> 
Este es el que pone en la página para abrir ventanas, pero con este no se minimiza en la barra de tareas:

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> 
Y por último este es el script que minimiza la ventana a la barra de tareas:
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.