Κουμπάκια

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
Άβαταρ μέλους
Kainourios
Ruby Moderator
Δημοσιεύσεις: 504
Εγγραφή: 18 Μάιος 2005 16:20
Τοποθεσία: Κορυδαλλός
Επικοινωνία:

Κουμπάκια

Δημοσίευση από Kainourios » 05 Σεπ 2005 00:06

Γίνεται με css ή με html να βάλεις ένα image για κουμπάκι και όταν πηγαίνει από πάνω το ποντίκι να αλλάζει σε άλλο image (μάλλον δε θα γίνεται); Αν δε γίνεται, με javascript λογικά θα γίνεται ε; ξέρει κανείς; :)

Ευχαριστώ

Άβαταρ μέλους
chchrist
Δημοσιεύσεις: 924
Εγγραφή: 28 Ιουν 2003 20:25
Επικοινωνία:

Κουμπάκια

Δημοσίευση από chchrist » 05 Σεπ 2005 00:23

Και φυσικά γίνεται με css και μάλιστα υπάρχουν πολλοί τρόποι

Δες αυτό το site έχει τα πάντα

http://css.maxdesign.com.au/listamatic/index.htm

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

Κουμπάκια

Δημοσίευση από skeftomilos » 05 Σεπ 2005 12:51

Με JavaScript παίζεις με τα συμβάντα onmouseover και onmouseout. Ένας πολύ πρόχειρος τρόπος:

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

<img src="1.gif" onmouseover="this.src=2.gif" onmouseout="this.src=1.gif">
Εξαρτάται και από το είδος του κουμπιού. Link; Submit; Απλό κουμπί; Αν βρεις λύση με CSS φυσικά να την προτιμήσεις! :)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
Kainourios
Ruby Moderator
Δημοσιεύσεις: 504
Εγγραφή: 18 Μάιος 2005 16:20
Τοποθεσία: Κορυδαλλός
Επικοινωνία:

Κουμπάκια

Δημοσίευση από Kainourios » 05 Σεπ 2005 14:37

Το βρήκα αυτό που έψαχνα στο site που έδωσε ο chchrist (ευχαριστώ!). Tα υποτίμησα τα css, είχα διαβάσει λίγα πράγματα και είχα την αίσθηση ότι μπορείς να κάνεις ότι θες με html χωρίς την ανάγκη των css.

Το κώδικα που έβαλες scriptomile δε τον κατάλαβα, στη θέση του "this.img=2.gif" τι αλλάζεις; Εννοώ βάζεις σίγουρα το όνομα του gif που έχεις, αλλά το this.img με τι το αλλάζεις; Δε μου δούλεψε που το δοκίμασα αλλάζοντας μόνο το όνομα του gif. Βtw, τα κουμπιά που θέλω είναι link κουμπιά. Γιατί προτείνεις να προτιμήσω css; :) (απλά για να μαθαίνω ρωτάω, βρήκα αυτό που ήθελα με css).

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

Κουμπάκια

Δημοσίευση από skeftomilos » 05 Σεπ 2005 16:11

Ουπς, λάθος! Ξέχασα τα εισαγωγικά. :oops:

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

<img src="1.gif" onmouseover="this.src='2.gif'" onmouseout="this.src='1.gif'">
Όχι this.img αλλά this.src. Υποτίθεται ότι υπάρχουν εικόνες 1.gif και 2.gif στον ίδιο φάκελο με τη σελίδα.

Αφού πρόκειται για links τότε CSS χωρίς συζήτηση. Η μέθοδος CSS δουλεύει και χωρίς ενεργή JavaScript, αυτή είναι η πιο σημαντική διαφορά. Επιπλέον με CSS το εφέ λειτουργεί και κατά το φόρτωμα της σελίδας, ενώ με JavaScript συνήθως τα εφέ ξεκινάνε μόνο μετά την ολοκλήρωση του loading (και αν οι εικόνες είναι πολλές αυτό μπορεί να αργήσει). Ακόμα με CSS είναι λιγότερα τα bytes, άρα ταχύτερες οι σελίδες. :)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

Κουμπάκια

Δημοσίευση από Cmg__ » 05 Σεπ 2005 17:18

opws epishs yparxoyn kai ta etoimatzidika :/

Άβαταρ μέλους
Kainourios
Ruby Moderator
Δημοσιεύσεις: 504
Εγγραφή: 18 Μάιος 2005 16:20
Τοποθεσία: Κορυδαλλός
Επικοινωνία:

Κουμπάκια

Δημοσίευση από Kainourios » 05 Σεπ 2005 18:33

Ευχαριστώ, όντως το 2ο δούλεψε κι αυτό όπως ήθελα με τη βοήθεια του mouseup και mouseout :) αλλά θα χρησιμοποιήσω css.

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Κουμπάκια

Δημοσίευση από cherouvim » 06 Σεπ 2005 08:57

CSS all the way

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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