Skip to content

Instantly share code, notes, and snippets.

@fitomad

fitomad/inocente-inocente.html

Created November 7, 2016 08:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fitomad/8db744649d813139b885248062731951 to your computer and use it in GitHub Desktop.
Save fitomad/8db744649d813139b885248062731951 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
inocente-inocente.html
<html>
<head>
<title>La prueba</title>
<style>
.btn-hide
{
visibility: hidden;
}
.btn-show
{
visibility: visible;
}
input[type=submit]
{
font-family: "Avenir Next", sans-serif;
font-size: 14pt;
color: #ffffff;
padding: 5px;
background-color: #0055cc;
}
</style>
<script language="javascript">
function show(button_id)
{
document.getElementById(button_id).className = "btn-show";
}
function hide(button_id)
{
document.getElementById(button_id).className = "btn-hide";
}
</script>
</head>
<body>
<h1>Pulse el bot&oacute;n para cerrar sesi&oacute;n</h1>
<input type="submit" value="Cerrar sesi&oacute;n" id="s1" class="btn-show" onmouseover="show('s2'); hide('s1');"></input>
<input type="submit" value="Cerrar sesi&oacute;n" id="s2" class="btn-hide" onmouseover="show('s3'); hide('s2');"></input>
<input type="submit" value="Cerrar sesi&oacute;n" id="s3" class="btn-hide" onmouseover="show('s1'); hide('s3');"></input>
<script>
hide('s2');
hide('s3');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment