Warunek gdy zmienna = 100 i jesli przycisk jest wcisniety. Opcje

[wizard144]

Witam. Ostatnio siedzę nad czymś takim:

[PHP] pobierz, plaintext 
 
 
if(zamiana=='50' && [tu drugi warunek)
{
 
reszta kodu ...
 
}
 
 
[PHP] pobierz, plaintext 

Potrzebuję w JS napisać coś w stylu if(!isset(document.onkeyup)) czyli Jeśli żaden klawisz nie został puszczony lub jeśli wciąż jest wciśnięty. Jest mi to obojętne bo to jedno i to samo. Da sie to jakoś zrobić ? Napisze w pseudokodzie:

[PHP] pobierz, plaintext 
 
jesli zamiana == 50 i przycisk jest puszczony to
{
 
wykonaj ten blok instrukcji.
 
}
 
 
 
[PHP] pobierz, plaintext 

Proszę o pomoc. Pozdrawiam.

[batman]

Stwórz zmienną, np isKeyDown i ustaw ja na false. Następnie do zdarzenia keyDown (keyPress lub innego odpowiedzialnego za wciśniecie klawisza, teraz nie pamiętam jaki to jest event) przypisz funkcję, w której ustawisz zmienną isKeyDown na true. Potem w warunku sprawdzasz tylko zmienną isKeyDown.

[wizard144]

Chyba niezrozumiale to przedstawilem. Wygląda to w ten sposob:

[PHP] pobierz, plaintext 
document.onkeydown = checkKeycode;
 
id=false;
 
function checkKeycode(e){
 
var keycode;
 
 
if (window.event) keycode = event.keyCode;
else if (e) keycode = e.which;
 
 
 
if(id == false)
{
switch(keycode)
{
case 37:wartosc = document.getElementById('divek').style.left;
				wartosc=parseInt(wartosc);
 
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_1.gif';
 
				zmiana=0;
				if(id == false) {
				id = setInterval(
				function()
				{
 
				document.getElementById('divek').style.left=wartosc-5;
				wartosc=wartosc-5;
				zmiana=zmiana+5;
 
 
				if(zmiana == 50)
				{
				clearInterval(id);
				id = false;
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_0.gif';
				zmiana=0;
				}
 
				}, 100)};break;
 
case 38:wartosc = document.getElementById('divek').style.top;
				wartosc=parseInt(wartosc);
 
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_2.gif';
				zmiana=0;
				if(id == false) {
				id = setInterval(
				function()
				{
 
				document.getElementById('divek').style.top=wartosc-5;
				wartosc=wartosc-5;
				zmiana=zmiana+5;
 
 
				if(zmiana == 50)
				{
				clearInterval(id);
				id = false;
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_0.gif';
				document.getElementById('divek').style.top=wartosc-2;
				wartosc=0;
				}
 
				}, 100)};break;
case 39:wartosc = document.getElementById('divek').style.left;
				wartosc=parseInt(wartosc);
 
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_3.gif';
				zmiana=0;
				if(id == false) {
				id = setInterval(
				function()
				{
 
				document.getElementById('divek').style.left=wartosc+5;
				wartosc=wartosc+5;
				zmiana=zmiana+5;
 
 
				if(zmiana == 50)
				{
				clearInterval(id);
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_0.gif';
				id = false;
				wartosc=0;
				}
 
				}, 100)};break;
case 40:wartosc = document.getElementById('divek').style.top;
				wartosc=parseInt(wartosc);
 
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_4.gif';
				zmiana=0;
 
 
 
				if(id == false) {
				id = setInterval(
				function()
				{
 
				document.getElementById('divek').style.top=wartosc+5;
				wartosc=wartosc+5;
				zmiana=zmiana+5;
 
 
				if(zmiana == 50)
				{
				document.getElementById('divek').style.top=wartosc+2;
				clearInterval(id);
				document.getElementById('divek').getElementsByTagName('img')[0].src='element_0.gif';
				id = false;
				wartosc=0;
				}
				}
				, 100);break;
}
}
 
}
 
 
}
[PHP] pobierz, plaintext 

Mam sobie taki o to skrypcik wlasnorecznie napisany. Powoduje ze:


1. Jest div z zawartoscia pierwotną
2. Div zmienia zawartosc gdy ktos wcisnie ktoras ze strzalek.
3. Interval sie w sobie nie zagniezdza.(warunek if (id=false) )
4. Po przejechaniu 50 px zawartosc znowu sie zmienia na pierwotną.

Chciałbym zeby jesli przycisk jest wcisniety to zawartosc sie nie zmieniala. To znaczy

Przejedzie 50 - > przycisk wciśnięty -> przejedzie 50 -> Przejedzie 50 - > przycisk wciśnięty -> przycisk puszczony -> zawartosc sie zmienia na pierwotną

Mysle ze lepiej wytlumaczylem

[batman]

Nie musisz ustawiać żadnych interwałów, by to działało. Najprostszy z możliwych przykładów:

[HTML] pobierz, plaintext 
<script type="text/javascript">
document.onkeydown = checkKeycode;
function checkKeycode(e) {
	var keycode;
	if (window.event) keycode = event.keyCode;
	else if (e) keycode = e.which;
 
	var el = document.getElementById("moveit");
	var l = parseInt(el.style.left);
	var t = parseInt(el.style.top);
	if(keycode == 37) {
		el.style.left = (l - 50);
	}
	else if(keycode == 38) {
		el.style.top = (t - 50);
	}
	else if(keycode == 39) {
		el.style.left = (l + 50);
	}
	else if(keycode == 40) {
		el.style.top = (t + 50);
	}
 
 
}
</script>
 
<div id="moveit" style="position: absolute; top: 200px; left: 200px; width: 50px; height: 50px; border: 1px solid red;"></div>
[HTML] pobierz, plaintext 

Zapomniałem dodać, że na zdarzenie onKeyUp musisz ustawić left i top na domyślne wartości.

[wizard144]

Interwaly sa potrzebne zeby przejscie bylo plynne

[batman]

W takim razie polecam skorzystać z gotowego rozwiązania, np jQuery. Jest tam funkcja animate, która rozwiązuje problem "skakania".

[wizard144]

Nie lubie korzystać z takich gotowych rozwiązań





EDIT:

Póki co męczę się nad zrobieniem takiego przypisania:



var zmienna = funkcja;

Zamiast wartości funkcji zwraca mi cale cialo...

Ten post edytował wizard144 31.03.2010, 14:02:07

[batman]

Nie lubie korzystać z takich gotowych rozwiązań

Dlaczego? Nie ma sensu wymyślać koła na nowo.

A odnośnie drugiego problemu:

var zmienna = funkcja();

[wizard144]

Wiem wiem wiem To ogarniam. Problem byl ze funkcja byla zle napisana.

A co do kola od nowa... nie o to chodzi. Chodzi o to żebym wiedział co i jak jest zrobione. Poza tym nie ogarniam troche jQuery. Tylko z advAjaxa korzystam