• 22-05-2010, 14:34:08
    #1
    <table border="0">
        <tr>
            <td id="baslik"></td
        </tr>
        <tr>
            <td id="resim"></td
        </tr>
    </table>
    <a href="javascript:;" onMouseover="document.getElementById('baslik').innerHTML = 'Başlığın Adı'">Üzerine gel.</a>
    Merhaba arkadaşlar,

    bu şekilde linkin üzerine gelince başlık alanına değerimi gönderebiliyorum. Ancak benim amacım; aynı linkin üzerine gelince resim alanına da bir tane resim göndermek. Nasıl yapabilirim?
  • 22-05-2010, 17:10:50
    #2
    Eğer yapacığın işlem birden fazla adımdan oluşuyorsa bunun bir fonksiyona atama gerekir

    function degistir() {

    document.getElementById('baslik').innerHTML = 'Başlığın Adı';
    document.getElementById('resim').src = "resim.png";


    }
    <table border="0">
    <tr>
    <td id="baslik"></td
    </tr>
    <tr>
    <td><img src="" id="resim" ></td
    </tr>
    </table>
    <a href="javascript:;" onMouseover="degistir()'">Üzerine gel.</a>

    Bu şekilde yaparsan istediklerin olacaktır.
  • 08-06-2010, 22:10:54
    #3
    bir fonksiyon tanimlamana gerek yok yaptigin sekilde de yapabilirsin
  • 11-06-2010, 07:16:58
    #4
    Üyeliği durduruldu
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>

    yukarıdaki kodu ekledikten sonra


    <body onLoad="MM_preloadImages('resim1.jpg')">


    <a href="http://www.siteadresin.com/gidecegi.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('resim1','','resim2,1)"><img src="resim1" alt="Tanıtım yazısı" name="resim1" width="132" height="55" border="0">
    width="132" height="55" örnek olarak yazılmıştır resim boyutuna göre değiştirebilirsin.
  • 11-06-2010, 09:16:53
    #5
    yeni a linkin:
    Alıntı
    <a href="#" class="blabla">degistir</a>
    sayfana jquery import et ve altına:

    Alıntı
    <script>
    $(document).ready(function(){$('.blabla').hover(fu nction(){$('#baslik').html("İstediğin yazı");$('#resim').attr("src","images/bla.jpg");},function(){$('#baslik').html("");$('#resim'). attr("src","");});});
    </script>
    yazıp dene bakalım olacakmı kontrol etmedim

    yazdıktan sonra farkettim, hover dan sonraki function da araya boşluk girmiş birde en sonlarda .attr nin olduğu yerde resimle attr arasında boşluk oluşmuş, buralarda boşluk yok aslında ama forum kendiliğinden oluşturmuş sanırım, denerken o boşlukları kaldırman lazım