Αλλαγή χρώματος σε γραμμή πίνακα

Αλλαγή χρώματος σε γραμμή πίνακα

Από {dimis2100}

Εχω ένα πίνακα σε html και θέλω με το που διαλέγει μια row ή μια collumn ο χρήστης να αλλάζει χρώμα.
Πώς μπορώ να το κάνω?

  1. 22/7/2004

    Εννοείς ότι θέλεις να αλλάζει χρώμα το κελί του πίνακα;

  1. 22/7/2004

    Θέλω να αλλ'αζει χρώμα η στήλη ή η γραμμή που επιλέχθηκε.
    Υπόψιν οτι ο πίνακας έχει στοιχεία εικόνες (..gifαν θυμάμαι καλά τώρα).
    Ευχαριστώ για το ενδιαφέρον
    dimis

  1. 23/7/2004

    Ίσως αυτός ο κώδικας να σε βοηθήσει:

    Μέρος πρώτο. Βάλε το ανάμεσα στο <head> και το </head>. (Δηλ εκεί που βρίσκονται οι λέξεις "και το" στην προηγούμενη γραμμή). Αυτό το κομμάτι είναι για να καταλαβαίνει ότι πρέπει να γίνει η αλλαγή άμα του πεις:

    <script language="JavaScript1.2">
    <!-- Distributed by Hypergurl http://www.hypergurl.com -->

    function changeto(highlightcolor){
    source=event.srcElement
    if (source.tagName=="TR"||source.tagName=="TABLE")
    return
    while(source.tagName!="TD")
    source=source.parentElement
    if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
    source.style.backgroundColor=highlightcolor
    }

    function changeback(originalcolor){
    if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
    return
    if (event.toElement!=source)
    source.style.backgroundColor=originalcolor
    }
    </script>








    Μέρος δεύτερο. Για να του το πεις βάλε το αυτό σε όποιο table θες να γίνεται η αλλαγή.

    <table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">


    Μέρος τρίτο. Αν θες όλο το table να δέχεται την αλλαγή τότε έχει καλώς. Αν όμως θες να υπάρχουν εξαιρέσεις τότε - και μόνο τότε - βάλε αυτό το κομμάτι του κώδικα στο ανάλογο μέρος: <td id="ignore">

    Ελπίζω να σου κάνει ο κώδικας! :)

  1. 23/7/2004

    Για να αλλάζει background-image το κελλί:

    <td onmouseover="this.style.background='url(http://www.tositesou.gr/image.gif)';" onmouseout="this.style.background='url(http://www.tositesou.gr/image2.gif)';">

    Για να αλλάζει απλά χρώμα background (συνιστάται):

    <td onmouseover="this.style.background='#223344';" onmouseout="this.style.background='#883322';">




   Πίσω στην προηγούμενη σελίδα