Forum PHP.pl > [JavaScript] Problem z kodem liczącym

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Problem z kodem liczącym

thomson89

8.04.2009, 15:14:04

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>

piotrooo89

8.04.2009, 15:22:20

ale co ty chcesz osiągnąć? bo ja nie wiem a przeczytałem chyba z 3 razy.

thomson89

8.04.2009, 15:23:35

Chcę osiągnąć dodawanie liczby według wskazań. Potrzebne jest mi to do galeri w js.

Pitter

8.04.2009, 15:23:39

Problem w tym, że w funkcji wstecz nie ustawiłeś, aby button dalej pojawił się gdy i<5 i odwrotnie w funkcji dalej nie ustawiłeś, aby button wstecz pojawiał się gdy naciśniejsz na dalej.
Button się nie pojawi jeżeli użyjesz display='display' nie ma czegoś takiego. Jest display = 'block';

thomson89

8.04.2009, 15:27:22

Czyli trzeba to zamienić? Button dalej display dać do wstecz i odwrotnie?

Dałem to do dalej:

Kod

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

A to do wstecz:

Kod

if(i<'5){
document.getElementById('dalej').style.display = 'display';
}

Ale nadal nie działa.

Pitter

8.04.2009, 15:32:13

Dobrze tylko tak jak pisałem. Nie ma czegoś takiego jak style.display = 'display' jest style.display = 'block'

thomson89

8.04.2009, 15:35:15

Jak dałem block, to to jest jak blokada przycisku...

nie da się kliknąć

Pitter

8.04.2009, 15:38:46

Pokaż kod jaki wygenerowałeś

thomson89

8.04.2009, 15:48:42

Kod

<html>
<head>

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


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

function wstecz(){
    if(i=='0'){
    document.getElementById('wstecz').style.display = 'none';
    }
    if(i<'5){
    document.getElementById('dalej').style.display = 'block';
    }

    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>

W IE widać że przycisk nie jest zablokowany, tylko skrypt po prostu się nie wykonuję.

---EDIT---

Pomóżcie proszę. Ja tego nie umiem zrobić. Co ma źle?

Próbowałem też tak:

Kod

<html>
<head>

</head>
<body>
<script type="text/javascript">
function dalej(){
    i++;
    document.getElementById('liczba').innerHTML = i;
    return i;
}

function wstecz(){
    i--;
    document.getElementById('liczba').innerHTML = i;
            return i;
}

function zmien(dzialanie){

    i=0;
    if(dzialanie == 'dalej'){
        i = dalej();
        if(i=='5'){
        document.getElementById('dalej').style.display = 'none';
        }
        if(i<'5'){
        document.getElementById('dalej').style.display = 'display';
        }
    }
    if(dzialanie == 'wstecz'){
        i = wstecz();
        if(i=='0'){
        document.getElementById('wstecz').style.display = 'none';
        }
        if(i!='0'){
        document.getElementById('wstecz').style.display = 'display';
        }
    }

}

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

</body>
</html>

Ale nie wychodzi...

piotrooo89

8.04.2009, 20:38:38

wykombinowałem coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var i = 0;
function przod_tyl(gdzie)
{
    if (gdzie=='p')
    {
        i++;
        document.getElementById('liczba').innerHTML = i;
        if (i >= 5)
        {
            document.getElementById('dalej').style.display = 'none';
            document.getElementById('wstecz').style.display = 'block';
        }
        else if (i < 5)
        {
            document.getElementById('dalej').style.display = 'block';
            document.getElementById('wstecz').style.display = 'block';
        }
    }
    else if (gdzie=='t')
    {
        i--;
        document.getElementById('liczba').innerHTML = i;
        if (i == 0)
        {
            document.getElementById('wstecz').style.display = 'none';
            document.getElementById('dalej').style.display = 'block';
        }
        else if (i >= 1)
        {
            document.getElementById('wstecz').style.display = 'block';
            document.getElementById('dalej').style.display = 'block';
        }
    }
}
</script>
<p>Oto zmieniająca się liczba <b id="liczba">0</b> </p>
<input type="button" id="wstecz" onclick="przod_tyl('t')" style="display: none;" value="wstecz"/>
<input type="button" id="dalej" onclick="przod_tyl('p')" value="dalej"/>
[HTML] pobierz, plaintext

thomson89

9.04.2009, 20:46:37

Dziękuję. Widać że podobne do mojego

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

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.