Allagi CSS sto click

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
stml
Δημοσιεύσεις: 13
Εγγραφή: 09 Μάιος 2005 02:02

Allagi CSS sto click

Δημοσίευση από stml » 26 Οκτ 2005 00:20

Kalispera,

exw ena menou kai thelw otan kanw click se mia epilogi na allazei xroma, px. na ginetai kokkino kai otan kanw click se mia alli epilogi na ginete auti kokkini kai i alli na epistrefi sto kanoniko tis xroma xwris na allazei i selida, kati se javascript isws?


euxaristw

Άβαταρ μέλους
viruswitch
Δημοσιεύσεις: 269
Εγγραφή: 24 Οκτ 2005 20:03

Allagi CSS sto click

Δημοσίευση από viruswitch » 26 Οκτ 2005 02:35

Me css moy fainetai ligo apithano na ginetai ayto. Me javascript mporei alla de ksero pos. Mipos me ena flash menu einai pio eykolo na ginei auto? Tha me endiefere na matho kai ego, elpizo na apantisei kapoios.

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

Allagi CSS sto click

Δημοσίευση από skeftomilos » 26 Οκτ 2005 10:21

Μοιάζει περίεργο από την άποψη πως όταν κάποιος κάνει κλικ σε ένα μενού σημαίνει ότι θέλει να πάει σε άλλη σελίδα! :) Anyway, προφανώς έχεις βρει κάποια άλλη χρήση για το μενού. Αυτό που πρέπει να γίνει είναι να παγιδευτεί το συμβάν onclick, και εκεί να αλλάξει η ιδιότητα style.backgroundColor του σχετικού element. Επειδή μενού από μενού διαφέρει, δείχνω ένα απλό παράδειγμα με ένα κοινό κουμπί:

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

<html>
  <body>
    <button onclick="this.style.backgroundColor='red'">Click me!</button>
  </body>
</html>
Για να επιστρέφει το προηγούμενο μενού στο αρχικό του χρώμα θα χρειαστεί παρόμοιος κώδικας. Μία άλλη λύση που πιθανώς είναι και πιο σωστή, είναι να αλλαχτεί η class του στοιχείου, κάπως έτσι:

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

this.className = 'active'
...αλλά είναι κάπως πιο περίπλοκο γιατί πρέπει να ορίσεις και μία κλάση με όνομα active στο stylesheet:

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

.active &#123;
  background-color&#58; red;
&#125;
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
geraki
Honorary Member
Δημοσιεύσεις: 1404
Εγγραφή: 26 Ιαν 2004 20:10
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

Allagi CSS sto click

Δημοσίευση από geraki » 26 Οκτ 2005 14:00

Ρίξε μια ματιά και σ'αυτό http://www.alistapart.com/articles/alternate/
Εικόνα &#8592; Αυτό το έκλεψα απ'τον Eneme.

Mut3
Δημοσιεύσεις: 167
Εγγραφή: 03 Σεπ 2004 16:23
Επικοινωνία:

Allagi CSS sto click

Δημοσίευση από Mut3 » 01 Νοέμ 2005 18:09

http://www.alistapart.com/articles/alternate/

Αν θες μονο να αλλαζεις style sheet αυτο ειναι καλο.

http://www.alistapart.com/articles/complexdynamiclists

Απο αυτο μπορεις να χρησιμοποιησεις το script που αλλαζει class/id οπου θες για να μην αλλαζεις style sheet.


Αν δε σε νοιαζει που δεν θα αλλαζει η προηγουμενη επιλογη μπορεις να κανεις μονο αυτο:

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

#menu a&#58;active &#123;color&#58;red;&#125;

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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