Avatar billede simotho Nybegynder
17. september 2009 - 08:02 Der er 7 kommentarer

On KeyPress, vis menu

Godmorgen friske eksperter :)
Jeg står med et lille problem (idet jeg ikke er den bedste JS udvikler)

Jeg mangler en funktion, som gør at hvis man f.eks klikker på "L" eller "l", så skal den vise div'en "admin"-

Jeg har kigget på nogle eksempler, som ligger på nettet - men kan ikke få dem til at fungerer...

Hilsen Simon Thomsen :)
Avatar billede simotho Nybegynder
17. september 2009 - 08:08 #1
Denne kode virker

<html><head>
<script type="text/javascript">
<!--
event.which=0;

function google(evt){
  var key = (evt) ? evt.which : event.keyCode;
  if (String.fromCharCode(key)=="L"){
    window.location="http://www.google.com";
  }
}


//-->
</script>
</head>

<body onKeyPress="google(event)">
Tryk på g, for at komme til google
</body>
</html>

Men ved ikke hvordan jeg skal gøre, så når jeg trykker L, skal en menu komme frem ved navn admin
Avatar billede sw_red_6 Nybegynder
17. september 2009 - 09:29 #2
du har en div med en id="admin" og en style="display:none;" går jeg ud fra..

Der hvor du har window.location skriver du i stedet for:
document.getElementById('admin').style.display=('','block','inline'...); <-- vælg selv hvilken der passer
Avatar billede Slettet bruger
17. september 2009 - 11:06 #3
Simon det eks. jeg sendte på msn i går virker altså. Kopirede direkte i et et dokument, og testede. :/
Avatar billede simotho Nybegynder
17. september 2009 - 13:39 #4
Har det stykke kode nu, men det virker ikke :S

<html>
<head>
<style type="text/css">
#admin {
    height:29px;
    background-color:#f0f0f0;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #a0a0a0;
    padding:2px 10px 0 10px;
    text-align:right;
    font-size:11px;
    display: none;
}
</style>
<script type="text/javascript">
<!--
event.which=0;

function google(evt){
  var key = (evt) ? evt.which : event.keyCode;
  if (String.fromCharCode(key)=="g"){
    document.getElementById('admin').style.display=('','block','inline'...);
  }
}


//-->
</script>
</head>

<body onKeyPress="google(event)">
Tryk på g, for at komme til google
</body>
</html>
Avatar billede simotho Nybegynder
17. september 2009 - 13:42 #5
Sorry, det virker nu :)

Læg et svar sw_red_6
Avatar billede sw_red_6 Nybegynder
17. september 2009 - 13:43 #6
hehe, jeg skrev du skulle vælge en af dem..

prøv at skrive '' i stedet for ('','block','inline'...)

og mangler du ikke den div som skal vises?
Avatar billede sw_red_6 Nybegynder
17. september 2009 - 13:43 #7
ok..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester