m1gin 413

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js or http://code.jquery.com/jquery-latest.js

Include jQuery into a page:

var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'http://code.jquery.com/jquery-latest.js'; document.getElementsByTagName('head')[0].appendChild(newScript);

Sayfanın bir bölümünü yüklemek.
var gcode=$('#lyrics').load('http://www.slack-time.com/music-video-14988-Christina-Perri-Distance #lyrics', function(rd,status) {
if(status=='success'){
alert(rd); //all body
}
});

//Yüklen sayfadaki <div id="lyrics"> içerisindeki veri gcode değişkenine atanıyor.
//Veri aynı zamanda açık sayfadaki lyrics elamanına ekleniyor.

Başka sayfadaki belli alanları/elementleri elde etmek
var gcode=$('body').load('http://www.musicloversgroup.com/flo-rida-good-feeling-lyrics-and-video/ div', function(rd,status) {
if(status=='success'){
console.log(rd); //all body
}
});

//Bu şekilde, çağrılan sayfadaki tüm div elemanlarının değerleri elde edilmekte ve aktif sayfaya yerleştirilmektedir.
// div[class="classname"] olduğunda ise, belirtilen sınıfa/özelliğe sahip olan elemanlar alınır.
//Aşağıdaki örnekte, src="i/loading.png" değerini barındıran img elde edilmektedir.

var gcode=$('body').load('http://www.akradyo.net/medya.aspx?guid=34076643-643e-4dba-9615-f35093bb5580 img[src="i/loading.png"]', function(rd,status) {
if(status=='success'){
alert(status);
console.log(rd); //all body
}
});

Bir sayfaya veri göndermek ve dönen değeri okumak.
$.post("http://www.slack-time.com/player.php", {geo: "US", rel: "d1rtlv41_16", vid: "12345"}, function(rd,status) {
if(status=='success'){
alert(rd); //geri dönen değer
}
}, 'html');


Bir Uygulama: Otomatik çağrı yapma ve sonuç veriyi XML biçiminde tutma.
var xml_all=";
var gvid=0;
function get_player_data(){
gvid += 1;
$.post("http://www.slack-time.com/player.php", {geo: "US", rel: "d1rtlv41_16", vid: gvid}, function(rd,status) {
if(status=='success'){
xml_all += "\n<video_item><id_in_site>" + gvid + "</id_in_site><player_data><![CDATA[" + rd + "]]></player_data></video_item>";
}
window.setTimeout("get_player_data()", 5000); //call next;
if(gvid % 100 == 5) txtout.value=xml_all;
}, 'html');
}
get_player_data();


Bir nesneye tıklamak
$("button:first").click(function () {
$("#div1").trigger('click');
});
//sayfadaki ilk butona tıklandığında, div1 nesnesine de tıklanmaktadır.


Get divs with specified class
$('div[class="video-swap"]');

Get by list items by multiple class name:
$("li.shown.playbutton")

Get specified meta tags
$('meta[property="og:url"]')

Get canonical tag
$('link[rel=canonical]')

Get all meta tags that has property
$('meta[property]')

Get attribute from found element
$('div[class="video-swap"]')[0].getAttribute("vid")


Get text from next of an element:

var opts = jQuery("div.col").eq(0).find("input:not(:checked)").map(function(){
return this.nextSibling.nodeValue;
});


Get last N elements:

jQuery("div.message.shift-mode:not(.mb_processed):gt(-9)");


Get elements that not contain a specific class:

jQuery(".wq-question").eq(0).find(".wq-answer:not(.wq_correctAnswer)")


Sunucuya form verisi göndermek
" function post_data(){
//Request.Form 'da id algınlanmıyor. elemanlara name atanmalıdır!
var gdiv=document.createElement("div");
gdiv.innerHTML='<input type="text" value="' + data_vid.id + '" name="video_id" />';
gdiv.innerHTML += '<textarea name="lyrics">' + data_vid.lyrics + '"</textarea>';

// var gtxt=document.createElement("input"); gtxt.type="text"; gtxt.name="video_id"; gtxt.value="value"; gfrm.appendChild(gtxt);

var gfrm=document.createElement("form");
gfrm.setAttribute("id", "frm_dynamic");
gfrm.appendChild(gdiv);
document.body.appendChild(gfrm);

//remote page should allow current domain. Response.AppendHeader("Access-Control-Allow-Origin", "*");
$.ajax({url: 'http://127.0.0.1:8080/form.aspx', data: $('#frm_dynamic').serialize(), type: 'POST',
success: function(data) {
alert(data);
} });
}"

Include script from URL
$.getScript("http://localhost/slack-time.js");


Get every nth element:

$("div:nth-child(3n+1)")

Belirtilen numaralı elemanı almak (Alt elamanlara erişim için de kullanılabilir)
$(":eq(2)"); //equal, 3. eleman
$("div:eq(1)"); //2. div
$(":lt(3)"); //lower than, İlk 3 elaman
$("div:gt(4)"); //greater than, 5'ten sonraki tüm div elemanları
$("td:even"); //çift numaralı td elemanları
$("li:odd"); //tek numaralı li elemanları
$("div:first"); //ilk div
$("div:last"); //son div
$("div").find("span:contains('test')"); //div içerisinde bulunan ve "test" metnini barındıran span elemanlar

//For better performance
$("your-pure-css-selector").eq(index)

Alt elemanlara erişim
"$("div").children(".selected").css("color", "blue"); //class="selected" özelliğine sahip tüm div elemanlarının yazı rengi değiştirilmektedir.
$("#results span:first").text("test"); //id=result elamanındaki ilk span elementinin içeriği değiştirilmektedir.
$('ul.level-2').children(); //class=level-2 özelliğine sahip ul elemanının tüm alt elemanları"

Tüm elemanlar
"$("*"); //tüm elemanlar
$("*").removeClass("hilite"); //belirtilen class, ona sahip olan tüm elemanlardan silinir."

Eleman Arama
"$("p").find("span").css('color','red'); //p içerisindeki span yazı renkleri değiştirilmektedir.

$("div").find(":contains('t')").css({"font-style":"italic", "font-weight":"bold"}); //div içerisinde, t harfi barındıran elemanların fontu değiştirilmektedir.

Özelliğe bağlı eleman seçimi

$("div.entrytext").find('div[align=center]'); //align=center özelliğine sahip div elamanları
$("input[value*='MP3']"); //value özelliği MP3 ifadesini barındıran tüm input elemanları


Önceki - Sonraki Eleman
$("div.entrytext").find("div:contains('google_ad_slot')").next(); //bulunan bir elemandan sonraki eleman
//.prev() ile önceki elamana ulaşılabilir.

Eleman Silme
$("div.entrytext").find("div:contains('google_ad_slot')").next().remove(); //aktif eleman silinmektedir
$("div.entrytext").find("div").remove(); //bulunan tüm div elamanları silinmektedir.

Sonraki Tüm Elemanlar
var tag=$("div.entrytext").find("div:contains('Ringtone')").eq(0);
tag.nextAll(); //sonraki tüm elemanlar
tag.nextAll("p"); //sonraki tüm p elamanları
tag.nextAll("p").length; //sonraki tüm p elamanlarının sayısı

jQuery( ":checked" ); // seçili ve onaylı tüm elemanlar

$('.myCheckbox').prop('checked', true); //v1.5+ , onay kutusunu işaretler
$('.myCheckbox').attr('checked','checked'); // onay kutusunu işaretler


Get links which contains .mp3 string in its href attribute.

var s="";
$("a[href*='.mp3']").each(function(){
s+="\n"+this.href;
})
s;

Get only node text (don't include children text)

jQuery('div.answer_boxes .showRightBox span.text_style .correctTxt').contents().get(0).nodeValue



Örnek: JDownloader Web arayüzünde, MP3 olan paketler seçilsin.

Bir text kutusunun içeriğinde yer alan bir ifadeye göre, bir bir başka hücredeki checkbox kutusunu işaretlemek:
$("input[value*='MP3']").eq(0).parent().prev().find("input[type='checkbox']").prop("checked", true);


Yukarıda belirtilen özellikteki tüm elamanları döngü ile tıklayıp seçmek:

$("tr.package").find("input[value*='MP3']").each(function( index ) {
// console.log( index + ": " + $(this).text() );
$(this).parent().prev().find("input[type='checkbox']").click();
});


Örnek Uygulama: tatoeba.org sitesinden sesli cümleler ve ses adreslerini elde etmek


function next_page(){
idpage++;
jQuery.post("http://tatoeba.org/eng/sentences/with_audio/eng/page:"+idpage, {}, function(rd,status) {
if(status=='success'){
document.body.innerHTML = rd;
postdata();
}
}, 'html');
}

function postdata(){
s="";
jQuery("div.sentence a[class='text']").each( function(){
s += "\n , (\"http://audio.tatoeba.org/sentences/eng/" + this.href.toString().substr(38,55) + ".mp3\", \"" + this.innerText.replace(/\"/g,'""') +"\")";
} );

//alert(s);
jQuery.post("http://127.0.0.1:8080/?c=collectquerydata", "data=" + encodeURIComponent(s), callback );
}

function callback(pdata,pstatus){
if (pstatus=="success"){
window.setTimeout("next_page()", 2000); //call next
}else{
alert("idpage:" + idpage + "\nstatus: " + pstatus + "\nreturned data: " + pdata);
}
}

var idpage=0;
var s="";
next_page();

Translate Multiple Words using Babylon and Add to vav.mbirgin.com

var sc=document.createElement('script');sc.type='text/javascript';sc.src='//code.jquery.com/jquery-2.1.3.min.js';document.getElementsByTagName('body')[0].appendChild(sc);

//div.definition
translate=function(pterm){var gcode=jQuery('body').load('http://info.babylon.com/cgi-bin/bis.fcgi?rt=ol&tid=BabylonSearch&mr=5&term=' + pterm + '&tl=tr&uil=en', function(rd,status) {
if(status=='success'){
//console.log(rd); //all body
var mean=jQuery(".result:lt(1) div.definition").text(); //get first result
s += '<hr /> ("' + pterm + "\",\"" + mean +"\") , \n ";

jQuery("body").prepend("<div style='float:right;'><b>Next Word</b> - Remains: " + words.length + "<br /> <iframe style='width:333px;' src='http://vav.mbirgin.com/plain.aspx?c=addword&w="+ pterm +"&m="+ mean +"'></iframe></div>");
}
}); }

function nextword(){
if(words.length<1){alert("words finished!"); return;}

translate(words.pop());
}

var text="lob conduct malice incumbent";
var words=text.split(/\s+/); // /\s+,\s+|,\s+|,|\r\n|\n|\r/; //.split(/\s+,\s+|,\s+|,/);"
var s=""; //for (var i=0; i<words.length; i++){ translate(words[i]); }

nextword();

Add to: