show/hide συγκεκριμένων επιλογών κάθε φορά

**thunderbill84** · 06-03-12, 16:37

Καλησπέρα,
Εχω δύο dropdown μενού τα οποία παίρνουν δυναμικά τιμές μέσω μιας συνάρτησης. Αυτό που προσπαθώ να πετύχω είναι να "τραβάω" δεδομένα από ένα xml αρχείο ανάλογα με την επιλογή που θα κάνω από τα dropdown μενού και να τα εμφανίζω σε ένα πεδίο. Μετά από αρκετό ψάξιμο (γοογλε κτλ) κατέληξα οτι για να μπορώ να "τραβάω" κάθε φορά την ανάλογη επιλογή απο το xml μπορεί να γίνει είτε με τη λογική hide/show των ανάλογων επιλογών κάθε φορά, είτε κάνοντας re-populate τη λίστα η οποία θα βασίζεται κάθε φορά στην επιλογή. Δυστυχώς δεν έχω βρει ένα καλό παράδειγμα για να καταλάβω τη χρήση αυτών των επιλογών. Μόνο κάποια πολύ μεμονομένα παραδείγματα το πως μπορω να κάνω show/hide πχ ένα τίτλο, αλλά δυστυχώς δε με βοηθάει κάτι τέτοιο. Οπότε θα ήθελα ένα πιο κατατοπιστικό παράδειγμα για να μπω λίγο στη λογική ή κάποιο λινκ που θα με παραπέμπει σε κάποιο σαιτ, δεν έχω πρόβλημα.
Ευχαριστώ εκ των προτέρων

**yiapap** · 06-03-12, 16:40

Άμα έγραφες και τη γλώσσα/πλατφόρμα....

**thunderbill84** · 06-03-12, 16:53

Αρχικό μήνυμα από yiapap

Άμα έγραφες και τη γλώσσα/πλατφόρμα....

Χίλια συγνώμη, μου διέφυγε

Χρησιμοποιώ javascript για να λειτουργώ δυναμικά τα dropdown μενού, και jQuery για το parsing. Tώρα αν ξεχνάω κάτι, ευχαρίστως να απαντήσω

**virxen** · 06-03-12, 18:19

στείλε ένα xml με αυτό που θες να κάνεις

**thunderbill84** · 06-03-12, 20:06

Αρχικό μήνυμα από virxen

στείλε ένα xml με αυτό που θες να κάνεις

Γενικά έχω συντάξη το xml με δύο-τρεις διαφορετικούς τρόπους. Πιστεύοντας ότι κάθε φορά θα πετύχω αυτό που θέλω πιο "εύκολα". Εχω σκεφτεί και προσπάθησα τα εξής:
1) να δημιουργώ και τις επιλογές των δύο dropdown μέσα στο xml και από εκεί ανάλογα την επιλογή που θα κάνω να παίρνω και τα ανάλογα δεδομένα. Σε αυτή την περίπτωση να καταργήσω τη συνάρτηση που ήδη χρησιμοποιώ για τα δυναμικά dropdown.
2) να λειτουργώ όπως έχω τώρα δυναμικά τα dropdown με τη συνάρτηση, και απλά να παίρνω μόνο τα ανάλογα δεδομένα από το xml. Δηλαδή αυτά που θέλω να εμφανίσω στο πεδίο.
3) τέλος, να κάνω ένα συνδυασμό και των δύο παραπάνω.

Κατέληξα σε αυτή τη μορφή:

Κώδικας:

<courses>
       <course title="chapter 1">
              <lesson>aaaa aaaa aaaa</lesson> 
	      <lesson>bbbb bbbb bbbb</lesson> 
	      <lesson>cccc cccc cccc</lesson>
	      <lesson>dddd dddd dddd</lesson>
	      <lesson>eeee eeee eeee</lesson>
	      <lesson>eeee eeee eeee</lesson>
	      <lesson>hhhh hhhh hhhh</lesson>
	      <lesson>iiii iiii iiii</lesson>
	      <lesson>jjjj jjjj jjjj</lesson>
	      <lesson>aaaa aaaa aaaa</lesson>
	      <lesson>ssss ssss ssss</lesson>
	      <lesson>xxxx xxxx xxxx</lesson>
       </course>
       <course title="chapter 2">
              <lesson>bbbb bbbb bbbb</lesson>
              <lesson>nnnn nnnn nnnn</lesson>
              <lesson>mmmm mmmm mmmm</lesson>
	      <lesson>qqqq qqqq qqqq</lesson>
	      <lesson>wwww wwww wwww</lesson>
	      <lesson>tttt tttt tttt</lesson>
	      <lesson>yyyy yyyy yyyy</lesson>
	      <lesson>tttt tttt tttt</lesson>
	      <lesson>iiii iiii iiii</lesson>
	      <lesson>oooo oooo oooo</lesson>
	      <lesson>aaaa aaaa aaaa</lesson>
	      <lesson>eeee eeee eeee</lesson>
       </course>
	   <course title="chapter 3">
              <lesson>pppp pppp pppp</lesson> 
	      <lesson>llll llll llll</lesson>
	      <lesson>jjjj jjjj jjjj</lesson>
	      <lesson>ffff ffff ffff</lesson>
	      <lesson>qqqq qqqq qqqq</lesson>
	      <lesson>vvvv vvvv vvvv</lesson>
	      <lesson>bbbb bbbb bbbb</lesson>
	      <lesson>aaaa aaaa aaaa</lesson>
	      <lesson>llll llll llll</lesson>
	   </course>
	   <course title="chapter 4">
	       .
	       .
	       .
</courses>

Επίσης:
- τα δεδομένα που πέρασα στο xml όσο και ο αριθμός των chapter είναι τυχαίος
- τo chapter θα επιλέγεται από το πρώτο dropdown, ενώ το κάθε lesson, που αντιστοιχεί και σε διαφορετική άσκηση, θα επιλέγεται από το δεύτερο dropdown, ανάλογα το chapter κάθε φορά.

**virxen** · 07-03-12, 01:46

μάλλον θες κάτι τέτοιο

Κώδικας:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
  $(document).ready(function() {
    var course_data;  
    $.get('exerc.xml', function(data) { 
    	course_data = data;               
    	var that = $('#courses'); 
                
    	$(course_data).find("course").each(function() {
    		$('<option>').text($(this).attr('title')).appendTo(that);

    	});
  }, 'xml'); 

 $('#courses').change(function() { 
    var that2 = $('#lesson1'); 
    $('#lesson1').empty();
    var val = $(this).val(); 
    var that = $('#times').empty(); 
    $('course', course_data).filter(function() { 
      return val == $(this).attr('title'); 
    })
    .find("lesson").each(function() { 
$('<option>').text($(this).text()).appendTo(that2);
      $("#lesson").val($(this).text());   
    });
 });
 });
 </script>

 
</head>

<body>
 <form method="post" action="">
 <input type="text" size="90" id="lesson" />
 </form>
 <form  id="form2" name="form2" method="post" action="">
 <input size="90" type="text" class="textarea" onkeypress="return keyPressed(event, this);" />
 </form>

 <form name="form1">
 <p>exercices
   <select style="width:100px" id="courses">
   <option selected="selected">choose...</option>
   </select>
   <select style="width:100px" id="lesson1">
   <option selected="selected">choose...</option>
   </select>
 </form> 
 </body>
 </html>

Θέμα: show/hide συγκεκριμένων επιλογών κάθε φορά

Παρόμοια Θέματα

BSOD με διαφορετικά errors κάθε φορά

Κάθε φορά και άλλη ταχύτητα!

Καθε φορα ζηταει Login

speedtouch 585 v6 καθε φορα ρισταρτ

Κάθε φορά Εφάπαξ Τέλος Ενεργοποίησης?

Bookmarks

Bookmarks

Δικαιώματα - Επιλογές