Forum'da ara:
Ara


Yazar Mesaj
Mesaj24.01.2010, 13:36 (UTC)    
Mesaj konusu: JavaScript İle Manşet Sistemi anlatımı

İlk önce kodumu yazdıktan sonra açıklama yapıyorum.

İlk Önce Jscript.js Adında bir dosya açık alttaki kod blogunu kaydedin.

Jscript.Js
Kod:
function Goster(id)
    {
                 for (var i=1;i<=6;i++)
                {
                    if (i!=id)
                    {
                     document.getElementById("icerik"+i).style.display='none';
         document.getElementById("div"+i).style.display='none';      

                        }
                    else
                        {
                    document.getElementById("icerik"+i).style.display='block';
document.getElementById("div"+i).style.display='block';

                    }

            }


Bir döngü yarattık, ben 6′ya kadar değerimizin dönmesini istedim ve document.GetElementById parametremizle id’mizi çağırdım ve i döngüsü ile bir artırdım.
Default.html
Kod:
<html>
<head>
<meta content="Language" language="tr">
<title>Manset Sisstemi-Rıza Soylu</title>
<script src="Jscript.js" type="text/javascript" ></style>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="1" width="800">
<tr>
<td width="200"><table border="0" cellspacing="1" cellpadding="1" width="200"><tr>
<td>
<div id="div1"><img src="resim1.jpg"></div>
<div id="div2"><img src="resim2.jpg"></div>
<div id="div3"><img src="resim3.jpg"></div>
<div id="div4"><img src="resim4.jpg"></div>
<div id="div5"><img src="resim5.jpg"></div>
<div id="div6"><img src="resim6.jpg"></div>
</td>
</tr>
</table>
</td>
<td width="500"><span onmouseover="Goster('1')"><a href="adres1">Resimyolu</a></span><br/>
<span onmouseover="Goster('2')"><a href="adres2">Resimyolu</a></span><br/>

<span onmouseover="Goster('3')"><a href="adres3">Resimyolu</a></span><br/>

<span onmouseover="Goster('4')"><a href="adres4">Resimyolu</a></span><br/>

<span onmouseover="Goster('5')"><a href="adres5">Resimyolu</a></span><br/>

<span onmouseover="Goster('6')"><a href="adres6">Resimyolu</a></span><br/>
<br/>
<div id="icerik1">Açıklama1</div>
<div id="icerik2">Açıklama2</div>
<div id="icerik3">Açıklama3</div>
<div id="icerik4">Açıklama4</div>
<div id="icerik5">Açıklama5</div>
<div id="icerik6">Açıklama6</div>
</td>
</tr>
</table>

Arkadaşlar, o kadar bir zor mantık kullanmadık. Ben sadece resimlerim ve yazılar için iki tane id atadım; resimler için “div” açıklamam içinde “icerik”, bunları java dosyamda Goster adlı bir function oluşturdum Ve bu div, icerik adlı idleri çağırıp bir döngüye soktum ve bunları da üzerine gelince sıra sıra göstermesini istedim. Function adımız Goster’di ve:
Kod:
<span onmouseOver="Goster('1')">Çıkan</span>

şeklinde ona karşı gelen resim ve açıklama çıkacaktır.

İyi Çalışmalar…


ibrahmgun.tr.gg JAVASCRIPT Hizmet Sayfaları
Mesaj24.01.2010, 13:41 (UTC)    
Mesaj konusu: s

Anlatım güzel olmus kardes Wink
Mesaj24.01.2010, 14:06 (UTC)    
Mesaj konusu: Re: s

kaidem yazmış:
Anlatım güzel olmus kardes Wink

Teşekkürler Kardeşim...
Mesaj05.02.2010, 16:10 (UTC)    
Mesaj konusu:

paylaşım için saol fakat bir ön-izlemesi de koysaydın güzel olurdu Wink
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
Mesaj05.02.2010, 21:46 (UTC)    
Mesaj konusu:

tasarimci-amca2 yazmış:
paylaşım için saol fakat bir ön-izlemesi de koysaydın güzel olurdu Wink

Wink
Mesaj08.02.2010, 09:31 (UTC)    
Mesaj konusu:

Mesaj11.02.2010, 01:09 (UTC)    
Mesaj konusu:


ßu konu anlatımıdır!Hazır Manşet Değil Exclamation Wink
Mesaj03.09.2010, 00:24 (UTC)    
Mesaj konusu:

olmadı .js açmak nası oluyor
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu