|
|
|||||||
| Webmaster & Programlama Programlama ve web tasarımda kullanılan diller, bilgiler ve tüyolar |
 |
|
|
LinkBack | Seçenekler | Stil |
04/04/08, 15:18 PM
|
#1 (permalink) |
Google Iframe tekniği
Web Yazılımında Dünya Devi olan Google 'ın Frame/Iframe Tekniğini kullanarak Az zamanda çok iyi web siteleri
tasarlanabilir. Bu tekniği Google; Gmail, Google Analytics, Docs and Spreadsheets gibi en iyi web uygulamalarında ajax 'ın yanında kullanıyor... Mantığı oldukça basit. İleri Düzeyde DOM kullanmadan, En Basit halini anlatacağım. Eğer vaktimiz olurda sağ kalırsak tamamını DOM mantığı ile de anlatabilirim Şimdi. Öncelikle Basit Bir Web Sayfası Oluşturalım. Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" lang="tr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" /> <title>Iframe Tekniği</title> </head> <body> <form method="post" action="tellme.php" target="secret_iframe"> <input type="text" style="font: bold 11px tahoma;" name="myname" /> <input type="submit" style="font: bold 11px Tahoma;" value="Söyle" /> </form> <div id="adim"> </div> <iframe name="secret_iframe" id="secret_iframe" src="about:blank" style="display: none;"></iframe> </body> </html> Eğer bu kısmı tam olarak anladıysanız bir sonraki kısmı da tahmin edebiliyorsunuz demektir. Şimdi formdaki tellme.php Dosyasını yazalım.. Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="tr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />
<script type="text/javascript">
<!--
window.onload = function()
{
//ana sayfadaki adim adlı elementin içeriğini Buradaki Content içeriği ile değiştireceğiz
parent.document.getElementById('adim').innerHTML = document.getElementById('content').innerHTML;
//Myname Inputunu temizliyoruz.
parent.document.getElementById('myname').value = '';
};
//-->
</script>
</head>
<body>
<div id="content">
<?php
$myname = strval(trim($_POST['myname']));
echo "<div style=\"padding: 5px; font: bold 14px Verdana; color: white; background: red; width: 150px\">Benim Adım: " . $myname . "</div>";
?>
</div>
</body>
</html>
Burada content id 'li div katmanına adı yazdırdırıyoruz. Sayfa yüklenir yüklenmez de "window.onload" eventi bizim anasayfamızdaki "adim" id 'li div katmanına yazdırıyoruz. Alın size AJAX 'a alternatif. Sayfa yenilenmeden dinamik içerik İstenirse devamını anlatırım. Fakat şimdilik bu kadar. Örnek: [Linkleri sadece kayıtlı üyeler görebilir Kayıt olmak için buraya tıklayın] Screenshot: [Linkleri sadece kayıtlı üyeler görebilir Kayıt olmak için buraya tıklayın] [Linkleri sadece kayıtlı üyeler görebilir Kayıt olmak için buraya tıklayın] alıntı _______________________ Konu DangerouS_GirL tarafından (04/04/08 Saat 15:19 PM ) değiştirilmiştir.. |
|
|
|
| Teşekkür edenler: |
ReMeMBeR (05/04/08)
|
|
|
| Sosyal Paylaşım Kısayolları |
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Seçenekler | |
| ------------------------------------------------------------- | |
| Stil | |
|
|
Benzer Konular
|
||||
| Konu | Konuyu Başlatan | Forum | Cevaplar | Son Mesaj |
| google sonuçlarında Banlı domainde google reklamı çıkarmı | 1 Haber | Cep Telefonu Tema Resimleri | 0 | 02/09/08 08:43 AM |
| Google Adsense Sık sorulan Sorular Ve Cevapları | kont_dracula | Webmaster & Programlama | 0 | 06/08/08 04:24 AM |
| Google Adsense’den Banlanma Nedenleri | kont_dracula | Webmaster & Programlama | 0 | 06/08/08 04:23 AM |
| Şelpe Tekniği | TrusTy | Diğer Müzik Türleri | 0 | 01/05/08 02:50 AM |
| Google Dünyasının Hazinelerini Keşfedin | TrusTy | Bilgi Arşivi | 0 | 08/01/08 02:27 AM |
--->: Google Iframe tekniği
Normal
