Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

JavaScript i CSS?

[es] :: Javascript i AJAX :: JavaScript i CSS?

[ Pregleda: 1561 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Boyka
BPS

Član broj: 287185
Poruke: 338
*.dynamic.isp.telekom.rs.



+33 Profil

icon JavaScript i CSS?01.09.2012. u 16:47 - pre 140 meseci
Upravo pravim neki web sajt, čisto zbog vežbanja Html,CSS,JS,Php-a i sada me zanima kako mogu povezati Javascript i CSS recimo?

Staviću sliku u prilogu da vidite, ali hteo bih da postavim timer u js i da mi na svakih 5 sekundi promeni boju header naslova.. Zanima me kako uopšte JS, CSS i php komuniciraju jedan sa drugim?
Prikačeni fajlovi
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-6.sezampro.rs.



+33 Profil

icon Re: JavaScript i CSS?01.09.2012. u 20:39 - pre 140 meseci
Čini mi se da imaš malo pogrešan pristup, i ne treba na stvari da gledaš na takav način...

PHP, kao server-side jezik, omogućava da se stranice sajta serviraju na dinamičniji način, pri čemu je rezultat onoga što PHP vrati upravo neki HTML kôd, baš kao i u slučaju nekog sajta sa statičkim stranicama. To što će ta stranica u sebi imati određene tagove i markup kojim se učitava neki JS ili CSS kôd, je nešto što se PHP-a ne tiče niti ga zanima, niti s tim može da bude u nekakvom direktnom kontaktu.

E sad, što se tiče dešavanja na klijentskoj strani, tu stvari treba da posmatraš tako da je u toj priči JS najnapredniji jezik i onaj koji omogućava sve te neke "magične" efekte, tako što može da manipuliše HTML-om i elementima na stranici, pa samim tim i CSS definicijama nakačenim na te elemente.
Postoji standrad po nazivu DOM (Document Object Model), definisan od strane W3C-a, koji najprostije rečeno predstavlja programski interfejs za HTML/XML dokumente. Razlog zbog kojeg sam pomenuo DOM je to što JS bez njega ne bi bio ono što jeste, u smislu da ne bi posedovao API za manipulaciju HTML stranica. Svaki element u okviru stranice - sam dokument, head sekcija, body, neka slika, tabela, input polje, itd., kroz DOM biva predstavljen kao odgovarajući objekat, preko čega je moguć pristup i manipulacija svim njegovim svojstvima.
A kako ta priča sa JS-om i DOM-om izgleda u praksi, pa najbolje je da polako kreneš sa upoznavanjem tih stvari ovde: http://www.w3schools.com/jsref/default.asp, ili još bolje sa proučavanjem konkretnih primera: http://www.w3schools.com/js/js_ex_dom.asp. Takođe, ovde imaš listing i dokumentaciju svih dostupnih metoda u okviru DOM modela.

Što se konkretnog rešenja tog tvog pitanja tiče, možda ovako nešto:
Code:
var headerTitle = document.getElementById('headerTitle');
var initialColor = headerTitle.style.backgroundColor;
var newColor = '#FFF000';

var t = setTimeout(function() {  
    if (headerTitle.style.backgroundColor === initialColor) {
        headerTitle.style.backgroundColor = newColor;
    } else {
        headerTitle.style.backgroundColor = initialColor;
    }

    t = setTimeout(arguments.callee, 5000);  
}, 5000); 


 
Odgovor na temu

Boyka
BPS

Član broj: 287185
Poruke: 338
*.dynamic.isp.telekom.rs.



+33 Profil

icon Re: JavaScript i CSS?01.09.2012. u 21:14 - pre 140 meseci
Hvala puno, značiće mi saveti :))
 
Odgovor na temu

[es] :: Javascript i AJAX :: JavaScript i CSS?

[ Pregleda: 1561 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.