Jquery İle Değişken Atama

03-04-2010, 16:11:04

Öncelikle merhaba,
Bir tane linkimiz olduğunu düşününü bu linkin idsi herhangi bir şey olabilir. Aynı idye sahip bir tane de divimiz olsun.
misal:

<a id="bloblo" href="#">asdads</a>
<div id="bloblo">
Divin içeriği
</div>

ben bu linkin üstüne gelindiğinde(mouseover) aynı idye sahip divin açılmasını istiyorum. Bunu nasıl yapabilirim? Dediğim gibi a'nın idsi sabit değil her türlü değeri alabilir. Bunu idyi mouseover olduğunda değişkene atayıp nasıl divin idsini açabiliriz?

03-04-2010, 19:47:35

#2

celalettin1286

ilyasbat adlı üyeden alıntı: mesajı görüntüle

Öncelikle merhaba,
Bir tane linkimiz olduğunu düşününü bu linkin idsi herhangi bir şey olabilir. Aynı idye sahip bir tane de divimiz olsun.
misal:

<a id="bloblo" href="#">asdads</a>
<div id="bloblo">
Divin içeriği
</div>

ben bu linkin üstüne gelindiğinde(mouseover) aynı idye sahip divin açılmasını istiyorum. Bunu nasıl yapabilirim? Dediğim gibi a'nın idsi sabit değil her türlü değeri alabilir. Bunu idyi mouseover olduğunda değişkene atayıp nasıl divin idsini açabiliriz?

<script type="text/javascript">
<!--
    function gel(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'none')
          e.style.display = 'block';
       else
          e.style.display = 'none';
    }
//-->
</script>
<script type="text/javascript">
<!--
    function git(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'none')
          e.style.display = 'block';
       else
          e.style.display = 'none';
    }
//-->
</script>

<a href="#" onmouseover="gel('bloblo');" onmouseout="git('bloblo');">Fare üstündeyken gözük</a>
<div id="bloblo" style="display: none;">
Divin içeriği
</div>

üstüne gelince div içeriği gözükür fare gidince kaybolur kaybolur.

05-04-2010, 15:31:06

#3

User99

Aynı ID değerine sahip birden fazla nesne bulunması sağlıklı birşey değildir ve sayfa doğrulanamaz.Çünkü ID tek bir nesneye ait bir nevi kimlik görevi görür. Bu nedenle class kullanmanız daha iyidir yada aşağıdakine benzer bişey...

<a id="test"  href="#">bir test</a>
<div id="div_test">bir div</div>

<a id="baska"  href="#">bir test</a>
<div id="div_baska">bir div</div>

Javaskop ile bir örnek:

$$.HazirMi(function() {
    $$('#test, #baska').OlayEkle('mouseover', function() {
        var secici = '#div_'+$$(this).Ozellik('id');
        $$(secici).CSS('display', 'block');
    });
});