Drop down menu με links

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

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

Απάντηση
Άβαταρ μέλους
vspartan
Δημοσιεύσεις: 57
Εγγραφή: 03 Δεκ 2007 03:18

Drop down menu με links

Δημοσίευση από vspartan » 22 Μάιος 2008 18:19

Εστω ότι έχω ένα drop down menu,θέλω όταν ο χρήστης θα επιλέγει μία απο τις τρεις επιλογές και πατήσει submit να πηγαινει στην ανάλογη-νέα σελίδα.
Πως μπορεί να επιτευχθεί κάτι τέτοιο?
Ευχαριστώ εκ των προτέρων..
Οι Θερμοπύλες απέδειξαν ότι υπάρχουν πολλοί άνθρωποι,αλλά ολίγοι άνδρες.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Drop down menu με links

Δημοσίευση από patriot » 22 Μάιος 2008 19:27

Αυτά τα πράγματα που γίνονται αυτόματα, γίνονται συνήθως με javascript. Δεν έχεις παρά να ψάξεις στο google με τις λέξεις κλειδιά "javascript scripts". Θα σου βρει χιλιάδες σελίδες. Εγώ συνήθως χρησιμοποιώ το dynamicdrive ή το wsabstract. Και μιας και λέμε για το wsabstract... Μήπως θες αυτό;
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
Marinos Stergiou
Δημοσιεύσεις: 741
Εγγραφή: 12 Νοέμ 2006 14:49
Τοποθεσία: Τριτοκοσμική

Drop down menu με links

Δημοσίευση από Marinos Stergiou » 22 Μάιος 2008 20:13

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

<script>
function mmLoadMenus&#40;&#41; &#123;
  if &#40;window.mm_menu_0405175852_0&#41; return;
    window.mm_menu_0405175852_0_1 = new Menu&#40;" Κατογορία 1",80,16,"Verdana, Arial, Helvetica, sans-serif",11,"#000000","#FFFFFF","#F8F8F8","#969B87","left","middle",3,0,550,-5,7,true,true,true,0,true,true&#41;;
    mm_menu_0405175852_0_1.addMenuItem&#40;"Υποκατηγορία1 της 1","window.open&#40;'file1.htm', 'left'&#41;;"&#41;;
    mm_menu_0405175852_0_1.addMenuItem&#40;"Υποκατηγορία2 της 1","window.open&#40;'file2.htm', 'left'&#41;;"&#41;;
    mm_menu_0405175852_0_1.addMenuItem&#40;"Υποκατηγορία3 της 1","window.open&#40;'file3.htm', 'left'&#41;;"&#41;;
    mm_menu_0405175852_0_1.addMenuItem&#40;"Υποκατηγορία4 της 1","window.open&#40;'file4.htm', 'left'&#41;;"&#41;;
     mm_menu_0405175852_0_1.hideOnMouseOut=true;
     mm_menu_0405175852_0_1.bgColor='#000000';
     mm_menu_0405175852_0_1.menuBorder=1;
     mm_menu_0405175852_0_1.menuLiteBgColor='#FFFFFF';
     mm_menu_0405175852_0_1.menuBorderBgColor='#666666';
    window.mm_menu_0405175852_0_2 = new Menu&#40;"Κατηγορία 2",220,16,"Verdana, Arial, Helvetica, sans-serif",11,"#000000","#FFFFFF","#F8F8F8","#969B87","left","middle",3,0,550,-5,7,true,true,true,0,true,true&#41;;
    mm_menu_0405175852_0_2.addMenuItem&#40;"Υποκατηγορία1 της 2","window.open&#40;'file9.htm', 'left'&#41;;"&#41;;
    mm_menu_0405175852_0_2.addMenuItem&#40;"Υποκατηφορία2 της 2","window.open&#40;'file10.htm', 'left'&#41;;"&#41;;
     mm_menu_0405175852_0_2.hideOnMouseOut=true;
     mm_menu_0405175852_0_2.bgColor='#000000';
     mm_menu_0405175852_0_2.menuBorder=1;
     mm_menu_0405175852_0_2.menuLiteBgColor='#FFFFFF';
     mm_menu_0405175852_0_2.menuBorderBgColor='#666666';
  window.mm_menu_0405175852_0 = new Menu&#40;"root",200,16,"Verdana, Arial, Helvetica, sans-serif",11,"#000000","#FFFFFF","#F8F8F8","#969B87","left","middle",3,0,550,-5,7,true,true,true,0,true,true&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;mm_menu_0405175852_0_1&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;mm_menu_0405175852_0_2&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;"Κατηγορία 3","window.open&#40;'file11.htm', 'left'&#41;;"&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;"Κατηγορία 4","window.open&#40;'file12.htm', 'left'&#41;;"&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;"Κατηγορία 5"&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;"Κατηγορία 6","window.open&#40;'file13.htm', 'left'&#41;;"&#41;;
  mm_menu_0405175852_0.addMenuItem&#40;"Κατηγορία 7","window.open&#40;'file14.htm', 'left'&#41;;"&#41;;
   mm_menu_0405175852_0.hideOnMouseOut=true;
   mm_menu_0405175852_0.childMenuIcon="arrows.gif";
   mm_menu_0405175852_0.bgColor='#000000';
   mm_menu_0405175852_0.menuBorder=1;
   mm_menu_0405175852_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0405175852_0.menuBorderBgColor='#666666';
mm_menu_0405175852_0.writeMenus&#40;&#41;;
&#125; // mmLoadMenus&#40;&#41;

</script>
και κάπου μέσα στον κώδικα εκεί που θέλετε να εμφανίζει το μενού

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

<a href="#" name="link2" id="link1" onMouseOver="MM_showMenu&#40;window.mm_menu_0405175852_0,0,13,null,'link2'&#41;" onMouseOut="MM_startTimeout&#40;&#41;;">ΠΡΟΪΟΝΤΑ</a> 


Ελπίζω να μην έκανα κανένα λάθος

Μπορείτε να το κάνετε και με fireworks macromedia

Κάτι τέτοιo βγάζει :
Εικόνα

Χρειάζεται κι αυτό Εικόνα ή αυτό Εικόνα
Τελευταία επεξεργασία από το μέλος Marinos Stergiou την 23 Μάιος 2008 16:46, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Drop down menu με links

Δημοσίευση από EneMe » 23 Μάιος 2008 15:07

Αποκόπηκε από το άλλο θέμα κι έγινε αυτόνομο.
Επίσης τοποθετήθηκε στην ανάλογη περιοχή!

;-)


Άβαταρ μέλους
vspartan
Δημοσιεύσεις: 57
Εγγραφή: 03 Δεκ 2007 03:18

Drop down menu με links

Δημοσίευση από vspartan » 23 Μάιος 2008 19:55

Για να γίνω πιο σαφείς.
Εχω να <select option> στο οποίο έχω βάλει τις επιλογές:"Εργαζόμενος","Εργοδότης","Administrator".Στο οποίο ο χρήστης θα επιλέγει ένα από τα τρία.
Στην συνέχεια θα είναι ένα <input type> στο οποίο ο χρήστης θα πληκτρολογεί Password,αλλά στην παρούσα ΔΕΝ με ενδιαφέρει να συμπληρώσω κωδικό-απλά είναι εικονικός.
Και τέλος,από κάτω θα υπάρχει ένα <Submit> στο οποίο ο χρήστης μόλις το πατάει θα οδηγείται στην κατάλληλη-αντίστοιχη σελίδα του "Εργαζόμενου","Εργοδότη","Administrator"
Οι Θερμοπύλες απέδειξαν ότι υπάρχουν πολλοί άνθρωποι,αλλά ολίγοι άνδρες.

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

Drop down menu με links

Δημοσίευση από cherouvim » 23 Μάιος 2008 19:58

Η server side λύση για αυτό είναι να επεξεργαστείς το request σε ένα script στο server και να απαντήσεις με ένα http redirect στο client για να πάει εκεί που πρέπει.
Είναι πιο σωστό αλλά απαιτεί server scripting και ίσως είναι ελαφρός πιο αργό.

Πιο αργό από μια καθαρά client side (js) λύση, η οποία όμως δεν θα παίξει χωρίς javascript.

Πιο από τα 2 θέλεις;

Απάντηση

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

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

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