Vamos a ver
dogduck. No sé si habrás solucionado la cuestión y ya te sale. Yo, viendo como lo ponías en principio es como lo pongo yo. Y a mí me va bien.
¿Entonces dónde está el problema?
Pues después de ponerme a ello, parece que se debe al tipo de documento creado. Algo que aparece al principio del código referido a las DTD.
No sé que programa utilizas ó si programas enteramente en código.
Yo uso el DreamWeaver. En este, al menos desde su versión MX 2004, cuando creas un nuevo documento, por ejemplo HTML, tienes otra opción en la que eliges el "Tipo de Documento (DTD)". Aquí puedes elegir entre otras:
(en la versión DreamWeaver 8.0)
- Ninguna
- HTML 4.01 de transición
- HTML 4.01 estricto
- ...
- ...
Eligiendo "Ninguna", no sé añade nada. Pero eligiendo alguna de las otras opciones, se añade una línea de código extra que indica el Tipo de Documento. Por ejemplo:
Para "HTML 4.01 de transición"
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Para "HTML 4.01 estricto"
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Después de toda esta explicación, ¿por qué no te funciona la manera con la que has puesto tu el código?
Porque debe estar dentro ó ejecutar desde, al menos, un documento con estas especificaciones. Si no tiene uno de estos encabezados ó parecido, no funciona. Por eso a ti no te funciona tal y como lo tienes puesto.
Prueba uno de estos:
"HTML 4.01 de transición"
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>LOG OUT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
//La siguiente línea pone a grises la pantalla
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('¿En verdad quieres finalizar tu sesión?\n\nsi es así, presiona OK si no,\nentonces presiona el botón CANCEL'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>
</head>
<body>
<a href="javascript:;" onClick="log_out();">cerrar sesión</a><br>
<br>
<input type="button" value="Boton" name="Boton" onClick="log_out()">
<p><font color="#FF0000">bla bla bla bla</font></p>
<p><font color="#FF0000"><span style="background-color: #FFFF00">
bla bla bla bla</span></font></p>
</body>
</html>
"HTML 4.01 estricto"
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>LOG OUT</title>
<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
//La siguiente línea pone a grises la pantalla
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('¿En verdad quieres finalizar tu sesión?\n\nsi es así, presiona OK si no,\nentonces presiona el botón CANCEL'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>
</head>
<body>
<a href="javascript:;" onClick="log_out();">cerrar sesión</a><br>
<br>
<input type="button" value="Boton" name="Boton" onClick="log_out()">
<p><font color="#FF0000">bla bla bla bla</font></p>
<p><font color="#FF0000"><span style="background-color: #FFFF00">
bla bla bla bla</span></font></p>
</body>
</html>
"XHTML 1.0 de transición"
Código:
<!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>
<title>LOG OUT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
//La siguiente línea pone a grises la pantalla
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('¿En verdad quieres finalizar tu sesión?\n\nsi es así, presiona OK si no,\nentonces presiona el botón CANCEL'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>
</head>
<body>
<a href="javascript:;" onclick="return log_out();">cerrar sesión</a><br />
<input type="button" onclick="return log_out();" />
<p><font color="#FF0000">bla bla bla bla</font></p>
<p><font color="#FF0000"><span style="background-color: #FFFF00">
bla bla bla bla</span></font></p>
<br />
<img src="charanga%20h-0.jpg" width="40%" />
</body>
</html>
Sale igual si se pone ó no el 'return' en el 'onclick'.
Mencionar rápidamente que, en documentos XHTML, ciertas etiquetas se cierran de otra forma. Por ejemplo, ya no es
<br> sino
<br />.
Creo que te habrá quedado claro.
Saludos,
zacktagnan.
========================================
Gracias . Nunca habia probado a dar al botón finalizar sesión. La verdad es que queda muy chulo el efecto. Emulando al XP ... con los grises.
