飛狼實驗室[wp]

參考網址：

一直以來，對戰表的產生總是無法順利完成。看到SVG檔的結構，突發奇想，為什麼要跟樹狀結構硬拼呢？
既然有人可以做出樹狀結構的SVG檔了，就直接拿它來用，只要把資料庫中的人名接上去，就可以完成對戰表了。
感謝ren1244寫出這麼好用的程式，並大方分享。

雙敗淘汰圖形產生器

台部落 用d3.js+svg繪製圓內接正多邊形

it鐵人賽 D3.js新手開發基本圖表

網頁直接編輯環境 https://jsfiddle.net/

文字跟隨曲線排列 [D3]用 D3.js 畫出 SVG 基本圖形 – 文字 text

文字直排 SVG 研究之路 (8) – text 文字

HTML dir Attribute 與 CSS writing-mode  writing-mode: tb 文字直排 

SVG 完整教學 31 天

Is it possible to import svg shapes in d3.js?

getBBox() https://www.zhangxinxu.com/github/demo-Snap.svg/demo/basic/Element.getBBox.php 返回元素的边界框描述

儲存檔案時，要把svg放在div中。

D3.js API 中文手册

svg平移、放大、縮小

s12編組方式(800公尺8個跑道塞12人) by sairwolf@gmail.com 110.12.19
人數<=12 1-8依45367821編排，9-12依成績快慢編排。
人數>12且<=24
13==>6+7
14==>7+7
15==>7+8
16==>8+8

17==>8+9
18==>8+10
19==>8+11
20==>8+12

21==>9+12
22==>10+12
23==>11+12
24==>12+12

人數>24 的部分依<=12人的編排方式即可
//Ｓ形編組 800公尺塞12人
//傳入$source原始一維陣列
function oos_organize_s12($source)  {      
    $group=(int)((count($source)+11)/12);

    //排好後code_update()再調組
    
    //print_r($source);
    if(count($source)>24)  {
        for($j=($group-1);$j>=2;$j--)  {
            $point=count($source)-12;
            //$b_half
            //echo "$j<br>";
            $ss[$j] = array_splice($source,$point);
            //print_r($ss[$j]);                
        }

    }
    //print_r($source);

    $cs=count($source);
    for($i=0;$i<count($source);$i++)  {
        if($cs>=13 and $cs<=16) { //用S形編組
            if(($i/$group)%2==0)  {
                $ss[$i%$group][(int)($i/$group)]=$source[$i];
                //echo $i."==>[".($i%$group)."][".(int)($i/$group)."]".$ss[$i%$group][(int)($i/$group)]."<br>";
            }
            else  {
                $ss[($group-1)-($i%$group)][(int)($i/$group)]=$source[$i];
                //echo $i."==>[".(($group-1)-($i%$group))."][".(int)($i/$group)."]".$ss[($group-1)-($i%$group)][(int)($i/$group)]."<br>";
            }
        }else if($cs>=17 and $cs<=24) { 
            if($i<8)  //第0組先塞滿8人
                $ss[0][$i]=$source[$i];
            else if($i>=20)  //20以後塞第0組
                $ss[0][$i-12]=$source[$i];
            else  //其它的塞第1組
                $ss[1][$i-8]=$source[$i];        
        }else { //用S12編組
            $ss[(int)($i/12)][$i%12]=$source[$i];
            //echo $i."==>[". (int)($i/12) ."][". $i%12 ."]".$ss[(int)($i/12)][$i%12]."<br>";                
        }

    }
    //print_r($ss);
    
    //971001修正為45367821
    //跑道12345678==>01234567
    //名次56123478==>45012367
    //名次75312468==>64201357
    for($i=0;$i<$group;$i++)  {
        $ss_d[$i][0]=$ss[$i][7];
        $ss_d[$i][1]=$ss[$i][6];
        $ss_d[$i][2]=$ss[$i][2];
        $ss_d[$i][3]=$ss[$i][0];
        $ss_d[$i][4]=$ss[$i][1];
        $ss_d[$i][5]=$ss[$i][3];
        $ss_d[$i][6]=$ss[$i][4];
        $ss_d[$i][7]=$ss[$i][5];

        $ss_d[$i][8]=$ss[$i][8];
        $ss_d[$i][9]=$ss[$i][9];
        $ss_d[$i][10]=$ss[$i][10];
        $ss_d[$i][11]=$ss[$i][11];
    }
    
    
    return $ss_d;
    
}  //function oos_organize_s12

參考網址：https://github.com/vcxiaohan/jquery-plugins/tree/master/dragMove

可以用滑鼠拖曳選手，進行更換跑道的動作了。

110/11/19辦理sport11011a市長盃田徑賽的第三天，突然傳來讀取電子計時檔無法順利匯入的問題
出現的是〞window.opener is null〞的錯誤，研判應是瀏覽器更新後造成的。

參考https://www.w3schools.com/jsref/prop_win_opener.asp的範例檔，同樣的瀏覽器卻可以正常執行
所以就把原本的程式改成用window.open的方式開啟，程式就正常運作了。
 

<?php
$url="ele.php?race_id=$race_id&race_group_id=$race_group_id";
//直接開啟ele會出現window.opener is null 的錯誤，改成用window.open開啟
//echo "<a href=$url target='_blank'>ele</a>";
$open_win_str="na_open_window('win','$url',10,50,760,450,0,0,0,1,0)";
echo "&nbsp;&nbsp;&nbsp;<a href=\"javascript:$open_win_str;\">ele2</a>"; 
?>
<script language="JavaScript1.2">
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'yes';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';
  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

</script>