¿por qué no funciona este código?

alfvg · #1 (**permalink**) 03/11/2005, 08:37

<html>
<head>
<title>Documento sin título</title>
</head>
<body>
<script language="javascript">
var hz=window.screen.height;
var wz=window.screen.width;
document.write("La resolución de la pantalla es:<br>");
document.write("Ancho: " + wz + "<br>");
document.write("Alto: " + hz + "<br>");
</script>
<%
if wz < "800" then
%>
<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Esta es la resolución de 800 </td>
</tr>
</table>
<%
else
%>
<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Esta es la resolución de más de 800 </td>
</tr>
</table>
<%
end if
%>
</body>
</html>

Jose_minglein2 · #2 (**permalink**) 03/11/2005, 10:37

Creo que estás mezclando morcillas con chorizos, el codigo entre <% es código de servidor y las variables wz son variables javascript. (si alguién no me dice lo contrario). Deberías utilizar otra forma de mostrar una tabla o otra, por ejemplo poniendoles ids y mostrandoles u ocultandolas por javascript.

alfvg · #3 (**permalink**) 03/11/2005, 10:45

lo que intento hacer es mostrar una tabla u otra dependiendo de la resolución de la pantalla del usuario.
gracias de todos modos.
un saludo
alf

Jose_minglein2 · #4 (**permalink**) 03/11/2005, 10:49

Si eso ya lo veo, pero estás mezclando variables de javascript con codigo de servidor, cosa que no puedes. Deberías hacerlo así:

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<script language="javascript">
var hz=window.screen.height;
var wz=window.screen.width;
document.write("La resolución de la pantalla es:<br>");
document.write("Ancho: " + wz + "<br>");
document.write("Alto: " + hz + "<br>");
if (wz<800)
{
document.getElementById('tabla1').style.display='inline';
document.getElementById('tabla2').style.display='none';
}
else
{
document.getElementById('tabla1').style.display='none';
document.getElementById('tabla2').style.display='inline';
}
</script>

<table width="780" border="0" cellspacing="0" cellpadding="0" id="tabla1">
<tr>
<td>Esta es la resoluci&oacute;n de 800 </td>
</tr>
</table>

<table width="780" border="0" cellspacing="0" cellpadding="0" id="tabla2">
<tr>
<td>Esta es la resoluci&oacute;n de m&aacute;s de 800 </td>
</tr>
</table>

</body>
</html>
Responder Con Cita

alfvg · #5 (**permalink**) 03/11/2005, 11:30

lo estoy probando y no funciona...