Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

Javascrpit Ile Tinyurl Oluşturmak?

__kadıköyRAP__07.09.201010 cevap2.731 görüntüleme

#1
07.09.2010 16:27

Merhaba, şöyle bi kod buldum

function makeTinyUrl(url)
{
    $.getJSON('http://json-tinyurl.appspot.com/?url=' + url + '&callback=?', 
        function(data)
        { 
                alert(data.tinyurl); 
        }
    );
}

button un click olayına da

 makeTinyUrl('http://stackoverflow.com/questions/1111171/how-to-use-jquery-to-produce-tinyurl');

yazıyorum, bunun bi mesaj kutusunda tinyurl halini vermesi gerekmez mi? Direk kısaltmak istediğim url açılıyor, c# da yaptığım bi program vardı da javascripte çevirmem lazım javascript de pek bilmem hazır kodculuk oluyor biraz benim bu yaptığım kusura bakmayın :blushing:

Nasıl yaparsak verdiğimiz uzun urlnin kısasını misal olarak bi textbox a yazdırırız?

Cevaplar

Uso!

#2
07.09.2010 16:56

Pardon yanlış anlamışım. :D
Birazdan hazırlıyorum...

__kadıköyRAP__ Konuyu açan

#3
07.09.2010 17:17

Sağol uso :)

Uso!

#4
07.09.2010 17:41

Farklı bir şey denedim kendi bildiğimce, olmuyormuş(Aslında oluyor da bir de parse scripti yazmam gerek, hazırı varken gerek yok şimdilik.). :D Netten biraz baktım yukarıdaki kullanımı gördüm ben de.Sonra bakınca biraz evvel farkettim bir parantez eksikmiş zaten orada. :D Neyse onu farkedene kadar ben fonksiyon tanımlamasını değiştirdim zaten. :D Şu an çalışıyor, C#.Net'de de denedim, ASP:Button'da karakter falan filan garip bir hata aldım.Bildiğimiz HTML Input Button koyunca çalıştı.


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascrpt" laguage="javascript" ></script>
<script>
var tinyMyURL = function(url){
    $.getJSON('http://json-tinyurl.appspot.com/?url=' + url + '&callback=?',function(data){
		alert(data.tinyurl); 
	});
};
</script>

TextBox'a yazdırmak için ise alert'in olduğu satırı;


$("#TextBox1").val(data.tinyurl);

ile değiştirmen yeterlidir.
NOT:TextBox ID'sini TextBox1 olarak aldım.
NOT 2:Gecikmeler için üzgünüm klavyemde bir sorun başladı da. :)

Ha, bir de şimdi aklıma geldi, kaba taslak düşündüm, PHP'de get_file_contents ile HTML Parse edilerek iki satırda halledilebilir.
PHP:


function tinyMyURL($url):
     $MyURL = get_file_contents("http://tinyurl.com/api-create.php?url=" . $url);
     return $MyURL;
endfunction;

HTML:


<input type="text" value="<?php echo tinyMyURL('http://www.google.com.tr'); ?>" />

.NET'de HTML Parse bilmediğim için ondaki yöntemi bilmiyorum.

__kadıköyRAP__ Konuyu açan

#5
07.09.2010 17:58

Sayın Uso teşekkür ederim :)
Ama ben yine beceremedim sana direk olarak html i veriyorum

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-*****="Content-Type" **********text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascrpt" laguage="javascript" ></script>
<script>
var tinyMyURL = function(url){
    $.getJSON('http://json-tinyurl.appspot.com/?url=' + url + '&callback=?',function(data){
        $("#TextBox1").attr('value', data.tinyurl); 
    });
};
</script>

</head>

<body><input type="button" onclick="tinyMyURL('http://stackoverflow.com/questions/1111171/how-to-use-jquery-to-produce-tinyurl')" value="Button" />
<input name="" type="text" id="TextBox1" />
</body>
</html>

Ben nerde yanlış yaptım :)

Uso!

#6
07.09.2010 18:08

Bloke etme olayı olmasın URL'de?
http://json-tinyurl.appspot.com/?url=http://stackoverflow.com/questions/1111171/how-to-use-jquery-to-produce-tinyurl

Bu URL'ye girdiğinizde;


{"tinyurl": "http:\/\/tinyurl.com\/m2befh", "ok": true}

sonucu dönüyor mu?

Bir de IE'de çalıştırabilir misiniz, acaba JS hatası mı var?

__kadıköyRAP__ Konuyu açan

#7
07.09.2010 18:11

Evet sonuç döndü uso

Hata ayrıntıları;

Web sayfası hata ayrıntıları

Kullanıcı Aracısı: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; .NET4.0C; .NET4.0E; AskTB5.6)
Tarih damgası: Tue, 7 Sep 2010 15:11:10 UTC

İleti: '$' tanımsız
Satır: 10
Karakter: 5
Kod: 0
URI: file:///C:/Users/ali/Desktop/Untitled-1.html

Bir de malesef php kullanma şansım yok, sayfa sadece html olarak çalışacak.

Uso!

#8
07.09.2010 18:15

Sanırım jQuery'yi görmüyor.Pek sanmam ondan olacağını ama, gene de jQuery'yi indirirerek yeniden dener misiniz? Bir de "$" ları "jQuery" ile değiştirebilirsiniz gene denemek için."$" gibi alternatif kullanımdır o da.

__kadıköyRAP__ Konuyu açan

#9
07.09.2010 18:20

Değiştirince bu sefer de jQuery tanımsız diyor :)
Uso sen çalıştı demiştin ya o çalışan html yi upload eder misin ben de burada deneyeyim bakalım yine çalışmayacak mı

Uso!

#10
07.09.2010 18:42

Bir kaç da ekleme yaptım, buradan bakabilirsin.Buradan da indirebilirsin.

__kadıköyRAP__ Konuyu açan

#11
07.09.2010 18:45

Sağol uso inceleyeceğim :)

Şimdi sıra geldi diğer kısımları javascript yapmaya onlar da stringlerle falan oynama kısımları zaten yaparım heralde :)

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.