Αλλαγή cell properties στο rollover.....

Σχόλια από τον χώρο του Web Design, Web Development.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Sterjos
Δημοσιεύσεις: 40
Εγγραφή: 29 Μάιος 2007 17:06
Τοποθεσία: Νιγρίτα
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από Sterjos » 25 Ιουν 2007 20:54

Λοιπον...
Προσπαθω καιρο να το κανω αλλα.....

Εχουμε ενα table και θελουμε οταν περναμε πανω απο ενα cell να αλλαζει κατι, το χρωμα στο border, το χρωμα στο μπακγκραουντ κλπ...
Aυτο γινεται αρκετα ευκολα με rollover image, αλλα το θεμα ειναι να μη γινει με rollover image αλλα με text....
Please σε απλα ελληνικα γιατι απο κωδικα ΣΚΕΤΟ εχω μαυρα μεσανυχτα...
Αν ειναι δυνατο [και αν γινεται βεβαια..] με οδηγιες για Dreamweaver [λεμε τωρα...]...

Θενκς....

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Αλλαγή cell properties στο rollover.....

Δημοσίευση από skeftomilos » 25 Ιουν 2007 21:08

Κώδικας: Επιλογή όλων

<td onmouseover="this.innerHTML='Hot'" onmouseout="this.innerHTML='Cold'">Water</td>
Αν επιτρέπεται να πω τη γνώμη μου, αυτά τα κόλπα βλάπτουν την accessibility και καλό είναι να αποφεύγονται.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
Sterjos
Δημοσιεύσεις: 40
Εγγραφή: 29 Μάιος 2007 17:06
Τοποθεσία: Νιγρίτα
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από Sterjos » 25 Ιουν 2007 22:08

Χμμμ..
Θενκς..
Αλλα μια χαρη ακομα...
Αν γινεται να γραψεις κατι πιο συγκεκριμενο με χρωματα border....
Αντι για water, cold, hot κλπ.....
Ακομα πιο συγκεκριμενα:Θελουμε στο ρολοβερ το οριο να γινεται κιτρινο ενω κανονικα ειναι ασπρο..... :wink:

Και ευχαριστω για τη συμβουλη, αλλα ηταν το παιδικο μου ονειρο να μπορεσω να κανω κατι τετοιο....
Πλιζ μη μου το χαλας... :D

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Αλλαγή cell properties στο rollover.....

Δημοσίευση από skeftomilos » 25 Ιουν 2007 22:13

OK :-)

Κώδικας: Επιλογή όλων

<td onmouseover="this.style.border='1px solid yellow'" onmouseout="this.style.border='1px solid white'">&#58;-&#41;</td>
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27622
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από cordis » 25 Ιουν 2007 22:35

ε! ρε καγκουριές! :P :lol:
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
dik_
Δημοσιεύσεις: 476
Εγγραφή: 07 Ιουν 2007 11:28

Αλλαγή cell properties στο rollover.....

Δημοσίευση από dik_ » 25 Ιουν 2007 22:40

Για αναπτύξτε επί accessibility αν δε σας κάνει κόπο... :)

Άβαταρ μέλους
Sterjos
Δημοσιεύσεις: 40
Εγγραφή: 29 Μάιος 2007 17:06
Τοποθεσία: Νιγρίτα
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από Sterjos » 26 Ιουν 2007 02:20

skeftomilos έγραψε:OK :-)

Κώδικας: Επιλογή όλων

<td onmouseover="this.style.border='1px solid yellow'" onmouseout="this.style.border='1px solid white'">&#58;-&#41;</td>
Αν δε μου ειχες ραγισει την καρδια με τα περι accesability θα σου ελεγα ΕΥΧΑΡΙΣΤΩ... :)

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Αλλαγή cell properties στο rollover.....

Δημοσίευση από skeftomilos » 26 Ιουν 2007 03:51

dik_ έγραψε:Για αναπτύξτε επί accessibility αν δε σας κάνει κόπο... :)
Το εφέ με το border είναι άκακο, όχι όμως και η αλλαγή του κειμένου. Αν το κείμενο είναι πηγή πληροφορίας, και τις περισσότερες φορές είναι, τότε έχουν αποκλειστεί από αυτή την κρυμμένη πληροφορία όσοι...

...έχουν πρόβλημα όρασης. Οι screen readers δεν εκφωνούν κείμενα που εμφανίζονται στη σελίδα με αυτό τον τρόπο.
...έχουν πρόβλημα συγκέντρωσης. Η αλλαγή του κειμένου θα τους διαφύγει. Αφορά ιδιαίτερα ανθρώπους μεγάλης ηλικίας.
...προτιμούν ή είναι υποχρεωμένοι να πλοηγηθούν με το πληκτρολόγιο. Το συμβάν onmouseover δε θα τρέξει γι αυτούς.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
Sterjos
Δημοσιεύσεις: 40
Εγγραφή: 29 Μάιος 2007 17:06
Τοποθεσία: Νιγρίτα
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από Sterjos » 26 Ιουν 2007 13:28

Αλλαγη κειμενου εννοεις αυτο που εβαλες στο 1ο παραδειγμα;
Αυτο ναι δε λεει και τιποτα, και δεν εχει και καμια χρησιμοτητα....
Αυτο που ηθελα να κανω εγω ειναι απλα να αλλαζει το χρωμα στο border οπως αλλαζει και το χρωμα μιας λεξης με λινκ...
Οπως στο rollover το κειμενο γινεται απο ασπρο, κιτρινο, ετσι να γινεται και το border...
Βρισκεις τιποτα κακο σ'αυτο;;

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Αλλαγή cell properties στο rollover.....

Δημοσίευση από skeftomilos » 26 Ιουν 2007 14:08

Nope, τίποτα απολύτως. :-)

Αν τα κελιά είναι πολλά τότε ίσως είναι πιο βολικό να γίνει μαζικά η παγίδευση των συμβάντων:

Κώδικας: Επιλογή όλων

var tds = document.getElementById&#40;'table1'&#41;.getElementsByTagName&#40;'td'&#41;
for &#40;var i = 0, td; td = tds&#91;i&#93;; i++&#41; &#123;
  td.onmouseover = function&#40;&#41; &#123;
    this.style.color = 'yellow'
    this.style.border = '1px solid yellow'
  &#125;
  td.onmouseout = function&#40;&#41; &#123;
    this.style.color = 'white'
    this.style.border = '1px solid white'
  &#125;
&#125;
Ακόμα καλύτερα αν αντί για απευθείας αλλαγή των styles γίνεται αλλαγή των class names, και τα styles ορίζονται με css.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
dik_
Δημοσιεύσεις: 476
Εγγραφή: 07 Ιουν 2007 11:28

Αλλαγή cell properties στο rollover.....

Δημοσίευση από dik_ » 26 Ιουν 2007 23:17

ΟΚ, για style έλεγα κι εγώ ;)

Κείμενο είναι όντως κακή ιδέα, μιας και μόνο να μην είναι js-enabled o browser αρκεί...

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Αλλαγή cell properties στο rollover.....

Δημοσίευση από skeftomilos » 26 Ιουν 2007 23:49

dik_ έγραψε:και μόνο να μην είναι js-enabled o browser αρκεί...
Σωστά! :strong: Ξέχασα να πω το πιο βασικό. :-)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Αλλαγή cell properties στο rollover.....

Δημοσίευση από manolism » 27 Ιουν 2007 10:50

Υπάρχει και αυτό αν θες να ρίξεις μία ματιά

http://icant.co.uk/csstablegallery/

Απάντηση

Επιστροφή στο “Web Usability & Accessibility”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες