Ver Mensaje Individual
  #9 (permalink)  
Antiguo 29/04/2009, 13:11
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 8 meses
Puntos: 21
Respuesta: Ayuda con frameworks y javascript

Yo quiero que esto: (archivo home.php)

Código HTML:
<html>
  <head>

  <link href="../estilos/default.css" rel="stylesheet" type="text/css"/>	
  <link href="../estilos/alphacube.css" rel="stylesheet" type="text/css"/>

  <script type="text/javascript" src="../js/prototype.js"> </script>
  <script type="text/javascript" src="../js/effects.js"> </script>
  <script type="text/javascript" src="../js/window.js"> </script>
  <script type="text/javascript" src="../js/window_effects.js"> </script>
  <script type="text/javascript" src="../js/debug.js"> </script>


<script type="text/javascript"> 

function win1()
{
  var win = new Window({id: "win1", className: "alphacube", title: "Últimas Noticias", width:250, height:150, wiredDrag: true}); 
  win.getContent().innerHTML = "<h1>No Constraint</h1>Wired mode<br><a href='#' onclick='Windows.getWindow(\"win1\").maximize()'>Maximize me</a>"; 
  win.setDestroyOnClose(); 
  win.setLocation(5, 5);
  win.show();
  win.toFront();
}

function win2()
{
  var win = new Window({id: "win2", className: "alphacube", title: "Últimas Fichas", width:250, height:150, wiredDrag: true}); 
  win.getContent().innerHTML = "<h1>No Constraint</h1>Wired mode<br><a href='#' onclick='Windows.getWindow(\"win2\").maximize()'>Maximize me</a>"; 
  win.setDestroyOnClose(); 
  win.setLocation(5, 300);
  win.show();
  win.toFront();
}

function win3()
{
  var win = new Window({id: "win3", className: "alphacube", title: "Últimos Enlaces", width:250, height:150, wiredDrag: true}); 
  win.getContent().innerHTML = "<h1>No Constraint</h1>Wired mode<br><a href='#' onclick='Windows.getWindow(\"win3\").maximize()'>Maximize me</a>"; 
  win.setDestroyOnClose(); 
  win.setLocation(200, 5);
  win.show();
  win.toFront();
}

function win4()
{
  var win = new Window({id: "win4", className: "alphacube", title: "Novedades", width:250, height:150, wiredDrag: true}); 
  win.getContent().innerHTML = "<h1>No Constraint</h1>Wired mode<br><a href='#' onclick='Windows.getWindow(\"win4\").maximize()'>Maximize me</a>"; 
  win.setDestroyOnClose(); 
  win.setLocation(200, 300);
  win.show();
  win.toFront();
}

</script>
<style>

#windows {
float:left;
width:100%;
}

</style>

</head>
<body>




<div id="windows">

<script>
	win1();
	win2();
	win3();
	win4();
</script>

</div>

</body>
</html> 
sea mostrado aca:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nutrimel.com.ar</title>

 <link href="../estilos/style.css" rel="stylesheet" type="text/css"/>
  <link href="../estilos/default.css" rel="stylesheet" type="text/css"/>	
  <link href="../estilos/alphacube.css" rel="stylesheet" type="text/css"/>
  
 <link href="http://www.nutrimel.com.ar/nut/estilos/style.css" rel="stylesheet" type="text/css"/>
  <link href="http://www.nutrimel.com.ar/nut/estilos/default.css" rel="stylesheet" type="text/css"/>	
  <link href="http://www.nutrimel.com.ar/nut/estilos/alphacube.css" rel="stylesheet" type="text/css"/>

  
 <!--[if IE]>
<style type="text/css"> 
.link { zoom: 2;}
</style>
<![endif]-->

<!--[if IE]>
<style type="text/css"> 
.menu2 { zoom: 1;}
</style>
<![endif]-->


</head>
<body>
<div id="contenedor">

<div id="header"> </div>
<!--hasta aqui header-->
<!--cuerpo-->
<div id="cuerpo">

<!--menu-->

<div id="menu">



<div id="menus">

<div id="bar">
<div><a href="#" class="navbar">Portada</a></div>
<div><a href="#" class="navbar">Turnos</a></div>
<div><a href="../modulos/?mod=fichas" class="navbar">Fichas</a> </div>
<div><a href="#" class="navbar">Enlaces</a></div> 
<div><a href="#" class="navbar">Noticias</a> </div>
<div><a href="#" class="navbar">Contacto</a></div>
<div><a href="#" class="navbar">Curriculum</a></div>
</div>

</div>


<div id="submenus"></div>

</div>

</div>
<!--hasta aqui menu-->

<!--bienvenido | login-->

<div id="menu2">
<div id="bien"></div>
</div>
<!--hasta aqui bienvenido | login-->

<!--cajas-->

<div id="cajas">

<div id="barraizquierda">

<?
    if (file_exists( $path_modulo )) include( $path_modulo );
    else die('Error al cargar el módulo <b>'.$modulo.'</b>. No existe el archivo <b>'.$conf[$modulo]['archivo'].'</b>');
?> 


</div>

<!--barra derecha-->
<div id="barraderecha">

<div id="chating">
<div class="cajita2">
<div id="chat">
<div class="cajaabajo2">
<div id="centrar">
<script type="text/javascript" src="http://settings.messenger.live.com/controls/1.0/PresenceButton.js"></script>
<div
  id="Microsoft_Live_Messenger_PresenceButton_e7312443386138d0"
  msgr:width="100"
  msgr:backColor="#AACD5D"
  msgr:altBackColor="#FFFFFF"
  msgr:foreColor="#424542"
  msgr:conversationUrl="http://settings.messenger.live.com/Conversation/[email protected]&mkt=en-US&useTheme=true&themeName=green&foreColor=333333&backColor=DCF2E5&linkColor=333333&borderColor=8ED4AB&buttonForeColor=2C0034&buttonBackColor=CFE9D9&buttonBorderColor=8ED4AB&buttonDisabledColor=CFE9D9&headerForeColor=006629&headerBackColor=92D6AE&menuForeColor=006629&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=F4FBF7&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C"></div>
<script type="text/javascript" src="http://messenger.services.live.com/users/[email protected]/presence?dt=&mkt=en-US&cb=Microsoft_Live_Messenger_PresenceButton_onPresence"></script>
</div>
</div>
</div>
</div>
</div>



<div class="cajita2">
<div id="cajaarriba3">
<div class="cajaabajo2">
<div class="form">
  <form id="login" name="login" method="post" action="#">
    <label>
    <input type="text" id="logintxt" name="nick" size="15" align="middle"  value="nutrimel nick id" onfocus = "if(this.value=='nutrimel nick id') this.value=''" onblur = "if(this.value=='') this.value='nutrimel nick id'"/>
    </label>
    <label>
    <input type="password" id="logintxt2" name="pass" size="15" align="middle" value="password" onfocus = "if(this.value=='password') this.value=''" onblur = "if(this.value=='') this.value='password'" />
    </label>
    <label> <br />
    <input type="submit" name="button" id="loginbutton" value="Enviar" />
    </label>
        </form>
</div>
</div>
</div>
</div>

<div class="cajita2">
<div id="cajaarriba4">
<div class="cajaabajo2">
<div class="form">
  <form id="newsletter" name="news" method="post" action="#">
    <label>
    <input type="text" id="newstxt" name="nick" size="15" align="middle"  value="ingrese su e-mail" onfocus = "if(this.value=='ingrese su e-mail') this.value=''" onblur = "if(this.value=='') this.value='ingrese su e-mail'"/>
    </label>
    <label> <br />
    <input type="submit" name="button" id="newsbutton" value="Enviar" />
    </label>
        </form>
</div>
</div>
</div>
</div>


<div class="cajita2">
<div id="cajaarriba5">
<div class="cajaabajo2">
<p>Sed iaculis diam posuere nibh. In eu purus a leo bibendum iaculis. Phasellus velit. Vivamus auctor nunc eu orci. Nullam consequat sem fermentum ipsum. Morbi. </p>

</div>
</div>
</div>

<div class="cajita2">
<div id="cajaarriba6">
<div class="cajaabajo2">
<p>Sed iaculis diam posuere nibh. In eu purus a leo bibendum iaculis. Phasellus velit. Vivamus auctor nunc eu orci. Nullam consequat sem fermentum ipsum. Morbi. </p>

</div>
</div>
</div>



</div>
<!--hasta aqui barra derecha-->

</div>

<!--hasta aqui cajas-->



</div>

<!--hasta aqui contenedor-->



<div id="footer">
			<div id="legal">Copyright &copy; 2009 Nutrimel :: Todos los derechos reservados</div>
            <div id="legal1"><a href="#" class="footerlink">Disclaimer</a> | <a href="#" class="footerlink">Terms of Use</a> | Designed by <a href="#" class="footerlink">isomerasa</a></div>

</div>

</body>
</html>