JAVASCRIPT html on click

pytanie zadane 13 lutego 2016 w JavaScript przez uRTLy Bywalec (2,420 p.)
edycja 13 lutego 2016 przez uRTLy

pomoze ktos i wskaze blad i pomoze usprawnic, poprawic? chce na srodku miec slider albo zdjec albo zmieniajacych sie divów z moim wystylizowanym tekstem. Nie dziala mi ten skrypt na slider po kliknieciu.W tych divach sa strzalki z fontello . Chcialbym zeby po kliknieciu w lewa strzalke numer -- czyli dawalo wczesniejsze, po kliknieciu strzalki w prawo zmienna numer ++ czyli nastepna fotka. a przy 4 zdjeciu zeby znowu bylo pierwsze a bez zadnej reakcji czyli else po 4sekundach samo sie zmienialo...
Nawet mi zdjecia z folderu nie pokazuje.

tu sposob wczesniejszy
http://www.wklej.org/id/1943118/

tu terazniejszy

http://www.wklej.org/id/1943690/

i obydwa nie dzialaja.

1 odpowiedź

odpowiedź 13 lutego 2016 przez ShiroUmizake Nałogowiec (46,300 p.)
wybrane 13 lutego 2016 przez uRTLy

Najlepsza



<script>


var biezacySlajd = 1;
document.body[0].addEventListener ('load' , zmienaslajd, false)
document.getElementById("stzalkaL").addEventListener ('click', doTylu, false)
document.getElementById("StrzalkaP").addEvenetListener('click', doPrzodu, false)

 function zmienslajd ()
{
 if(biezacySlajd==4) biezacySlajd=1;
var plik="<img src=\"zdjeciaL/photo"+biezacySlajd+".jpg\"/>";
++biezacySlajd;
}

function doTylu  ()
{
 if(biezacySlajd==4) biezacySlajd=1;
var plik="<img src=\"zdjeciaL/photo"+biezacySlajd+".jpg\"/>";
--biezacySlajd;
}

function doPrzodu  ()
{
 if(biezacySlajd==4) biezacySlajd=1;
var plik="<img src=\"zdjeciaL/photo"+biezacySlajd+".jpg\"/>";
++biezacySlajd;
}

Poczytaj trochę o event.Type, jeżeli chcesz tak wywowoływać, by sprawdzało czy dany event jest wykonywany.

</script>

By co jakiś czas wykonywało zmienSlajd wywolujesz po przez rekurencje i setTimeout albo setInterval.

Pokaż 14 poprzednich komentarzy

komentarz 13 lutego 2016 przez Comandeer Guru (601,590 p.)

Powinien skrypt odpalić się wcześniej, bo przerzucenie go na koniec body spełnia tę samą funkcję, co defer (nie do końca, ale w 90% przypadków ta różnica nie ma znaczenia).

komentarz 13 lutego 2016 przez uRTLy Bywalec (2,420 p.)

jeszcze jedno pytanko. musze wiedziec czy EventListener przyjmuje wartosc true lub false ?

bo nie wiem jak wlaczyc przewijanie obrazow w prawo jezeli jest nie klikniete po np 6 sekundach od zaladowania strony i resetowanie czasu po kliknieciu ktorejkolwiek strzalki..

komentarz 13 lutego 2016 przez Comandeer Guru (601,590 p.)

jeszcze jedno pytanko. musze wiedziec czy EventListener przyjmuje wartosc true lub false ?

Nie rozumiem pytania.

komentarz 13 lutego 2016 przez uRTLy Bywalec (2,420 p.)

jak klikne np na te strzalke to czy eventListener przyjmuje wartosc true ze zostala kliknieta a jak ani raz nie klikne strzalki to czy ten

document.getElementById("strzalkaR").addEventListener('click', strzalkaPrawa, false)

bedzie miał wartosc false ?

wg W3 jest jakis use capture .Chodzi mi o cos jak <label> w checkboxie.

useCapture Optional. A Boolean value that specifies whether the event should be executed in the capturing or in the bubbling phase.

Possible values:

true - The event handler is executed in the capturing phase

false- Default. The event handler is executed in the bubbling phase

komentarz 13 lutego 2016 przez Comandeer Guru (601,590 p.)

Nie ma czegoś takiego. Możesz sobie ustawić jakąś zmienną, którą zmienisz w listenerze.

A "use capture" to sposób propagacji zdarzenia w drzewku DOM – całkowicie inna sprawa.