Tab menu...change

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

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

Απάντηση
Άβαταρ μέλους
verylife
Δημοσιεύσεις: 26
Εγγραφή: 29 Νοέμ 2003 13:34
Τοποθεσία: Athens
Επικοινωνία:

Tab menu...change

Δημοσίευση από verylife » 22 Ιουν 2005 15:05

Katarxin geia sas kai euxaristo osous voithisoun sto thema auto...
Loipon exo ton parakato pinaka

<td background="images/moduleTab_left.gif">&nbsp;</td>
<td background="images/moduleTab_middle.gif" class="currentTab"><a href="#">Σύνδεσμοι</a></td>
<td background="images/moduleTab_right.gif">&nbsp;</td>

Kai thelo otan patao sto "Σύνδεσμοι" kai pao se alli selida na allazoun ta 3 .gif se 3 alles fotografies gia na fainetai oti einai energo...
Yparxei tropos na ginei px me javascript?

thanks kai pali

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

Tab menu...change

Δημοσίευση από iffor » 22 Ιουν 2005 17:11

Sorry, αλλα μαλλον δεν καταλαβα ακαλα το προβλημα σου...
Οταν λες οτι με το κλικ θα εμφανιζεται αλλη σελιδα, τι εννοείς ακριβως;
Εχεις χωρισει την αρχικη σελιδα σε frames οπου στο ενα ειναι τα tabs και στο αλλο οι link-αριμενες σελιδες των tabs, η ειναι ολα σε μια σελιδα...
Αν ειναι ολα σε μια σελιδα τι σε εμποδιζει να αλλαζεις, απο την κατασκευή της, εσυ τα gif...???
Αν ειναι σε frames... λοιπον... με το που κανεις κλικ στον συνδεσμο και φορτωνει το αλλο frame, αρκει να θέσεις στο άλλο frame,και αυτό με την σειρά του, να αλλάζει με την φότωσή του το frame των tabs...
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

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

Tab menu...change

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

Μάλλον εννοείς όταν απλά περνάει το mouse από πάνω :), όχι όταν κάνει κλικ. Βέβαια γίνεται με JavaScript, με τα συμβάντα onMouseOver και onMouseOut. Αν μάλιστα το image ήταν background του <a> και όχι του <td> θα αρκούσε CSS:

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

a&#58;hover &#123;background&#58;url&#40;images/somethingelse.gif&#41;;&#125;
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
verylife
Δημοσιεύσεις: 26
Εγγραφή: 29 Νοέμ 2003 13:34
Τοποθεσία: Athens
Επικοινωνία:

Tab menu...change

Δημοσίευση από verylife » 23 Ιουν 2005 10:03

Το ΣΥΝΔΕΣΜΟΙ ειναι link σε αλλη σελιδα... στην σελιδα που σε παει το μερος αυτο παραμενει ιδιο... σαν menu της σελιδας. Ετσι θελω οταν παταω στο link αυτο να μου αλλαζουν οι 3 αυτες εικονες σε αλλες εικονες. Και οχι @skeftomilos δεν θελω οταν περναει το ποντικι απο πανω αλλα οταν κανω κλικ

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

Tab menu...change

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

Μήπως θέλεις κάτι τέτοιο; Μενού με ένδειξη τρέχουσας σελίδας

Νομίζω κάτι τέτοιο θέλεις αλλά με διαφορετικό εφέ.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
verylife
Δημοσιεύσεις: 26
Εγγραφή: 29 Νοέμ 2003 13:34
Τοποθεσία: Athens
Επικοινωνία:

Tab menu...change

Δημοσίευση από verylife » 23 Ιουν 2005 12:28

Στη λογικη ειναι περιπου ιδιο...το θεμα ειναι πως θα αλλαξω τις εικονες με αλλες εικονες...

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

Tab menu...change

Δημοσίευση από skeftomilos » 23 Ιουν 2005 22:54

Αν θέλεις δοκίμασε να βάλεις τον παρακάτω κώδικα στο τμήμα head:

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

<script type="text/javascript">
  window.onload = function&#40;&#41; &#123;
    var links = document.getElementsByTagName&#40;"a"&#41;
    for &#40;var i = 0; i < links.length; i++&#41; &#123;
      var link = links&#91;i&#93;
      if &#40;link.href == location.href&#41; &#123;
        link.removeAttribute&#40;"href"&#41;
        var td = link.parentNode
        var prev_td = td.previousSibling
        var next_td = td.nextSibling
        prev_td.setAttribute&#40;"background", "images/other_left.gif"&#41;
        td.setAttribute&#40;"background", "images/other_middle.gif"&#41;
        next_td.setAttribute&#40;"background", "images/other_right.gif"&#41;
      &#125;
    &#125;
  &#125;
</script>
Μόνο που για να λειτουργήσει πρέπει να κάνεις λίγες αλλαγές στον HTML κώδικα. Βασικά αφαίρεσε τα κενά ανάμεσα στα td, κόλλησέ τα μεταξύ τους, ώστε οι ιδιότητες previousSibling και nextSibling να δείχνουν στα σωστά elements:

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

<td background="images/moduleTab_left.png">&nbsp;</td><td background=...
Αν δε λειτουργήσει, δες τη σελίδα στον Firefox και άνοιξε τη JavaScript Console για να δεις αν σημειώθηκαν λάθη.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

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

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

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