2016年11月8日 星期二

網頁彈出視窗(函數回傳)

基礎
<html>
<head>
<title>6666</title>
</head>
<body>
<script>
function Foo() {
return {val1:true, val2:'something'};
}
result = Foo();
alert(result['val1']);
alert(result['val2']);
</script>
</body>
</html>

應用至亂數回傳

<html>
<head>
<title>6666</title>
</head>
<body>
<script>
function Foo() {
var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=9;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx2=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

while(rx1==rx2)
{
 rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}
while(rx2==rx3 || rx3==rx1 )
{
 rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}

document.write("我的亂數"+rx1,rx2,rx3);
return {val1:rx1, val2:rx2 ,val3:rx3};
}
result = Foo();
alert(result['val1']);
alert(result['val2']);
alert(result['val3']);
if(result['val1']>=0){document.write("6666666")}
</script>

<script>
if(result['val1']>=0){document.write("66666667")}
</script>

</body>
</html>

張貼者： 於 沒有留言:

2016年6月21日 星期二

彩色圓餅圖隨機變色的第二種方法
</html
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
    google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

 var a ;
 var b ;
 var c ;
function add() {
a=0;
b=0;
c=0;
d=0;
e=0;
f=0;
g=0;
h=0;
j=0;
var maxNum = 3;
var minNum = 1;
var radio1=document.getElementsByName("v1");
var radio2=document.getElementsByName("v2");
var radio3=document.getElementsByName("v3");


var i=0 ;
i = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
     

if(i==1){
       a=1;
}
    if(i==2) {
        b=1;
    }
    if(i==3) {
        c=1;
    }


               
 

 
var k=0 ;
k = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum ;
   
       if(k==1){
       d=1;

}
    if(k==2) {
        e=1;
    }
    if(k==3) {
        f=1;
    }
             
     



var o ;
o = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
 
       if(o==1){
       g=1;

}
    if(o==2) {
        h=1;
}
   
   if(o==3) {
        j=1;
    }

             
 
            drawChart();
        }


        function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     a],
          ['Eat',      b],
          ['Commute',  c],
          ['Commute',  d],
          ['Commute',  e],
          ['Commute',  f],
          ['Commute',  g],
          ['Commute',  h],
          ['Commute',  j],
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>



    <input type="button" value="submit" onclick="add()"/>
    <div id="piechart" style="width: 900px; height: 500px;"></div>

  </body>
</html>>
張貼者： 於 沒有留言:

2016年6月18日 星期六

彩色隨機轉盤標準版

<html>
  <head>

  </head>
  <body>







<Script type ="text/javascript">

var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=23;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;



 </Script>



<script>
function totalchoice(){
if(+rx1==0){drawChart0();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==1){drawChart1();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==2){drawChart2();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==3){drawChart3();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==4){drawChart4();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==5){drawChart5();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==6){drawChart6();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==7){drawChart7();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==8){drawChart8();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==9){drawChart9();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==10){drawChart10();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==11){drawChart11();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==12){drawChart12();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==13){drawChart13();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==14){drawChart14();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==15){drawChart15();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==16){drawChart16();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==17){drawChart17();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==18){drawChart18();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==19){drawChart19();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==20){drawChart20();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==21){drawChart21();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==22){drawChart22();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}
if(+rx1==23){drawChart23();rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;}

}
</Script>







    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }
    </script>



<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart0() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            2: { color: 'red' },
            1: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>


<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart1() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            2: { color: 'red' },
            0: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart2() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            1: { color: 'red' },
            0: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart3() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart4() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            0: { color: 'red' },
            1: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart5() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            3: { color: 'yellow' },
            0: { color: 'red' },
            2: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart6() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            0: { color: 'red' },
            1: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart7() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            0: { color: 'red' },
            3: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart8() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            1: { color: 'red' },
            0: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart9() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            1: { color: 'red' },
            3: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart10() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            3: { color: 'red' },
            1: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart11() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            2: { color: 'yellow' },
            3: { color: 'red' },
            0: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart12() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            0: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart13() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            0: { color: 'red' },
            3: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart14() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            2: { color: 'red' },
            0: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart15() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            2: { color: 'red' },
            3: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart16() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            3: { color: 'red' },
            0: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart17() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            1: { color: 'yellow' },
            3: { color: 'red' },
            2: { color: 'black' },
            0: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart18() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            2: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart19() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            1: { color: 'red' },
            3: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart20() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            2: { color: 'red' },
            1: { color: 'black' },
            3: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart21() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            2: { color: 'red' },
            3: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart22() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            3: { color: 'red' },
            1: { color: 'black' },
            2: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart23() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['aaa',  2],
          ['bbb',  2],
          ['ccc',  2],
          ['ddd',  2],
       
        ]);


        var options = {
title: 'My final exam',
          pieSliceText: '',
          pieStartAngle: 0,
          tooltip: { trigger: '' },
          slices: {
            0: { color: 'yellow' },
            3: { color: 'red' },
            2: { color: 'black' },
            1: { color: 'blue' },
          }
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);

      }

    </script>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
    <button onclick="totalchoice()">圓餅圖測試</button>
  </body>
</html>

張貼者： 於 沒有留言:

2016年6月17日 星期五

圓餅圖製作參考網站
https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart#rotating-a-pie-chart
張貼者： 於 沒有留言:

2016年6月3日 星期五

期末考內容




張貼者： 於 沒有留言:
亂數不重複
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>第一支javaScript</title>
</head>
<body>
 <Script type ="text/javascript">

var rx1=0,rx2=0,rx3=0,maxNum=0,minNum=0;
maxNum=9;
mixNum=0;

rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx2=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;
rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

while(rx1==rx2)
{
 rx1=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}
while(rx2==rx3 || rx3==rx1 )
{
 rx3=Math.floor( Math.random() * (maxNum - minNum + 1) ) + minNum;

}

document.write("我的亂數"+rx1,rx2,rx3);

 </Script>
<input type="button" value="Random" onclick="javascript:window.location.reload()"/>
</body>
</html>

張貼者： 於 沒有留言:
電腦手機軟體印出名子

張貼者： 於 沒有留言:

2016年5月19日 星期四

圓餅圖統計單選題

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['choice 1',   11],
          ['Eat',        2],
          ['Commute',    4],
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>

<script>
function check1(){
var radio1=document.getElementsByName("v1");
var radio2=document.getElementsByName("v2");
var radio3=document.getElementsByName("v3");
var radio4=document.getElementsByName("v4");
var radio5=document.getElementsByName("v5");
   for(var i=0;i<radio1.length;i++){
         if(radio1.item(i).checked==true){
        flag1=1+i;
        break;
       }
   }
 for(var i=0;i<radio2.length;i++){
         if(radio2.item(i).checked==true){
        flag2=1+i;
                break;
       }
   }
for(var i=0;i<radio3.length;i++){
         if(radio3.item(i).checked==true){
        flag3=1+i;
                break;
       }
   }
for(var i=0;i<radio4.length;i++){
         if(radio4.item(i).checked==true){
        flag4=1+i;
                break;
       }
   }
for(var i=0;i<radio5.length;i++){
         if(radio5.item(i).checked==true){
        flag5=1+i;
                break;
       }
   }
 

drawChart2();
}
</script>

<script>
function mark(){


}
</script>

<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart2() {
var q=0;
var w=0;
var e=0;
if(flag1==1){q=q+1};
if(flag2==1){q=q+1};
if(flag3==1){q=q+1};
if(flag4==1){q=q+1};
if(flag5==1){q=q+1};
if(flag1==2){w=w+1};
if(flag2==2){w=w+1};
if(flag3==2){w=w+1};
if(flag4==2){w=w+1};
if(flag5==2){w=w+1};
if(flag1==3){e=e+1};
if(flag2==3){e=e+1};
if(flag3==3){e=e+1};
if(flag4==3){e=e+1};
if(flag5==3){e=e+1};
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['choice 1',        q],
          ['choice 2',        w],
          ['choice 3',        e],

        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
<script>
function ShowMeDate() {
　 alert('阿西是智障');
}
</script>
<body>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data"onSubmit="return check();" >
<h1>1、ssss？</h1>
<input name="v1" type="radio" value="a">1
<input name="v1" type="radio" value="b">2
<input name="v1" type="radio" value="c">3
</form>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data"onSubmit="return check();" >
<h1>2、ssss？</h1>
<input name="v2" type="radio" value="a">1
<input name="v2" type="radio" value="b">2
<input name="v2" type="radio" value="c">3
</form>
<h1>3、ssss？</h1>
<input name="v3" type="radio" value="a">1
<input name="v3" type="radio" value="b">2
<input name="v3" type="radio" value="c">3
</form>
<h1>4、ssss？</h1>
<input name="v4" type="radio" value="a">1
<input name="v4" type="radio" value="b">2
<input name="v4" type="radio" value="c">3
</form>
<h1>5、ssss？</h1>
<input name="v5" type="radio" value="a">1
<input name="v5" type="radio" value="b">2
<input name="v5" type="radio" value="c">3
</form>
<br>
<button onclick="check1()">阿西按鈕</button>
    <div id="piechart" style="width: 900px; height: 500px;"></div>

<button onclick="check2()">我是按鈕</button>
<var>flag1</var>
  </body>
</html>


張貼者： 於 沒有留言:

2016年5月13日 星期五

圓餅圖按鈕改變%數
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>

<script>
function check1(){
var radio1=document.getElementsByName("v1");
var radio2=document.getElementsByName("v2");
var radio3=document.getElementsByName("v3");
var radio4=document.getElementsByName("v4");
var radio5=document.getElementsByName("v5");
   for(var i=0;i<radio1.length;i++){
         if(radio1.item(i).checked==true){
        flag1=1+i;
        break;
       }
   }
 for(var i=0;i<radio2.length;i++){
         if(radio2.item(i).checked==true){
        flag2=1+i;
                break;
       }
   }
for(var i=0;i<radio3.length;i++){
         if(radio3.item(i).checked==true){
        flag3=1+i;
                break;
       }
   }
for(var i=0;i<radio4.length;i++){
         if(radio4.item(i).checked==true){
        flag4=1+i;
                break;
       }
   }
for(var i=0;i<radio5.length;i++){
         if(radio5.item(i).checked==true){
        flag5=1+i;
                break;
       }
   }
  drawChart2();
}
</script>

<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart2() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['choice 1',     flag1],
          ['Eat',      flag2],
          ['Commute',  flag3],
          ['Watch TV', flag4],
          ['Sleep',    flag5]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
<script>
function ShowMeDate() {
　 alert('阿西是智障');
}
</script>
<body>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data"onSubmit="return check();" >
<h1>1、ssss？</h1>
<input name="v1" type="radio" value="a">1
<input name="v1" type="radio" value="b">2
<input name="v1" type="radio" value="c">3
</form>
<form action="post.php" method="post"  name="add" enctype="multipart/form-data"onSubmit="return check();" >
<h1>2、ssss？</h1>
<input name="v2" type="radio" value="a">1
<input name="v2" type="radio" value="b">2
<input name="v2" type="radio" value="c">3
</form>
<h1>3、ssss？</h1>
<input name="v3" type="radio" value="a">1
<input name="v3" type="radio" value="b">2
<input name="v3" type="radio" value="c">3
</form>
<h1>4、ssss？</h1>
<input name="v4" type="radio" value="a">1
<input name="v4" type="radio" value="b">2
<input name="v4" type="radio" value="c">3
</form>
<h1>5、ssss？</h1>
<input name="v5" type="radio" value="a">1
<input name="v5" type="radio" value="b">2
<input name="v5" type="radio" value="c">3
</form>
<br>
<button onclick="check1()">阿西按鈕</button>
    <div id="piechart" style="width: 900px; height: 500px;"></div>

<button type="button">我是按鈕</button>
  </body>
</html>
張貼者： 於 沒有留言:

2016年5月12日 星期四

程式設計工藝大師

2016/5/13
網頁改變圓餅圖
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
<script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart2() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     3],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
<script>
function ShowMeDate() {
　 alert('阿西是智障');
}
</script>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
<button onclick="drawChart2()">阿西按鈕</button>
<button type="button">我是按鈕</button>
  </body>
</html>
張貼者： 於 沒有留言:

2016年4月15日 星期五

程式設計工藝大師

3/18 上課內容 資料顯示於網頁


張貼者： 於 沒有留言:

程式設計工藝大師

BMI





張貼者： 於 沒有留言:

程式設計工藝大師

JAVA HELLO WORLD

public class TestHelloWorld {

public static void main(String[] args) {
// TODO Auto-generated method stub
System.out.println("Hello World!");
}

}
張貼者： 於 沒有留言:

2016年2月18日 星期四

程式設計工藝大師

SQL

import java.sql.Connection;
import java.sql.DriverManager;
public class test {

public static void main(String[] args) {
Connection c = null;
 try {
  Class.forName("org.sqlite.JDBC");
  c = DriverManager.getConnection("jdbc:sqlite:test.db");
 } catch (Exception e) {
  System.err.println(e.getClass().getName() + ": " + e.getMessage());
  System.exit(0);
 }
 System.out.println("Opened database successfully");
}

}

匯出資料庫到網頁

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

$sql = "SELECT * FROM `user`";
$result = $conn->query($sql);

if ($result != null) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "id:" . $row["name"].  $row["passwd"]. "<br>";  
    }
} else {
    echo "0 results";
}
$conn->close();
?>
張貼者： 於 沒有留言:
訂閱： 文章 (Atom)