evento con la tecla esc...

[art33]

perdonen la ignorancia... tengo un sencillo script que me hizo un colega (nose donde se metio k no le veo jeje) y es simple solo muestra y oculta un div... pero me gustaria que al presionar la tecla ESC tambien lo oculte me explico? pues eso.. nose si se pueda muchas gracias....

Código:

<script>
function mostrar(tb_foro){
document.getElementById(tb_foro).style.display='block';
document.getElementById('foro_menos').style.display='block';
document.getElementById('foro_mas').style.display='none';
}
function ocultar(tb_foro){
document.getElementById(tb_foro).style.display='none';
document.getElementById('foro_menos').style.display='none';
document.getElementById('foro_mas').style.display='block';
}
</script>

Código HTML:

<div id="foro_mas"><a href="#" onclick="mostrar('cat_foro'); return false;"><img src="+.png"></a></div>
<div id="foro_menos" style="display:none"><a href="#" onclick="ocultar('cat_foro'); return false;"><img src="-.png"></a></div>
<div id="cat_foro" style="display:none">Texto a mostrar u ocultar</div> 

muchas gracias chao!...

[Legoltaz]

Código JavaScript:

window.onkeyup = compruebaTecla;
function compruebaTecla(){
    var e = window.event;
    var tecla = (document.all) ? e.keyCode : e.which;
    if(tecla == 27){
        document.getElementById("tu_div").style.display = "none";
    }
}
 

[art33]

gracias pero... mmm no digo que no funcione pero no consigo adaptarlo a lo que tengo hecho.. me tiras un cable? o alguien porfa?... muchas gracias

[David]

Sólo tienes que copiar el código tal y como está y cambiar la parte de "tu_div" por el id del elemento que quieres ocultar.

[art33]

ohhh.... gracias ya veo.. asi lo intente y no funciona... ahora lo volvi a intentar para ver si lo hice bien y nop... pero intente en chrome y opera (supongo que en safari tambien)... y si funciona por que no anda en firefox y en IE? esta raro no?...
bueno sino se puede no pasa nada, pero me gustaria saber, pero bueno muchas gracias chao!!!!...

[David]

Creo que así ya debería funcionar:

Código Javascript:

if (window.addEventListener) {
    window.addEventListener("keydown", compruebaTecla, false);
} else if (document.attachEvent) {
    document.attachEvent("onkeydown", compruebaTecla);
}
function compruebaTecla(evt){
    var tecla = evt.which || evt.keyCode;
    if(tecla == 27){
        alert("Escape");
    }
}
 

[Adler]

Hola

Con permiso. Por si aún no funciona

Código javascriipt:

function compruebaTecla (evento) {
var keyCode = document.layers ? evento.which : document.all ? event.keyCode : document.getElementById ? evento.keyCode : 0;
 
    if(keyCode == 27){
        elDiv ();
    return true;
    }
 
 
function elDiv () {
elem = document.getElementById("div");
elem.style.display = (elem.style.display == "none") ? "block" : "none";
}
 
document.onkeydown = elDiv;
 

Suerte

[art33]

wow muchas gracias "David" ahora anda de perlas... happy!!! jeje...
Adler muchas gracias... tambien no supe como con el tuyo pero ya esta muchas gracias a los 3... chao...

[art33]

ups perdon... pense k no se envio... perdon se envio doble... ya esta solucionado gracias jeje chao!:..