login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onkeypress verandering in css (Opgelost)

Offline clubfilth - 15/08/2012 21:34
Avatar van clubfilthLid Goedenavond alle!

Ik heb weinig ervaring met js maar ik ben er van overtuigd dat dit moet kunnen.
Ik wil dat als je op mijn site op een van de pijltjestoetsen drukt er een div verdwijnt / niet meer zichtbaar is / weg faded.

Google bracht geen uitkomst voor mij..

weet iemand raad?

BVD

10 antwoorden

Gesponsorde links
Offline larssy1 - 15/08/2012 22:18
Avatar van larssy1 MySQL beginner Zoiets?

  1. $("#div1").keypress(function(event) {
  2. $("#div2").css("display: none");
  3. });
Bedankt door: clubfilth
Offline clubfilth - 15/08/2012 22:21 (laatste wijziging 15/08/2012 22:51)
Avatar van clubfilth Lid Bedankt voor je reactie maar het werkt niet...of ik doe iets fout (aanneemelijker)

heb het nu als volgt:

  1. <script type="text/javascript">
  2. $("#keys").keypress(function(event) {
  3. $("#keys").css("display: none");
  4. });


De div # keys moet dus verdwijnen op het moment dat een van de pijltjestoetsen wordt ingedrukt.

Dit werkt dus niet...
Offline larssy1 - 15/08/2012 23:10
Avatar van larssy1 MySQL beginner
clubfilth schreef:
Bedankt voor je reactie maar het werkt niet...of ik doe iets fout (aanneemelijker)

heb het nu als volgt:

[..code..]

De div # keys moet dus verdwijnen op het moment dat een van de pijltjestoetsen wordt ingedrukt.

Dit werkt dus niet...


vervang de eerste eens met $('document')..

dus:

  1. $('document').keypress(function(event) {
  2. $('#keys').css('display: none'); // kan zijn dat er nog een ; achter none moet
  3. });
Offline clubfilth - 15/08/2012 23:23 (laatste wijziging 15/08/2012 23:32)
Avatar van clubfilth Lid thnx...werkt ook niet  

Kan het iets te maken hebben met dat ik een extern css bestand gebruik?
Offline Martijn2008 - 15/08/2012 23:34 (laatste wijziging 15/08/2012 23:38)
Avatar van Martijn2008 PHP beginner Probeer eens de hide methode van JQuery.

  1. $('#keys').hide();


Voor de pijltjestoetsen kun je op deze website een kijkje nemen. Succes!
Bedankt door: clubfilth
Offline clubfilth - 15/08/2012 23:39 (laatste wijziging 15/08/2012 23:42)
Avatar van clubfilth Lid yes! dat is m!
Super bedankt iedereen!



  1. <script type="text/javascript">
  2.  
  3. $(document).keydown(function(e){
  4. if (e.keyCode == 37) {
  5. $('#keys').hide();
  6. return false;
  7. }
  8. });
  9.  
  10.  
  11. </script>
Offline vinTage - 15/08/2012 23:40 (laatste wijziging 15/08/2012 23:41)
Avatar van vinTage Nieuw lid het gaat toch alleen om de pijltjes toetsen?


edit...lol, martijn2008 heeft tijdens mn google tochtje dezelfde link geplaatst (heeft de ts wrs nog niet gezien..?)

Bedankt door: clubfilth
Offline larssy1 - 15/08/2012 23:41
Avatar van larssy1 MySQL beginner
  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function() {
  4.  
  5. $(document).keydown(function() {
  6. $('#keys').css('display', 'none');
  7. });
  8. }
  9.  
  10. </script>


dit gaat op elke key
Offline vinTage - 15/08/2012 23:42
Avatar van vinTage Nieuw lid
larssy1 schreef:
dit gaat op elke key


Dat was niet de bedoeling 
Offline larssy1 - 15/08/2012 23:45
Avatar van larssy1 MySQL beginner
vinTage schreef:
[..quote..]

Dat was niet de bedoeling 


haha I know, maar met de rest van de voorbeelden, is die switch makkelijk zat om toe te voegen.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s