Div Gizleme

karabela24 · 06.12.2007

Arkadaslar a,b,c die 3 adet gizli divim var ve ben hangisinin üzerine gelirsem onu görünür hale getirebiliyorum.Yalnız biri aktifken diğer dive geldiğimde onun gizli olup üzerine geldiğim divin görünür olmasını nasıl yapıcağımı bilemiyorum.Aşağıda kodları veriyorum.Yani özetle seçtiğim div dışındakileri nasıl görünmez hale getirebilirim

<div id="a" style="display:none"></div>
<div id="b" style="display:none"></div>
<div id="c" style="display:none"></div>

<a href="JavaScript:void(0);" onmouseover="document.getElementById('a').style.di splay='block';>a göster</a>

absconder · 06.12.2007

sanırım bu işinizi görür...

Kod:

<HTML>
<head>
    <script>
    var x = null; 
    function Display(d) { 
        if (x != null) 
            x.style.display = 'none'; 
        x=document.getElementById(d);
        x.style.display='block'; 
    }
   </script>
</head>
<body onload="Display('a');">
    <a href="JavaScript:void(0);" onmouseover="Display('a');">a göster</a>
    <a href="JavaScript:void(0);" onmouseover="Display('b');">b göster</a>
    <a href="JavaScript:void(0);" onmouseover="Display('c');">c göster</a>
    <div id="a" style="display: none">div a</div>
    <div id="b" style="display: none">div b</div>
    <div id="c" style="display: none">div c</div>
</body>
</HTML>

karabela24 · 07.12.2007

absconder eline sağlık.JavaScript bilgim fazla olmadığından kodu tam anlıyamadım ama işimi gördü yardımların için teşekkürler.

Alıntı:

absconder tarafından gönderilen mesaj:

sanırım bu işinizi görür...

Kod:

<HTML>
<head>
    <script>
    var x = null; 
    function Display(d) { 
        if (x != null) 
            x.style.display = 'none'; 
        x=document.getElementById(d);
        x.style.display='block'; 
    }
   </script>
</head>
<body onload="Display('a');">
    <a href="JavaScript:void(0);" onmouseover="Display('a');">a göster</a>
    <a href="JavaScript:void(0);" onmouseover="Display('b');">b göster</a>
    <a href="JavaScript:void(0);" onmouseover="Display('c');">c göster</a>
    <div id="a" style="display: none">div a</div>
    <div id="b" style="display: none">div b</div>
    <div id="c" style="display: none">div c</div>
</body>
</HTML>

bluedream · 22.01.2008

ilk açılışda div a nın aktif olarak gelmesi nasıl sağlanır arkadaşlar

karabela24 · 22.01.2008

Alıntı:

bluedream tarafından gönderilen mesaj:

ilk açılışda div a nın aktif olarak gelmesi nasıl sağlanır arkadaşlar

yukarıdaki kodda zaten a aktif geliyor.

bluedream · 23.01.2008

body eklememişim teşekkur ederim .

06.12.2007	#1 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 116	Div Gizleme Arkadaslar a,b,c die 3 adet gizli divim var ve ben hangisinin üzerine gelirsem onu görünür hale getirebiliyorum.Yalnız biri aktifken diğer dive geldiğimde onun gizli olup üzerine geldiğim divin görünür olmasını nasıl yapıcağımı bilemiyorum.Aşağıda kodları veriyorum.Yani özetle seçtiğim div dışındakileri nasıl görünmez hale getirebilirim <div id="a" style="display:none"></div> <div id="b" style="display:none"></div> <div id="c" style="display:none"></div> <a href="JavaScript:void(0);" onmouseover="document.getElementById('a').style.di splay='block';>a göster</a>

22.01.2008	#4 (permalink)
bluedream Üyelik Tarihi: 30.04.2007 Yer: ankara Yaş: 29 Mesaj: 2	Re: Div Gizleme ilk açılışda div a nın aktif olarak gelmesi nasıl sağlanır arkadaşlar

23.01.2008	#6 (permalink)
bluedream Üyelik Tarihi: 30.04.2007 Yer: ankara Yaş: 29 Mesaj: 2	Re: Div Gizleme body eklememişim teşekkur ederim .