Forum

Αλλαγή χρώματος σε γραμμή πίνακα - Από {dimis2100}

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

Απάντηση από:_tasos

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

Απάντηση από:dimis2100

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

Απάντηση από:hellas

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

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

<script language="JavaScript1.2">


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">

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

Απάντηση από:agrippas

Για να αλλάζει 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';">

tip: Gr και διεθνή domain names με δωρεάν web hosting * F5 για νέο tip

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