Visualization σε select box

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

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

Απάντηση
granpa1988
Δημοσιεύσεις: 6
Εγγραφή: 16 Ιούλ 2012 17:33

Visualization σε select box

Δημοσίευση από granpa1988 » 28 Αύγ 2012 15:08

Καλησπέρα παιδιά,
Είμαι νέος στην javascript και προσπαθώ να φτιάξω μια σειρά από select boxes που θα οδηγούν σε κάποιες οπτικοποιήσεις. Κάποιες από αυτές τις οπτικοποιήσεις τις παίρνω από google docs και έχουν την παρακάτω μορφή :

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

<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js"> &#123;"dataSourceUrl"&#58;"//docs.google.com/spreadsheet/tq?key=0AihqKzH-MgAndERnaFVsYk1RLUM3S0pDSmNjcEQ4M1E&transpose=0&headers=0&range=A2%3AB13&gid=0&pub=1","options"&#58;&#123;"vAxes"&#58;&#91;&#123;"useFormatFromData"&#58;true,"viewWindowMode"&#58;"pretty","viewWindow"&#58;&#123;&#125;&#125;,&#123;"useFormatFromData"&#58;true,"viewWindowMode"&#58;"pretty","viewWindow"&#58;&#123;&#125;&#125;&#93;,"booleanRole"&#58;"certainty","animation"&#58;&#123;"duration"&#58;0&#125;,"useFirstColumnAsDomain"&#58;true,"hAxis"&#58;&#123;"useFormatFromData"&#58;true,"viewWindowMode"&#58;"pretty","viewWindow"&#58;&#123;&#125;&#125;,"isStacked"&#58;false,"width"&#58;454,"height"&#58;285&#125;,"state"&#58;&#123;&#125;,"chartType"&#58;"AreaChart","chartName"&#58;"\u0393\u03c1\u03ac\u03c6\u03b7\u03bc\u03b1 1"&#125; </script>
Το πρόβλημα που έχω είναι ότι δεν μπορώ να την τοποθετήσω έτσι ώστε να εμφανίζεται με μια επιλογή από το select box. Ο κωδικας μου για 2 συνδεδεμένα select boxes φαίνεται παρακάτω :

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">

function allagi&#40;&#41;
&#123;
   if &#40;document.getElementById&#40;"selection01"&#41;.selected==true&#41;
   &#123;

   &#125;
   else if &#40;document.getElementById&#40;"selection02"&#41;.selected==true&#41;
   &#123;

   &#125;
   else if &#40;document.getElementById&#40;"selection03"&#41;.selected==true&#41;
   &#123;

   &#125;
   else if &#40;document.getElementById&#40;"selection04"&#41;.selected==true&#41;
   &#123;

   &#125;
&#125;

function allagi2&#40;&#41;
&#123;
     if &#40;document.getElementById&#40;"select02"&#41;.selected==true&#41;
     &#123;
         document.getElementById&#40;"selectbox01"&#41;.disabled=false;
     &#125;
&#125;

</script>

</head>



<body>

<div id="wrapper">
  <div id="logo">

  <select onchange="allagi2&#40;&#41;">
  <option id="select01" selected="true">Επιλέξτε</option>
  <option id="select02">Τουρισμό</option>
  <option id="select03">Προϋπολογισμό</option>
  </select>

  <select id="selectbox01" onchange="allagi&#40;&#41;" disabled="true">
  <option id="selection01">Selection01</option>
  <option id="selection02">Selection02</option>
  <option id="selection03">Selection03</option>
  <option id="selection04">Selection04</option>
  </select>
</div>
  <div id="chart">



  </div>
</div>

</body>
</html>
Επίσης θα ήθελα να ρωτήσω με ποιον τρόπο μπορώ φτιάξω το δεύτερο select box να εμφανίζεται μόνο όταν του δώσω μία επιλογή στο πρώτο select box. Θα μπορούσε κάποιος να με βοήθήσει ???

Σας ευχαριστώ εκ των προτέρων

Απάντηση

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

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

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