Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Problem z kodem liczącym
thomson89
post
Post #1





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Witam!

Skoro mi nikt nie pomaga, to próbuję własnych sił. Stworzyłem sobie kodzik który wyświetla jakąś tam liczbę. Lecz:
- jak ustawiam w ifie na 5, to liczba wyświetla się 6 a potem przycisk znika
- jak ustawiam w ifie na 0, to liczba wyświetla się -1, a potem przycisk znika
- mimo że dałem style display display to i tak, przycisk, po zmienieniu wartości się nie pojawia
- tak samo z minusem - daję minus, a potem plus to przycsik minus się nie pojawia

Niestety nie wiem jak rozwiązać ten problem. Prosze o pomoc!

KOD:
Kod
<html>
<head>

</head>
<body>
<script type="text/javascript">
i=0;
function dalej(){
    if(i=='5'){
    document.getElementById('dalej').style.display = 'none';
    }
    if(i<'5'){
    document.getElementById('dalej').style.display = 'display';
    }
    

    i++;
    document.getElementById('liczba').innerHTML = i;
}

function wstecz(){
    if(i=='0'){
    document.getElementById('wstecz').style.display = 'none';
    }
    if(i!='0'){
    document.getElementById('wstecz').style.display = 'display';
    }

    i--;
    document.getElementById('liczba').innerHTML = i;
}

</script>
<p>Oto zmieniająca się liczba <b id='liczba'>0</b> </p>
<input type='button' id="wstecz" onclick='wstecz()' value='wstecz'/>
<input type='button' id="dalej" onclick='dalej()' value='dalej'/>

</body>
</html>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
thomson89
post
Post #2





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Dziękuję. Widać że podobne do mojego (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

PS: Znalazłem buga. Jak się zacznie klikać szybciej, to wtedy ominie się blokadę. Ale to nie problem bo to do galeri ma być.

--EDIT--

Jeszcze jedno. Przyciski wyświetlają mi się pod sobą. Jak można je zrobic obok siebie?

Mając kod liczacy tworzę sobie spokojnie galeryjkę, aż do napotkania kolejnego błędu. Mianowicie znowu problem z ifami. Nie wiem jak to rozwiązać. Jak daję na dalej, aż do ostatniego obrazka to potem mini obrazek znika. Ale jak daję wstecz, to się nie pojawia. Dopiero się pojawia jak daję pierwszy obrazek. Od razu piszę że to mój pierwszy kod js i bazuję tylko na kursach z internetu. Galeria do zobaczenia: mateuszkow.oz.pl/galeria/test.html.

CODE
<script type="text/javascript">
var i = 1;
var max = 4;
function przod_tyl(gdzie)
{

if (gdzie=='p')
{

i++;
a = i-1;
b = i+1;

document.getElementById('obrazek').src = i+'.jpg';
document.getElementById('pozycja').innerHTML = i+'/'+max;
document.getElementById('zdjecie1').src = a+'.jpg';
document.getElementById('zdjecie2').src = i+'.jpg';
document.getElementById('zdjecie3').src = b+'.jpg';

if (i >= max)
{
document.getElementById('dalej').style.display = 'none';
document.getElementById('wstecz').style.display = 'inline';
document.getElementById('zdjecie3').style.display = 'none';
}

else if (i < max)
{
document.getElementById('dalej').style.display = 'inline';
document.getElementById('wstecz').style.display = 'inline';
document.getElementById('zdjecie1').style.display = 'inline';
document.getElementById('zdjecie3').style.display = 'inline';
}

}

else if (gdzie=='t')
{

i--;
a = i-1;
b = i+1;

document.getElementById('obrazek').src = i+'.jpg';
document.getElementById('pozycja').innerHTML = i+'/'+max;
document.getElementById('zdjecie1').src = a+'.jpg';
document.getElementById('zdjecie2').src = i+'.jpg';
document.getElementById('zdjecie3').src = b+'.jpg';




if (i == 1)
{
document.getElementById('wstecz').style.display = 'none';
document.getElementById('dalej').style.display = 'inline';
document.getElementById('zdjecie1').style.display = 'none';
document.getElementById('zdjecie3').style.display = 'inline';
}

else if (i >= max)
{
document.getElementById('wstecz').style.display = 'inline';
document.getElementById('dalej').style.display = 'inline';
document.getElementById('zdjecie1').style.display = 'inline';
document.getElementById('zdjecie3').style.display = 'inline';
}

}

}
</script>
<center>
<img src="1.jpg" width="400" height="400" id="obrazek">
<table><tr><td width="70" align="center" bgcolor="silver">
<div id="wstecz" onclick="przod_tyl('t')" style="display: none;"><b> < Wstecz</b></div>
</td>
<td width="70" bgcolor="silver" align="center">
<b><div id="pozycja">1/4</div></b>
</td>

<td width="70" bgcolor="silver" align="center">
<div id="dalej" onclick="przod_tyl('p')" style="display: inline;"><b>Dalej ></b></div>
</td></tr>
<!-- miniatury -->
<tr>
<td height="100"><img id="zdjecie1" src="0.jpg" width="100" height="100" style="display: none;" /></td>
<td><img id="zdjecie2" src="1.jpg" width="100" height="100" /></td>
<td><img id="zdjecie3" src="2.jpg" width="100" height="100" style="display: inline;" /></td>
</table>


Ten post edytował thomson89 8.04.2009, 21:17:50
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 17.10.2025 - 12:28