onmouseover, javascript και div tags

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

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

Απάντηση
Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

onmouseover, javascript και div tags

Δημοσίευση από iffor » 12 Ιουν 2005 02:30

Hello στη κοινότητα...!!!
Δυστυχώς από javascript είναι ελάχιστα αυτά που ξέρω και οποιαδήποτε βοήθειά σας στο παρακάτω πρόβλημα καλοδεχούμενη....!!!
Λοιπόν, πως γίνετε με onmouseover σε μία εικόνα ή link ή ο,τι άλλο να γίνει visible ενα hidden div tag και μετά να υπάρχει η δυνατότητα να πάω το mouse μέσα στο div ώστε να κλικάρω σε ένα άλλο link που θα υπάρχει εκεί μέσα.
Φυσικά, αν τελικά δεν κάνω κλικ στο link του div και φύγει το mouse είτε πάνω από την εικόνα είτε πάνω από το div, το div να ξαναγίνει hidden...
Θα μπορουσε κάποιος να μου δώσει ένα παράδειγμα κωδικού...???
Χίλια ευχαριστώ...!!!
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Άβαταρ μέλους
xultimatex
Honorary Member
Δημοσιεύσεις: 2505
Εγγραφή: 26 Ιούλ 2003 13:02
Τοποθεσία: Ξάνθη
Επικοινωνία:

onmouseover, javascript και div tags

Δημοσίευση από xultimatex » 12 Ιουν 2005 02:50

Μιλάς για popup menu; Τέτοια script που γεμίζουν άνετα μια σελίδα A4 φτιάχνει το fireworks της Macromedia.
:arrow: Αν προσπαθείς πολύ για να πετύχεις κάτι, ίσως το κάνεις με λάθος τρόπο...

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

onmouseover, javascript και div tags

Δημοσίευση από iffor » 12 Ιουν 2005 02:58

Σωστα, στην ουσία για ενα popup μιλάω!
Έχω το dreamweaver αλλά ακόμη δεν ξέρω να το χειρίζομαι ιδιαίτερα...
Και μέχρι στιγμής μόνο popup μενού μπορώ να φτιάξω...
Αν γινόταν να διαμορφώσω εγώ το εσωτερικό του popup και οχι αυτόματα η dreamweaver δεν θα είχα κανένα πρόβλημα, αλλά δεν μπορώ...!!!
Εκτός και αν γνωρίζεται εσείς κανένα τρόπο...!!!
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

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

onmouseover, javascript και div tags

Δημοσίευση από skeftomilos » 12 Ιουν 2005 03:13

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

<html>
  <head>
    <style type="text/css">
      #joker &#123;display&#58;none; background&#58;yellow&#125;
      a &#123;background&#58;orange&#125;
    </style>
  </head>
  <body>
    <a href="#" onMouseOver="document.getElementById&#40;'joker'&#41;.style.display='block'">Link1</a>
    <div id="joker" onMouseOut="this.style.display='none'"><a href="#">Link2</a></div>
  </body>
</html>
Ένα πολύ απλό παράδειγμα. Έβαλα λίγο χρώμα για να φανούν τα όρια των στοιχείων. Πάντως για να γίνει ακριβώς αυτό που περιγράφεις χρειάζεται αρκετά βαρύς κώδικας που θα περιλαμβάνει και timers, ειδικά αν τα στοιχεία δεν εφάπτονται μεταξύ τους.

Για dropdowns χωρίς χρήση JavaScript (με ελάχιστη για την ακρίβεια) μπορείς να δεις αυτό το διάσημο άρθρο (Suckerfish Dropdowns).
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

onmouseover, javascript και div tags

Δημοσίευση από iffor » 12 Ιουν 2005 03:38

Δεν έχεις και άδικο...!!!
Και το script-ακι που έδωσες φιλε μου την κάνει την δουλειά του :D
Όσο για το link που έδωσες είναι όλα τα λεφτα!!! :clap: :clap: :clap:
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

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

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