SysBlog

Problem: Trebamo dinamički izmijeniti source: atribut na jQuery autocomplete widgetu.

Rješenje:

$( "#autocompletePolje" ).autocomplete('option', 'source', 'scripta.html');

Međutim, što ako taj autocomplete još ne postoji. Moramo proveriti postoji li:

if ($("#kontakt").hasClass("ui-autocomplete-input")) {
 $( "#kontakt" ).autocomplete('option', 'source', kontaktURL);
 }

Problem:

Kako pomoću jQuery-a pokupiti vrijednost nekog forma unutar iframe-a?

Imamo neki iframe čiji je Id = mojIframe.

<iframe id="mojIframe" itd...></iframe>

Unutar njega imamo neko form filed čiji je Id = mojInputField

<input type="text" id="mojInputField" value="1234" />

Rješenje:

var rezultat = $('#mojIframe').contents().find('#mojInputField').val();

"rezultat" je 1234

Problem – kako selektirati element unutar iframea pomoću jQuerya

Recimo da imamo iframe čiji je id = “peroFrame” i unutar njega div čiji je id=”pero” čiji sadržaj nas zanima…

Rješenje:

$('#peroFrame').contents().find('#pero').html();

Problem:

Kako dobiti value odabranog radio buttona?

Rješenje:

<input name="grupa" type="radio" value="pero"/>
<input name="grupa" type="radio" value="slavko" checked/>
<input name="grupa" type="radio" value="mirko"/>

var ime= $("input[@name=grupa]:checked").val();

ili

var ime= $('input:radio[name=grupa]:checked').val();

ime je “slavko”

isto tako, ako nas zanima da li je radio  uopće čekiran tada:

if($('input:radio[name=grupa]:checked').val()){

 //ako je čekiran tada nešto...

}

Problem: kako prekinuti each loop

Rješenje:

return false;

tj.

$('.klasa').each(function(){

 var id= $(this).attr('id');
  if(id=='pero'){
   return false;
  }
});

Dakle, ovo vrti sve elemente s klasom .klasa i stane sa vrtnjom kad naiđe na neki čiji je id = pero

Problem: disejblati element ili grupu njih

Rješenje:

$(".klasa").prop('disabled', true);
$(".klasa").prop('disabled', false);

ili

$(".klasa").attr('disabled','disabled');

Problem:

Kako pozvati funkciju “unutar jquery-a” iz javascripta koji nije “unutar jquery-a”?

Rješenje:

Pa zapravo je prvo potrebno definirati što znači “unutar jquery-a”?

ako pod time mislimo na neku funkciju koja se nalazi unutar

$(function() {

 });

ili

$(document).ready(function(){

 });

onda, koliko znam, nikako.

ALI!

Mnogi pogrešno misle da se jquery može koristiti samo unutar gore navedenog koda. Gore navedeni kod je samo funkcija koja se izvršava “when dom is ready”.

dakle, npr, ovo će raditi:

$(function() {

 });

function test(){

alert($('#pero').html());

}

<div onclick="test()" id="pero">Proba</div>

Klikom na tekst ‘Proba’ okida se funkcija koja alerta html elementa ‘pero’.  A ta funkcija test() nije “unutar jquery-a” (kako smo to pogrešno nazvali).

Provjera je li checkbox čekiran ili ne:

$('input[name=x]').is(':checked');
$('input[name=y]').attr('checked');

rezultat je true/false...

Promjena statusa checkboxa:

$('input[name=x]').attr('checked', true); //čekiramo ga
$('input[name=x]').attr('checked', false); //ne čekiramo ga

ili
$('input[name=x]').prop('checked', true);
$('input[name=x]').prop('checked', false);
ima li selektiranih?  var broj_selektiranih = $(".mojCheckbox:checked").length;