Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Klijentske aplikacije

Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX...

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 2.6.2015, 10:53   #1
dbaja
Veteran
 
Avatar korisnika dbaja
 
Član od: 4.12.2005.
Poruke: 1.180
Zahvalnice: 50
Zahvaljeno 214 puta na 130 poruka
Određen forumom Problem sa WOW.js

Ovaj Jquery će me izludeti toliko da ću morati da sednem i da ga proučim dobro, ali za sada, da li neko ima ideju zašto dolazi do sledećeg problema:

Koristim wow.js i animations.css kombinaciju.
Kod koji je ispod ispisan (bootstrap) trebalo bi da sadrži blok širine 1/4 ekrana na normalnom desktopu u njemu je slika, naslov i tekst. E taj blok ne treba da se vidi u startu, a prilikom skrolovanja do njega treba da se pojavi uz fadeIn efekat.
Sve to radi, ali on se iz "ništavila" prvo pojavi na blic u punoj veličini i boji a onda nestane pa se pojavi uz fadeIn efekat.

<div class="col-xs-12 col-sm-6 col-md-3" style="padding-top: 20px; padding-bottom: 20px;">
<div class="wow fadeIn rblok" data-wow-duration="2s" data-wow-delay="0.2s" aria-hidden="true">
<img class="img-thumbnail img-responsive center-block" src="images/slika1.jpg" alt="slika1" style="width: 100%;"/>
<span class="slNaslov">Prva slika</span>
<span class="slTekst">Tekst ispod slike</span>
</div>
</div>

u css-u je za klasu rblok zadato:

.rblok {
display: none;
}

i postoji kod koji brine o skrolu:

<script>
...
var rblok_distance = $('.rblok').offset().top;

$(window).scroll(function() {
// reklamni blokovi
if ($(this).scrollTop() > rblok_distance ) {
$('.rblok').fadeIn();
}

});

...
</script>

Kako se otarasiti to pojavljivanja celog bloka u startu, glupo izgleda tako?
dbaja je offline   Odgovor sa citatom ove poruke
Stara 2.6.2015, 10:54   #2
dbaja
Veteran
 
Avatar korisnika dbaja
 
Član od: 4.12.2005.
Poruke: 1.180
Zahvalnice: 50
Zahvaljeno 214 puta na 130 poruka
Određen forumom Re: Problem sa WOW.js

Da dodam, sa običnim slikama nemam ovakav problem, ali sa objektima koji se sastoje od više elemenata uvek bude ovako.
I da, problem izgleda isključivo nastaje kada imam još data-wow-delay="0.2s" ili neko drugo vreme za odgađanje vremena početka animacije, ali to mi je neophodno.
Uspevam da rešim problem izbacivanjem delay-a i izmenom trajanja animacije sa data-wow-duration, tako da se 4 animacije završavaju u različito vreme, ali nije mi baš jasno zašto je to tako.

Poslednja ispravka: dbaja (2.6.2015 u 11:34)
dbaja je offline   Odgovor sa citatom ove poruke
Stara 20.8.2015, 17:19   #3
RexGrammer
Starosedelac
 
Član od: 18.7.2012.
Lokacija: Beograd, Srbija
Poruke: 1.258
Zahvalnice: 105
Zahvaljeno 238 puta na 210 poruka
Određen forumom Re: Problem sa WOW.js

Jel imas negde to postavljeno na razvojnom serveru gde moze da se pogleda?

Prva pomisao mi je bila da si negde izostavio display: none, ali kad sam procitao da je to postavljeno, sledeca pomisao jeste da postoji neko pravilo sa vecom specificnosti od toga koje ga override-uje. Stavi !important pored toga i vidi dal' radi. Ubedjen sam da je negde definisano da ima display: block ili sta vec, pa da ga kasnije kroz skriptu ili drugi css fajl overwrite-uje.

Nisam imao iskustva sa pluginom. Kako dodaje stilizaciju za elemente? Doda inline-ovano u style atribut? Doda neka svoju css klasu?

P.S. Sad se setih. CSS-ove ucitavas u head-u, a js na dnu stranice jel' tako? To se radi jer nekad ucitavanje JS skripte moze da blockuje renderovanje (ovako se daje prioritet HTTP zahtevima za stranicu i sve sto je potrebno da se ona pravilno ucita) i pravi probleme poput ovog. Takodje je moguce da skripta vrsi manipulaciju nad DOM elementima koji jos nisu spremni (nisu potpuno ucitani/inicijalizovani), i to se izbegava ucitavanjem skripte na kraju ili koriscenjem document.ready() callback-a.
RexGrammer je offline   Odgovor sa citatom ove poruke
Stara 20.8.2015, 22:11   #4
dbaja
Veteran
 
Avatar korisnika dbaja
 
Član od: 4.12.2005.
Poruke: 1.180
Zahvalnice: 50
Zahvaljeno 214 puta na 130 poruka
Određen forumom Re: Problem sa WOW.js

Uh, već je dosta vremena proteklo od problema, uspeo sam da ga rešim, iako ne onako kako sam hteo, ali ispao je gotovo isti efekat:
umesto data-wow-delay parametra različitog za 4 slike (pojavljuje se prva leva, pa onda posle 0.25sec sledeća, pa tako redom),
koristio sam se različitim vrednostima za parametar data-wow-duration.
Prva slika ima trajanje 1sec, druga 1.25, treća 1.50 i četvrta 1.75. I dobio sam otprilike isto to.
Problem je ostao da parametar data-wow-delay nije hteo da odradi, a na nekim forumima sam video da takav problem ima još dosta ljudi. Da li je rešen, ne znam, ali ja sam ostavio ovakvo rešenje na tom sajtu.
dbaja je offline   Odgovor sa citatom ove poruke
Stara 21.8.2015, 0:07   #5
RexGrammer
Starosedelac
 
Član od: 18.7.2012.
Lokacija: Beograd, Srbija
Poruke: 1.258
Zahvalnice: 105
Zahvaljeno 238 puta na 210 poruka
Određen forumom Re: Problem sa WOW.js

Off-topic: Iskreno, po meni je JavaScript definitivno jezik koji je zreo za zamenu ili korenitu promenu. Izgleda da i sam tvorac ECMAScript-a Brendan Eich (bivsi CEO Mozile koji je otpusten sa tog mesta, zbog anti-gay stavova) deli misljenje. Trenutno se radi na plasiranju WebAssembly-ja sto je u sustini bytecode za web. To takodje znaci da kad se to plasira otvaraju se i vrati da izlaze novi klijentski jezici za pretrazivac, sto je olaksanje
RexGrammer je offline   Odgovor sa citatom ove poruke
Stara 21.8.2015, 1:04   #6
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
Određen forumom Re: Problem sa WOW.js

Citat:
RexGrammer kaže: Pregled poruke
Off-topic: Iskreno, po meni je JavaScript definitivno jezik koji je zreo za zamenu ili korenitu promenu.
Problem ne leži u JavaScriptu već ljudima čije se jedino iskustvo sa pisanjem klijetskog koda svodi na jQuery i po nekom automatizmu odmah podrazumevaju da znaju JavaScript. JavaScript ima ružnih stvari, to nije sporno, ali ima i neke osobine koje ga čine poprilično jedinstvenim i jako pogodnim da bude podloga za arhitekturu kao što je recimo DOM. Na prvom mestu, prototipizirani koncept nadogradnje objekata koji je preuzet iz Skale. Koji opšte-prihvaćeni jezik za pisanje klijentskog koda u browserima omogućava proširivanje već instanciranih objekata a da to ne podrazumeva korišćenje kompleksnih design patterna? Nijedan.

WebAssembly zvuči lepo u praksi ali šanse da takav format ikad postane dominantan i zameni interpretere u browserima je praktično jednaka nuli. Zašto? Zato što se kroz dvadeset i kusur godina istorije browsera pokazalo istinito pravilo da ako jedan vendor može da zabiberi čorbu ostalima i usput napravi kolateralnu štetu u vidu nekompatibilnosti, to će da uradi. I sada ti isti vendori treba da se okupe oko projekta koji će proizvesti dodatan apstraktan sloj u interakciji između koda i browsera i da na kraju zahtevi svih vendora budu ispoštovani? Veća je verovatnoća da Ivan Ivanović kaže nešto smešno nego da se to desi.

DOM je ono što je trenutno najveći problem browsera a ne JavaScript. Kada je DOM originalno koncipiran zamisao je bila da njegovo stablo nikada neće prelaziti relativno malu dubinu (kompleksnost). Dvadeset godina kasnije DOM stablo svake prosečne stranice se sastoji od hiljade i hiljade elemenata, ponekad dostižući čak i brojku od sto hiljada. Svako ko ima bar malo iskustva sa implementacijom tree-like struktura (posebno ulančanih lista) zna koja je njihova najveća boljka - traversing (šetanje po strukturi). Najmanje 95% resursa prilikom svake DOM manipulacije odlazi na traversing.

Da zaključim. Kome smeta specifičan stil pisanja JavaScript koda može da proba transpilere tipa Dart.js. ali sa najavom ECMA 6 JavaScript je definitivnu tu da ostane još jako jako dugo.
Neutrino je offline   Odgovor sa citatom ove poruke
Stara 21.8.2015, 12:03   #7
RexGrammer
Starosedelac
 
Član od: 18.7.2012.
Lokacija: Beograd, Srbija
Poruke: 1.258
Zahvalnice: 105
Zahvaljeno 238 puta na 210 poruka
Određen forumom Re: Problem sa WOW.js

Nisam ni osporio da ce ostati. JavaScript je izuzetno mocan. Cini mi se da sam citao neki clanak gde se spominje da kad se pojavio, zvali su ga "LISP for web", jer istina, ima vise zajednicko sa LISP-om nego sa C-om (iako sa njim deli mnogo slicnosti u sintaksi).

ECMAScript je sam po sebi potpuno standardizovan, ali problem zapravo bas lezi u tome sto si spomenuo: u DOM-u. I to ne u komplesknoj tree strukturi, nego u razlicitim implementacijama. Naime, ECMAScript je usko povezan sa DOM-om i bavi se manipulacijom elemenata u njemu. Sam po sebi je standardizovan i potpuno isti u svim pretrazivacima. Problem nastaje u razlicitim implementacijama DOM-a u razlicitim pretrazivacima (Safari, Chrome, Mozilla, IE/Spartan). Velika stvar kod WebAssembly-ja je bas to sto u razvoju ucestvuju kompanije vlasnici doticnih pretrazivaca.

Nije da ja ne gotivim stil pisanja JavaScript-a, nego neke korenite stvari u vezi sa njim. Naravno to je moj licni utisak, ali kroz godine veoma cesto se desavalo da u nekom jeziku ostane nesto za sta se smatra da je nepotrebno ili jednostavno lose dizajnirano, jer je to legacy od nekih starijih jezika ili je to tada delovalo kao dobar izbor ili su se jednostavno vremena promenila (npr za C#). Ali naravno te stvari ne mogu se izbaciti jer je Backwards Compability neosporno neizostavan.
RexGrammer je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


Slične teme
tema temu započeo forum Odgovora Poslednja poruka
Problem sa Tv tjunerima sale94 Kvarovi 21 26.6.2014 8:09
Problem sa puštanjem HD filmova sa eksternog HDD-a Pipboy Foto i audio/video 0 24.12.2010 21:09
Nokia e71 i problem sa USB konekcijom PsyDuck Aparati i oprema 5 1.12.2010 15:17
Problem sa PLAVIM EKRANOM backo87 Kvarovi 7 25.10.2010 18:12
HP DeskJet f4180 - problem sa instalacijom vanila Ostale komponente 3 12.3.2009 19:22


Sva vremena su po Griniču +2 h. Sada je 9:39.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com