| |
18-04-11, 16:07
| #1 |
  | Ortadan Ekrana Genişleyen Kare Bu dersimizde Javascript yardımı ile div katmanı kullanarak ortadan ekrana doğru genişleyen kare yapalım. 3 tane div katmanımız var diyelim. Bunların ilk baştaki görünürlükleri "hidden" yani gizli olsun. Linklere "onclick" özelliği verirken: <a href="#" onclick="aha('a','b','c')">SGH 200</a> şeklinde link yerine # koyarsak çağırdığımız fonksiyonun atadığı değere gider. Burada fonksiyonlardan da söz edeyim. "aha" adlı fonksiyonumuz 3 tane değer alıyor. Fonksiyonumuzu çağırırken (aha('a','b','c') divlere atadığımız id'leri gönderiyoruz. Id'ler arasına ' ' koyarsak işlem sırasını belirtmiş oluruz, yani önce a id'si gidecek ve visible(görünen) olacak diğer ıd'ler hidden (gizli)olacak anlamına gelir. Fonksiyonun içeriğine bakarsanız, anlatmak istediğimi daha net görebilirsiniz. Javascript mantığını bilen arkadaşlar açısında anlama problemi olmayacaktır. <html><head><script>function aha(id1,id2,id3){ document.getElementById(id1).style.visibility="vis ible"; document.getElementById(id2).style.visibility="hid den"; document.getElementById(id3).style.visibility="hid den";}</script></head><body><a href="#" onclick="aha('a','b','c')">SGH 200</a><br><a href="#" onclick="aha('b','a','c')">SGH 300</a><br><a href="#" onclick="aha('c','a','b')">SGH 900</a><div id="a" style="position:absolute;width:150;height:200;left :100;top:15;visibility:hidden">Samsung SGH 200<br>Bulutudu var<br>Radyosu var<br>Kızılötesi bile var</div><div id="b" style="position:absolute;width:150;height:200;left :100;top:15;visibility:hidden">Samsung SGH 300<br>Bulutudu yok<br>Radyosu var<br>Kızılötesi bile var</div><div id="c" style="position:absolute;width:150;height:200;left :100;top:15;visibility:hidden">Samsung SGH 900<br>Bulutudu yok<br>Radyosu yok<br>Kızılötesi bile yok</div></body></html>
________________  |
|  |
 |
| Sosyal Ağlar |
       |
| Etiketler |
| ekrana , genişleyen , kare , ortadan |
| 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 |
| 8.9'LUK DEHŞETİN KARE KARE GÖRÜNTÜLERİ!.. DENİZİN ÜSTÜ ARAÇLARLA DOLDU! | AyIsIgI | Dünyadan Haberler | 0 | 11-03-11 11:49 |
| Liderin Kare Kare Galatasaray Galibiyeti | Şirine | Flash Haberler | 0 | 24-01-09 17:21 |
| Işte Kare Kare Yakalanma Anı - Foto | Şirine | Flash Haberler | 0 | 15-01-09 11:40 |
| Kare Kare Ersöz'ün Yakalanma Anı | Şirine | Flash Haberler | 0 | 15-01-09 11:10 |
| Kare Kare, Israil'in Gazze Vahşeti Galeri | Şirine | Flash Haberler | 0 | 27-12-08 18:40 |
| Forum | Yasal Uyarı |
| Powered by vBulletin® Version 3.8.7 . Copyright ©2000 - 2012, Jelsoft Enterprises Ltd. Content Relevant URLs by vBSEO 3.6.0 RC 2 |
İçerik sağlayacı paylaşım sitelerinden biri olan NetForumlari.COM Adresimizde 5651 Sayılı Kanun'un 8. Maddesine ve T.C.K'nın 125. Maddesine göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. NetForumlari.COM hakkında yapılacak tüm hukuksal Şikayetler, Yöneticilerimiz ile iletişime geçilmesi yada iletişim formunu doldurulması halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 1 (Bir) Hafta içerisinde NetForumlari yönetimi olarak tarafımızdan gereken işlemler yapılacak ve size dönüş sağlanacaktır. info@netforumlari.com |
Normal
