[es] - Jquery početnik

Kerim O

Član broj: 206460
Poruke: 59
178.77.25.*

Profil

^{03.03.2012. u 18:39 - pre 147 meseci}

Pozdrav svima. Počeo sam malo da radim sa Jquery-em i oduševljen sam njegovim mogućnostima. Uzeo sam knjigu Smashing Jquery i isto sam prezadovoljan sa njom. Medjutim ono što me malo nervira je što kodovi iz knjige ne rade uopšte ili ne rade kako bi trebalo. Ručno sam neke primjere sam morao ispravljait i slično.
Sada sam pomalo počeo da radim sa eventima i ne mogu nikako da podesim kod. Na preporuku za firefox sam skinuo ovaj firebug,medjuzim u konzoli mi ne pokazuje nikakve greške.
Trebam da uradim fokus na input polje. Našao sam nekih primjera na googlu i uspio napraviti medjutim ono što me kopka je što hoću da natjeram i ove primjere iz knjige da prorade..

Sada ću postaviti dio koda a poslije ću okačiti još dio koda z adrugi problem iz iste knjige..

Code:
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.first-name').bind("focus", function(){
$(this).css("background-color","red");
});
});
</script>
</head>
<body>
<input type='text' name='firstname' id='first-name' clas="first-name"/>

</body>
</html>

Zamolio bih svakoga ko može da odvoji par minuta da mi pomogne. Zahvaljujem :)

Odgovor na temu

dakipro
Dalibor Jovic
Web Developer
Bergen, Norway

Član broj: 31848
Poruke: 1792
*.192.251.212.customer.cdi.no.

Sajt: norway.dakipro.com

+190 Profil

Re: Jquery početnik

^{03.03.2012. u 18:41 - pre 147 meseci}

clas se pise kao class, dva slova S

http://norway.dakipro.com/

Odgovor na temu

Kerim O

Član broj: 206460
Poruke: 59
178.77.25.*

Profil

Re: Jquery početnik

^{03.03.2012. u 18:46 - pre 147 meseci}

Do mene je što se tiće toga. Pokušavao sam i to. Onda se izvrši ovaj hendler koji sam zadao. Medjutim kada izadjem iz tekstualnog polja ostane mi u ovom slučaju crvena pozadina a koliko sam skontao trebalo bi da je crvena pozadina samo dok je polje "u fokusu"?

Odgovor na temu

plague
Software Developer
Auckland, NZ

Član broj: 46734
Poruke: 623
*.aDSL.verat.net.

+373 Profil

Re: Jquery početnik

^{03.03.2012. u 19:57 - pre 147 meseci}

Focus je event koji se poziva u trenutku kada element dobije fokus. Nasuport njemu imas event Blur koji se poziva kada element gubi fokus.
Tu mozes izvrsiti vracanje prethodnog stanja ako zelis.

Odgovor na temu

Kerim O

Član broj: 206460
Poruke: 59
178.77.27.*

Profil

Re: Jquery početnik

^{04.03.2012. u 13:23 - pre 147 meseci}

Sredjeno je gore..Uradio sam na ovaj način koji ste mi opisali a malo sam čačkao jquery dokumentaciju i vidio da postoji metoda focusout..

Evo i onaj slijedeći problem koji sam obećao da ću postaviti u kojem mi treba pomoć.

Primjer u knjizi je pravljenje galerije sa fade metodama..Pošto koristim firebug neke greške koje mi je javljalo ispravio sam.
Uglavnom je većina grešaka na nepravilno stavljanje navodnika.

Evo koda...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="stylesheet" type="text/css" href="galerija.css" />

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {

var slideArray = ['ansel_adams1.jpg',
'ansel_adams2.jpg',
'ansel_adams3.jpg',
'ansel_adams4.jpg',
'ansel_adams5.jpg'
];

var imgDir = 'images/ansel_adams';

$('.container').append('<div class="slide-image"></div>');

$('.slide-image').html('<img src="images/'+slideArray[0]+'"/>');
$('.slide-image').after('<ul id="nav"></ul>');

var slideLength = slideArray.length;

for(i=0; i <= slideLength; i++){
var slideText = i + 1;
$('#nav').append('<li><a href="#" rel=""+slideText+'">'+slideText+'</a></li>');
}
$('#nav li a').bind('click', function(){
});

$('#nav li a').bind('click', function(){
var numSlide = $(this).attr('rel');
});

$('#nav li a').bind('click', function(){
var numSlide = $(this).attr('rel');
$('.slide-image').html('<img src=''+imgDir + numSlide+'.jpg'/>');
});

});
</script>
</head>
<body>
<div class='container'>
<h1>jQuery Images Galore.</h1>
</div>

</body>
</html>

Sve do ove linije sam popravio greške..

Code:
$('#nav').append('<li><a href="#" rel=""+slideText+'">'+slideText+'</a></li>');

Ovu ne mogu da podesim nikako..Zamolio bih nekoga ko je iskusan da mi malo pomogne..

Očaran sam ljepotom i lakoćom jquery,već za par dana učenja mogu da pravim neke jednostavne stvari..

Hvala

Odgovor na temu

dakipro
Dalibor Jovic
Web Developer
Bergen, Norway

Član broj: 31848
Poruke: 1792
*.190.251.212.customer.cdi.no.

Sajt: norway.dakipro.com

+190 Profil

Re: Jquery početnik

^{04.03.2012. u 14:01 - pre 147 meseci}

treba
rel="'+slideText+'">
umesto
rel=""+slideText+'">

Nadji neki bolji editor koji ima HTML i JS syntax hightlighting, mnogo ce ti pomoci oko ovakvih stvari. Probaj netbeans recimo

http://norway.dakipro.com/

Odgovor na temu

Kerim O

Član broj: 206460
Poruke: 59
178.77.27.*

Profil

Re: Jquery početnik

^{04.03.2012. u 14:35 - pre 147 meseci}

Daki da ti se prvo zahvalim na jako ljubaznim i strpljivim odgovorima.Nije ni vama lako sa nama početnicima :)
Evo upravo skidam netbeans pa ću to malo istražiti..

Što se tiće jquery problema, riješio sam ovo sa kodom. U firebugu mi ne prikazuje nikakve greške,medjutim kada pokušam da pokrenem ovaj fajl css fajl i ostalo mi se sve fino iscrta ali bez ikakve animacije,slike se nikako ne prikazuju.
Ako može još strpljenja malo da riješim ovaj mali problemčič
Hvala :)

Evo i koda sredjenog osim ovog problema slika:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<link rel="stylesheet" type="text/css" href="galerija.css" />

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {

var slideArray = [
'ansel_adams1.jpg',
'ansel_adams2.jpg',
'ansel_adams3.jpg',
'ansel_adams4.jpg',
'ansel_adams5.jpg'
];

var imgDir = 'images/';

$('.container').append('<div class="slide-image"></div>');

$('.slide-image').html('<img src="images/'+slideArray[0]+'"/>');
$('.slide-image').after('<ul id="nav"></ul>');

var slideLength = slideArray.length;

for(i=0; i <= slideLength; i++){
var slideText = i + 1;
$('#nav').append('<li><a href="#" rel="'+slideText+'">'+slideText+'</a></li>');
}

$('#nav li a').bind('click', function(){
var numSlide = $(this).attr('rel');
$('.slide-image').html('<img src=”'+imgDir + numSlide+'.jpg”/>');
$('.slide-image img').fadeIn();
$('#nav li a').removeClass('active');
$(this).addClass('active');
});

$('#nav li a').eq(0).click();

});
</script>
</head>
<body>
<div class='container'>
<h1>jQuery Images Galore.</h1>
</div>

</body>
</html>

_{[Ovu poruku je menjao Kerim O dana 04.03.2012. u 16:42 GMT+1]}

Odgovor na temu