prototypejs ile Html Table Üzerinde Mouse Olayları

  1. gokhan
    5
    32
    6.8.2018 22:10:00

    Sitede prototypejs ile sorulmuş sorular gördüm , bende bu aralar uğraşıyorum , amacım aşağıdaki gibi bir table ın her hücresinde mouse ile gezindiğimde arka plan renklerini değiştirmek istiyorum , bildiğimiz mouseover , mouseout ile ama ben bunu prototypejs ile yapmak istiyorum

    <table id="testTable">
        <tbody>
            <tr><td>Hücre1</td><td>Hücre2</td></tr>
            <tr><td>Hücre3</td><td>Hücre4</td></tr>
            <tr><td>Hücre5</td><td>Hücre6</td></tr>
        </tbody>
    </table>
    
    javascript prototypejs 13 gün önce 45 Görüntüleme

( 1 ) Cevap

  1. mfatih
    3
    2435
    6.8.2018 23:02:00

    tablonun her bir td tagına $$('#testTable td').each(function(item) ile mouseover ve mouseout eventi bağlayacaksın item.observe ile

    <script src="https://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.3/prototype.js"></script>
    
    <script type="text/javascript">
    $$('#testTable td').each(function(item) {
        item.observe('mouseover', function() {
            item.setStyle({ backgroundColor: 'red' });
        });
        item.observe('mouseout', function() {
            item.setStyle({backgroundColor: 'white' });
        });
    });
    </script>
    

Cevabınız