Hola, el script lo tengo en el head y al cambier las lineas de codigo que me indicas igual no funciona,
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Portal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<script language="javascript" ></script>
<script type="text/javascript">
var fondo = false;
var mensaje = false;
function creaVentana(){
fondo = document.createElement('div');
mensaje = document.createElement('div');
fondo.setAttribute('id','fondo');
mensaje.setAttribute('id','msg');
fondo.appendChild('mensaje');
document.getElementsByTagName('body')[0].appendChild(fondo);
mensaje.innerHTML="<div class='superior'><span class='cerrar' title='Cerrar' onclick='cerrar();'>X<\/span><\/div><p><\/p>";
}
function cerrar(){
fondo.appendChild('mensaje');
document.getElementsByTagName('body')[0].appendChild(fondo);
fondo=false;
mensaje=false;
}
window.onload = creaVentana;
</script>
<style type="text/css" media="all">@import "images/style.css";</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss/" /><style type="text/css">
<!--
body {
background-image: url(images/bg.gif);
}
-->
</style>
</head>
<body>
<div class="content">
<div class="rside">
<div class="topmenu"></div>
<div class="loginbox">
<div class="padding">
<form action="#">
Usuario <br />
<input type="text" value="" class="text" /><br />
Clave <br />
<input type="password" value="" class="text" /><br /><br />
<input type="submit" value="Ingresar" class="searchbutton" />
<br />
</form>
</div>
</div>
<div class="topmain">Menú Principal </div>
<div class="menu">
<h2> </h2>
<div class="nav">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#"></a><a href="#">Nosotros</a></li>
<li><a href="#"></a><a href="#">Videos</a></li>
<li><a href="#">Ingreso Horas Extra</a></li>
<li><a href="#">Ingreso de Ordenes</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Contactenos</a></li>
</ul>
</div>
<h2><br />
</h2>
</div>
</div>
<div class="lside">
<div class="topmenu"></div>
<div class="header">
<div class="padding">
<div class="citation"></div>
<h1>INGRESO </h1>
</div>
</div>
<div class="main">
<h2><a href="#">Bienvenidos al Portal</a></h2>
<table width="542" border="1">
<tr>
<td width="180">Personal</td>
<td width="346"> </td>
</tr>
<tr>
<td>Fecha</td>
<td> </td>
</tr>
<tr>
<td>Tienda</td>
<td><form id="form1" name="form1" method="post" action="">
<label>
<input type="submit" name="Submit" value="KFC" onclick="creaVentana()" />
</label>
</form>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"><img src="images/deosi.JPG" alt="" width="415" height="48" /> </p>
<p class="date"> </p>
<br />
</div>
<div class="infobox">
<div class="l_sd"><br />
</div>
</div>
</div>
<div class="footer"></div>
</div>
</body>
</html>