Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

javascript birden fazla id kontrolü

merhabalar
sarı mavi ve turuncu olmak üzere 3 kelime var ;hemen alt satırda da aynı kelimeler yazıyor
yapmak istediğim ;
üstteki sarı nın üzerine gelince alttaki sarı kelimesinin zemin rengi de sarı olsun.
üstteki mavi nin üzerine gelince alttaki mavi kelimesinin zemin rengi de mavi olsun.
üstteki turuncu nun üzerine gelince alttaki turuncu kelimesinin zemin rengi de turuncu olsun.
Bunu aşağıdaki kodlarla yapıyorum Ancak 3fonksiyon u tek fonksiyonda birleştirmem lazım bir de;
sayfada eleman sayısı fazla olacak o yüzden tüm id leri nasıl kontrol edebilirim.Şimdiden teşekkürler.

<script type="text/javascript">
function newColor(color)
{
document.getElementById('x').style.backgroundColor=color;
}
</script>

<script type="text/javascript">
function newColor1(color)
{
document.getElementById('y').style.backgroundColor=color;
}
</script>

<script type="text/javascript">
function newColor2(color)
{
document.getElementById('z').style.backgroundColor=color;
}
</script>





<font face="Arial" onMouseover="newColor('#FFFF00')" onMouseout="newColor('')">sarı</font>
<font face="Arial" onMouseover="newColor1('#00008B')" onMouseout="newColor1('')">mavi</font>
<font face="Arial" onMouseover="newColor2('#FFA500')" onMouseout="newColor2('')">turuncu</font>

<font face="Arial Black" id="x">sarı</font>
<font face="Arial Black" id="y">mavi</font>
<font face="Arial Black" id="z">turuncu</font>
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • harryistal adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    harryistal
    49 cevap - 24 soru 
        <script type="text/javascript">
        function RenkVer(div, renk) { document.getElementById(div).style.backgroundColor = renk;document.getElementById(div + '1').style.backgroundColor = renk; }
    </script>



    <span id="x" onmouseover="RenkVer(this.id,'#FFFF00')" onmouseout="RenkVer(this.id,'')">SARI</span>
<span id="x1">SARI</span>


    font face etiketi nie kullandın anlamadım ama span kullanabilrsin veya div veya başka bir etiket hepsinde calısabilrsin aynı şekilde istediğin kadar yeni span ekle hepsini tek javascript fonksionuyla yapabilrsin üsteki kodla
    • imeilim adlı üyenin fotoğrafı imeilim
      her iki arkadaşa da emekleri için çok teşekkürler Allah razı olsun...
      9 yıl önce yazılmış
    • imeilim adlı üyenin fotoğrafı imeilim
      <script type="text/javascript">
      function RenkVer(div, renk) { document.getElementById(div).style.backgroundColor = renk;document.getElementById(div + '1').style.backgroundColor = renk; }
      </script>


      <span id="x" onmouseover="RenkVer(this.id,'#FFFF00')" onmouseout="RenkVer(this.id,'')">AAA</span> &nbsp;
      <span id="y" onmouseover="RenkVer(this.id,'#990033')" onmouseout="RenkVer(this.id,'')">BBB</span> &nbsp;
      <span id="z" onmouseover="RenkVer(this.id,'#996600')" onmouseout="RenkVer(this.id,'')">CCC</span>


      <p>
      <span id="x1"> aaa</span> &nbsp;
      <span id="y1">bbb</span> &nbsp;
      <span id="z1">ccc</span>
      </p>

      hocam yukarıdaki gibi yaptım çalışıyor.
      Yani büyük AAA nın üzerine gidnce hem AAAnın hemde aaa nın zemin rengi aynı oluyor.
      Peki aynı anda tersi de olabilir mi? Yani aaa nın üzerine de gelince hem aaa nın hem AAA nın rengi aynı olsun.
      9 yıl önce yazılmış

Cevaplar

  • hkor adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    hkor
    17 cevap - 35 soru
    Çiçeği burnunda js ye giriş yaoan kişi olarak şöle bişeyler yaptım mouseout tam olmadı:

    <script type="text/javascript">
    function newColor(color)
    {
    if (color=='#FFFF00')
    {
    document.getElementById('x').style.backgroundColor=color;
    document.getElementById('y').style.backgroundColor='';
    document.getElementById('z').style.backgroundColor='';
    }

    if (color=='#00008B')
    {
    document.getElementById('x').style.backgroundColor='';
    document.getElementById('y').style.backgroundColor=color;
    document.getElementById('z').style.backgroundColor='';
    }
    if (color=='#FFA500')
    {
    document.getElementById('x').style.backgroundColor='';
    document.getElementById('y').style.backgroundColor='';
    document.getElementById('z').style.backgroundColor=color;
    }
    }
    </script>