Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX]Choczenie po mapce
Forum PHP.pl > Forum > Przedszkole
phonnix
Witam. Chcę zrobić mapkę po której można chodzić za pomocą strzałem, lecz na razie chce zrobić ze po kliknięciu jakiegoś klawisza, np zmiana y zwiększała się o 1, jak mógłbym to zrobić, użyć ajax czy js?
phonnix
A może zamiast rzucać linkami powiesz co nie co, no jest o klawiaturze ale skrypt bierze pod uwagę wszystkie klawisze a ja chce tylko te które będę zapisane.
nospor
ale len... nie dosc ze dostal wszystko jak na tacy to jeszcze marudzi....
doczytaj linka do konca a znajdziesz odpowiedź
phonnix
ale czemu np ten kod mi niedziała, używam Mozilli Firefox:

function mojaFunkcja(e) {
if (typeof(Event)=='function') { //NN
var kod=e.which;
var shift=e.modifiers & Event.SHIFT_MASK;
var alt=e.modifiers & Event.ALT_MASK;
var ctrl=e.modifiers & Event.CONTROL_MASK;
} else { //IE
var kod=event.keyCode;
var shift=event.shiftKey;
var alt=event.altKey;
var ctrl=event.ctrlKey;
}
/
tu instrukcje, w których możemy korzystać
z ustalonych wcześniej zmiennych, np.:
/ if (kod==32) {
alert("Tu nie wolno wciskać spacji!!!");
return false;
} else
return true;
}

To kod z tych stron które mi podaliście
nospor
jak skopiowales bez namyslu to nic dziwnego ze nie dziala. Przeciez tam są bledy skladniowe.

wywal to:
/
tu instrukcje, w których możemy korzystać
z ustalonych wcześniej zmiennych, np.:
/
phonnix
wiem usunąłem to u siebie ale nadal nic
MWL
trzeba myśleć!
Sam do tego dojdź!
wookieb
Cytat(phonnix @ 18.12.2008, 15:17:30 ) *
wiem usunąłem to u siebie ale nadal nic


Niesamowite? "Nadal nic" to chyba nie rozumiesz. Rusz dupe. Zajrzyj w kurs javascript. Zainstaluj firebuga i bedzie wszystko jasne. Programista to osoba która sama dochodzi do wniosków a nie będzie o wszystko pytać. Posiadasz umysł i to ci powinno wystarczyc.
phonnix
Nie widziałem żadnego kursu z tym czego szukam :/
wookieb
http://letmegooglethatforyou.com/?q=kurs+j...ript+klawiatura
I troche rozumu!
phonnix
ehh i co mi z takiej pomocy ... czy ty chociaż zobaczyłeś co google wyszukało?
wookieb
Tak przejrzałem. No przecież JEST NAPISANE jakiego użyc zdarzenia i jak go użyć. Przejrzyj pare stron a nie mędzisz.
nospor
Skrypt z początkowego linku faktycznie jest lewy. Tu masz na szybko poprawki
  1. <script type="text/javascript">
  2.  
  3. function kd(e) {
  4. if (typeof(e)=='function') { //NN
  5. var kod=e.which;
  6. var shift=e.modifiers & event.SHIFT_MASK;
  7. var alt=e.modifiers & event.ALT_MASK;
  8. var ctrl=e.modifiers & event.CONTROL_MASK;
  9. } else { //IE
  10. var kod=e.keyCode;
  11. var shift=e.shiftKey;
  12. var alt=e.altKey;
  13. var ctrl=e.ctrlKey;
  14. }
  15. if (kod==32) {
  16. alert("Tu nie wolno wciskać spacji!!!");
  17. return false;
  18. } else {
  19. return true;
  20. }
  21.  
  22. }
  23. if (typeof(Event)=='function') document.captureEvents(Event.KEYDOWN);
  24. document.onkeydown=kd;
  25. </head>
  26. buuuu
  27. </body>
  28. </html>

Testowane na operze i FF

Dodatkowo troche poczytaj jak koledzy radzili winksmiley.jpg
phonnix
Dzięki właśnie oto mi chodziło, ale mam jeszcze jedno pytanie, ze tego co wyczytałem w tym skrypcie to if (kod==32) {... 32 to spacja, a jak np będzie strzałka do dołu i do góry?
nospor
no ale pomysl troche. daj alerta w momencie gdy walisz po klawiaturze i bedziesz wiedzial co ma jaki kod...
phonnix
Klawisze znalazłem, liczby się zmieniają, ale teraz mapę trzeba jakoś wyświetlić, chcę zrobić narazję 5x5 kratek o wymiarach 32x32 ale nie wiem jak wyświetli 5 rzędów po 5 kratek.
bmL
  1. <img src="..." height=... width=...>
  2. <img src="..." height=... width=... alt=...>
  3. <img src="..." height=... width=... alt=...>
  4. <img src="..." height=... width=... alt=...>
  5. <img src="..." height=... width=... alt=...>
  6. <br>
  7. <img src="..." height=... width=...>
  8. <img src="..." height=... width=...>
  9. <img src="..." height=... width=...>
  10. <img src="..." height=... width=...>
  11. <img src="..." height=... width=...>
  12. <br>
  13. <!-- inna opcja -->
  14. <div>
  15. <div style="width: ...; height: ..."> </div>
  16. <div style="width: ...; height: ..."> </div>
  17. <div style="width: ...; height: ..."> </div>
  18. <div style="width: ...; height: ..."> </div>
  19. <div style="width: ...; height: ..."> </div>
  20. </div>
  21. <div>
  22. <div style="width: ...; height: ..."> </div>
  23. <div style="width: ...; height: ..."> </div>
  24. <div style="width: ...; height: ..."> </div>
  25. <div style="width: ...; height: ..."> </div>
  26. <div style="width: ...; height: ..."> </div>
  27. </div>
  28. ...
  29. <!--tabelką też można i jeszcze pewnie kilka sposobów by się znalazło.-->

Moim zdaniem brakuje Ci podstaw ja bym proponował jakiś kurs albo książkę o css/html potem dopiero brać się za javascript i php.
Twój kolejny temat:
Temat: PHPMapa
Czy masz zamiar tak krok po kroku się wypytywać jak zrobić to jak zrobić tamto? Rozumiem, że można nie wiedzieć jednej może drugiej konkretnej rzeczy. Ale bez przesady...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.