Html ile iframe kullanımı - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

toXic · 03 Nisan 2012, 19:35

iframe kullanımı çoğu zaman web sitelerinde iftiyaç duyduğumuz etiketlerdendir. Şöyleki dinamik bir web sayfanız var ve bu web sayfasının herhangi bir kenarında sayfa yenilenmeden başka bir sayfanın açılmasını istiyorsunuz.

Bu işlem için iki farklı etiket ve bu etiketlerin özelliklerinden yararlanabiliriz.

Örneğin sayfa yinelenmeden sayfanın bir ortasında belirl sayfalar link vermemiz gerekiyor. Bunun için iframe kullanabiliriz.Üç farklı sayfamız olsun ve bu sayfaları iframe etiketinin içinde görüntüleyelim.

Öncelikle bu sayfaları link olarak oluşturmamız gerekiyor;

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


<a href="index.html" target="yonlen">Anasayfa</a>

<a href="hakkımızda.html" target="yonlen">Hakkımızda</a>

<a href="iletişim" target="yonlen">İletişim</a>

Burada dikkate etmemiz gereken en önemli nokta target parametresitdir. Böylelikle yonlen isimli iframeye istediğimiz sayfaların gösterimini yapabiliriz.

Gelelim iframe etiketinin oluşturulmasına;

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


<iframe name="yonlen" width="800px" height="500px"></iframe>

Böylelikle sayfalarımızı iframe içinde açmayı en basit yöntemiyle öğrenmiş olduk. Bu anlatıklarım dışında iframenin defalut açılma özelliğide vardır. Anladığınız üzere sayfa yüklendiğinde iframe içinde ilk açılacak sayfa anlamına gelir. Buda src parametresi ile yapılır.

Şimdi yazmış olduğumuz sayfayı düzenli hale getirelim;

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


<html>

<head>

<title>iframe kullanımı</title>

</head>

<body>

<a href="index.html" target="yonlen">Anasayfa</a>

<a href="hakkımızda.html" target="yonlen">Hakkımızda</a>

<a href="iletişim" target="yonlen">İletişim</a>

<iframe src="index.html" name="yonlen" width="800px" height="500px"></iframe>

</body>

</html>

iframe ilgili sizlere verebiliceğim bilgi bu kadar..

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Adım adım HTML kodlari arsivi html sitenizi kurun	yoSun	HTML/CSS/JavaScript	0	03 Mayıs 2011 23:47

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.