var style=document.createElement("style")


style.innerHTML=`
@charset "UTF-8";
[qd_login_links='login']:before{content:'既にIDをお持ちの方のログインはこちら';}
[qd_login_links='reset_password']:before{content:'パスワードを忘れた場合はこちら';}
[qd_login_links='register_new']:before{content:'新規登録はこちら';}
[qd_login_links]{display:block;}
[qd_login_menu='login']:before{content:'';}
.qd_form[action='#login'] button[type='qd_submit']:before{content:'ログイン';}
.qd_form[action='#register_new'] button[type='qd_submit']:before{content:'新規登録';}
.qd_form[action='#reset_password'] button[type='qd_submit']:before{content:'リセット';}
.qd_form[action='#input_code_ajax'] button[type='qd_submit']:before{content:'コードを確認';}

/* ダミーを消す場合はライブラリを読み込んだときに処理数る
[type='dummy']{
  display:none;
}
 */

/* ロード中の要素の表示を修正 */
[qd_loading='1']{
  opacity:.1;
}
[view]{
  transition:opacity .3s;
}

/* body:not([debug_mode='1'])>div[qd_error_console], */
body:not([qd_developer_mode='1'])>div[qd_error_console]{
  display:none;
}

body>div[qd_error_console]:empty{
  display:none;
}

body>div[qd_error_console]{
  position:fixed;
  bottom:0;
  right:0;
  background:rgba(255,255,255,.8);
  border:1px solid gray;
  z-index:100000;
  min-height:300px;
  min-width:300px;
  max-width:600px;
  pointer-events:none;
}




[type$='format']:not(tr):not([copied]) {
    /* display: none; */
    max-height:1px !important;
    max-width:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    margin:0 !important;
    padding:1px !important;
    pointer-events:none;
    /* display:blockを無理につけると制御で動かないシステムあり */
    /* display:block !important; */
  /* position :fixedとかつけるとアクティブロード（後からロード）できなくなるみたい */
    /* position:fixed; */
    top:0;
    left:0;
    z-index:10000;
    /* display:flex !important; */
    /* displayはblockで良し、なぜなら要素としてだすだけだから */
  }

  tr[type$='format']:not([copied]) {
    display: none;
    max-height:1px !important;
    max-width:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    margin:0 !important;
    padding:1px !important;
    pointer-events:none;
    /* displayはblockで良し、なぜなら要素としてだすだけだから */
  }

  tr[copied] + tr[type$='format']:not([copied]) {
    /* display:table !important; */
  }

  tr[type$='format']:not([copied])>:where(td,th){
    /* display:none; */
  }

/* ロード中の背景変更 */
body[openhttps]:not([openhttps='0'])>*:not([qd_info_window]){
    pointer-events:none;
    /* opacity:.3; */
    /* background:rgba(50,50,50,.7); */
    transition:opacity .3s,background-color .1s;
  }
  body>*{
    transition:opacity 1s,background-color 1s;
  }
  

  /* loading時のアニメーション */

  body[openhttps]{--openhttps:attr(openhttps);}
  body{
    --memory_usage_meter:0;
    --loading_meter:0;
  }
  body[openhttps='0']{--openhttps:'No';}
  body[openhttps='1']{--openhttps:'1';}
  body[openhttps='2']{--openhttps:'2';}
  body[openhttps='3']{--openhttps:'3';}
  body[openhttps='4']{--openhttps:'4';}
  body[openhttps='5']{--openhttps:'5';}
  body[openhttps='6']{--openhttps:'6';}
  body[openhttps='7']{--openhttps:'7';}
  body[openhttps='8']{--openhttps:'8';}
  body[openhttps='9']{--openhttps:'8';}
  body[openhttps='10']{--openhttps:'10';}
  body[openhttps='11']{--openhttps:'11';}
  body[openhttps='12']{--openhttps:'12';}
  body[openhttps='13']{--openhttps:'13';}
  body[openhttps='14']{--openhttps:'14';}
  body[openhttps='15']{--openhttps:'15';}
  body[openhttps='16']{--openhttps:'16';}
  body[openhttps='17']{--openhttps:'17';}
  body[openhttps='18']{--openhttps:'18';}
  body[openhttps='19']{--openhttps:'19';}
  body[openhttps='20']{--openhttps:'20';}



  body:not([openhttps]) [qd_info_window],
  body[openhttps='0'] [qd_info_window]{
      pointer-events:none;
      opacity:0;
      transition:opacity .8s .2s;
  }

  body[openhttps='0'] [gauge]{
    pointer-events:none;
    opacity:0;
    display:none;
}

/* ローディングアイコンの位置及びサイズ調整 */
[qd_loading_info_container]{
  transform: scale(.3,.3) translateY(-10%) translateX(10%);
  transform-origin: bottom right;
}

/* アイコンのカラーパラメータ */
[qd_loading_icon]{
  --background:#8a8a8a;
  --background_inner:#8a8a8a;
  --background:transparent;
  --outer_circle:black;
  --outer_meter:#42f5ad;
}


@media screen and (orientation: portrait) {
  [qd_loading_info_container] {
    height:100vw;
    width:100vw;
    font-size:4vw;
     /* 縦向きの場合専用の追加装飾 */
  }
}


@media screen and (orientation: landscape) {
  [qd_loading_info_container] {
    height:100vh;
    width:100vh;
    font-size:4vh;
     /* 縦向きの場合専用の追加装飾 */
  }
}

  [qd_loading_info_container]{
    position:absolute;
    bottom:0;
    right:0;
  }

  [qd_info_window]{
    transition:opacity .3s;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    z-index:10000;
}

    [qd_info_window]>*{
        margin:0 !important;
        position:absolute;
        height:100%;
        width:100%;
        bottom:0;
        right:0;
    }

    [info]{
        width:50%;
        height:40%;
        position:absolute;
        top: 53%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index:2;
        font-size:100%;
    }

    body [qd_info_window] [upload_status]:before{
      content:'Data uploading... ' var(--uploading_percent_caption);
      display:block;
      text-align:center;
  }


    body [qd_info_window] [upload_status_bar]:before{
      content:var(--data_uploaded) ' / ' var(--data_post_total) ' KB';
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      z-index:4;
      font-size:50%;
      display:block;
      text-align:center;
  }
  body [qd_info_window] [upload_status_bar]{
    position:relative;
    width:100%;
  }

  body [qd_info_window] [upload_status_bar_inner]{
    width:var(--uploading_percent_caption);
    background:greenyellow;
    border:solid 1px green;
    border-radius:1em;
    height:0.5em;
  }

  body [qd_info_window] [upload_status_bar_inner]{
    content:'Data uploading... ' ;
    width:var(--uploading_percent);
  }

    body [qd_info_window] [status]:before{
        content:'Data loading... ' var(--loading_percent);
        display:block;
        text-align:center;
    }
    body[openhttps='0'] [qd_info_window] [status]:before{
        content:'Data transfer completed';
        display:block;
        text-align:center;
    }

    [qd_info_window] [connections]:before{
        content:var(--openhttps) ' connections';
        display:block;
        text-align:center;
    }

    [qd_info_window] [data_compression]:before{
        content:'Data Compression ' var(--compression_ratio) '';
        display:block;
        text-align:center;
    }

    [qd_info_window] [data_count]:before{
        content:var(--data_loaded) ' / ' var(--data_total) ' KB';
        display:block;
        text-align:center;
    }


  [qd_loading_icon]{
        background:var(--background);
        transition:opacity 1s;
        opacity:.9;
    }

    [qd_loading_icon] [gauge_outer]{
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index:1;
        width:65%;
        height:65%;
    }
    [qd_loading_icon] [gauge_outer2]{
        background:var(--outer_circle);
        border-radius:100%;
        width:100%;
        height:100%;
        /* padding:2.5vw; */
        display:block;
        position:absolute;
        top:0;
        left:0;
        margin:0;
    }
    [qd_loading_icon] [gauge_outer2] [rad1] {
        background:var(--outer_meter);
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        width: 92%;
        height: 46%;
        position: absolute;
        content: '';
        top:4%;
        left:4%;
        z-index:1;
        margin:0;

    }
    [qd_loading_icon] [gauge_outer2] [rad2] {
        background:var(--outer_circle);
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        width: 94%;
        height: 46%;
        left:3%;
        top:3%;
        position: absolute;
        content: '';
        transform-origin: bottom center;
        /* transform:rotateZ(var(--memory_usage_meter)); */
        transform:rotateZ(var(--loading_meter));
        transition:transform .2s;
        z-index:2;
        margin:0;
    }
    [qd_loading_icon] [gauge_outer2] [rad3] {
        background:var(--background);
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        width: 92%;
        height: 46%;
        position: absolute;
        content: '';
        transform-origin: bottom center;
        transform:rotateZ(0.5turn);
        top:4%;
        left:4%;
        z-index:3;
        margin:0;
    }


    [qd_loading_icon] [rad4]{
        position:absolute;
        background:var(--outer_circle);
        border-radius:100%;
        width:85%;
        height:85%;
        left:7.5%;
        top:7.5%;
        z-index:4;
        margin:0;
    }


    [qd_loading_icon] [gauge_outer3]{
        position:absolute;
        background:var(--background_inner);
        border-radius:100%;
        width:84%;
        height:84%;
        left:8%;
        top:8%;
        z-index:5;
        margin:0;
    }


    [qd_loading_icon] [gauge] {
    margin:6%;
    position: relative;
    /* font-size: 5vw; */
    /* text-indent: -9999em; */
    /* max-width:300px;
    max-height:300px; */
    width: 88%;
    height: 88%;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    animation: load3 1.4s infinite linear;
  }
  [qd_loading_icon] [gauge]:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
  }
  [qd_loading_icon] [gauge]:after {
    background:var(--background);
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  @-webkit-keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  


/* データ更新中の更新がわかる表記  bodyにqd_default_indication属性がある時だけ */
body[qd_default_indication] [view],[qd_paratition],[view]:before,[qd_paratition]:before{
    transition:opacity 1s ,background-color 1s,color 1s;
}
body[qd_default_indication] [view][qd_update],[qd_paratition][qd_update]{
    transition:opacity .2s ,background-color .2s;
    position:relative;
}

body[qd_default_indication] [qd_update='0']{
    background:rgba(0,0,0,.3);
}

body[qd_default_indication] [qd_update='1']{
    background:rgba(80,80,80,.6);
}

body[qd_default_indication] [qd_update='0']>*{
    opacity:.3;
}

body[qd_default_indication] [qd_update]:not(tr):before,tr[qd_update]>td:before{
    position:absolute;
    margin-top:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    /* top:0;
    left:0;
    right:0;
    bottom:0; */
    color:transparent;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity:1;
    font-size:2em;
    font-weight:900;
}

body[qd_default_indication] [qd_update='0']:not(tr):before,tr[qd_update='0']>td:nth-of-type(1):before{
    content:'updating...';
    color:orange;
}

body[qd_default_indication] [qd_update='1']:not(tr):before,tr[qd_update='1']>td:nth-of-type(1):before{
    content:'updated';
    color:orange;
}

[name][direct_insert]:before,[name2][direct_insert]:after{
  /* display:none !important; */
}
a[name]:before,a[name2]:after{
  display:none !important;
}


/*ページ処理*/
[qd_pager] [qd_page_setter]:before{
  content:attr(data-page);
}

[qd_pager] [qd_page_setter]:not([data-current_page='1']){
  color:#AAA;
}

[qd_pager] [qd_page_setter][data-current_page='1']{
  pointer-events:none;
}

[qd_pager][data-pages='1']{
  display:none;
}
@charset "UTF-8";
[qd_login_links='login']:before{content:'既にIDをお持ちの方のログインはこちら';}
[qd_login_links='reset_password']:before{content:'パスワードを忘れた場合はこちら';}
[qd_login_links='register_new']:before{content:'新規登録はこちら';}
[qd_login_links]{display:block;}
[qd_login_menu='login']:before{content:'';}
.qd_form[action='#login'] button[type='qd_submit']:before{content:'ログイン';}
.qd_form[action='#register_new'] button[type='qd_submit']:before{content:'新規登録';}
.qd_form[action='#reset_password'] button[type='qd_submit']:before{content:'リセット';}
.qd_form[action='#input_code_ajax'] button[type='qd_submit']:before{content:'コードを確認';}

body[qd_login][login='1'] {
    height: auto;
    margin: 0;
    padding: 0;
  }

body[qd_login]  .login * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
  }


  body[qd_login][login='1'] [qd_memeber_area]:not([initial_content='member_top']) ba {
    display: none;
  }

  body[qd_login][login='1'] > #pass_change:target ~ .login #login {
    display: flex;
  }

  body[qd_login][login='1'] .login #login {
    display: none;
  }

  html body[auto_hide_before_login]:not([login='1']) > *:not(.login) {
    /* opacity:0; */
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
    /* display:flex; */
    display: none !important;
  }

  html body[qd_login] > #pass_change:target ~ *:not(.login) {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1;
    display: flex;
    /* display:none; */
  }

  [qd_message='login'] {
    display: none;
  }

  body[qd_login]  .login form .input,body[qd_login] .login input[type=password] {
    font-size: 24px;
    width: 100%;
    padding: 3px;
    margin: 2px 6px 16px 0;
  }

  body[qd_login]  .qd_form[action='#reset_password'] button[type='qd_submit']:before {
    content: 'パスワードの再発行をする';
  }

  #loginform a:-webkit-any-link {
    /*color: -webkit-link;*/
    color: white;
    cursor: pointer;
    text-decoration: underline;
  }

  [qd_login_links='reset_password']:before {
    display: block;
  }

  [qd_login_links='register_new']:before {
    display: block;
  }

  .qd_form[action='#reset_password'] [for='email'] .qd_row {
    visibility: hidden;
  }

  .qd_form[action='#reset_password'] [for='email'] .qd_row:before {
    visibility: visible;
    content: '登録メールアドレス';
  }

  .qd_form[action='#reset_password']:before {
    visibility: visible;
    content: 'パスワードの再発行を行います。\Aご登録時にお使いいただいたメールアドレスを\Aご入力ください。';
    white-space: pre;
    text-align: center;
    display: block;
    margin-bottom: 20px;
  }

  .qd_form[action='#register_new'] button[type='qd_submit']:before {
    content: '上記情報で仮登録する';
  }

  .qd_form[action='#register_new'] [for='email'] .qd_row {
    visibility: hidden;
    display: none;
  }

  .qd_form[action='#register_new'] [for='email']:before {
    visibility: visible;
    content: 'メールアドレス';
  }

  .qd_form[action='#login'] [for='email'] .qd_row {
    visibility: hidden;
    display: none;
  }

  .qd_form[action='#login'] [for='email']:before {
    visibility: visible;
    content: 'メールアドレス';
  }



`;
document.head.appendChild(style);


var qd_log={}
qd_log.error=function(){};
qd_log.info=function(){};
qd_log.warn=function(){};
qd_log.log=function(){};
if(localStorage.debug=='1'){//デバッグモード
  var qd_log=console;
}


function ajax_initializer(){
    let ajax_auto_resume = {
        set: function(obj, prop, value) {
          if (prop === 'openHTTPs') {
            if (!Number.isInteger(value)) {
              throw new TypeError('リクエスト数が整数ではありません');
            }
            if (value > 20) {
              throw new RangeError('リクエストが多すぎます');
            }
            if (value == 0) {
                qd_log.log('通信が終了しました。');
                if(exec=qd_window.functions.shift()){
                    exec();
                }
              }
            }
      
          // 値を保存する既定の挙動
          obj[prop] = value;
        }
      };
      qd_window = new Proxy(window, ajax_auto_resume);
      qd_window.functions=[];
      qd_window.done=function(func){
        qd_window.functions.push(func);
      }
      qd_window.reset=function(){
        qd_window.functions=[];
      }
    
    var oldOpen = XMLHttpRequest.prototype.open;
    qd_window.openHTTPs = 0;
    setTimeout(function(){
          if(document.body){

              document.body.setAttribute('openHTTPs',qd_window.openHTTPs);
          }
      },50);
	qd_window.ajaxes={};
  
    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
	  qd_window.openHTTPs++;
	  document.body.setAttribute('openHTTPs',qd_window.openHTTPs);
	  this.id=(new Date().getTime())+':'+url+':'+qd_window.openHTTPs;
	  this.startTime=(new Date().getTime());
	  this.finishTime=0;
	  qd_window.ajaxes[this.id]=this;
      this.addEventListener("readystatechange", function(){
          if(this.readyState == 4){
			qd_window.openHTTPs--;
			document.body.setAttribute('openHTTPs',qd_window.openHTTPs);
			this.finishTime=(new Date().getTime());
//      console.error(this.id)
      var my_id=this.id;
        var my_func=function(my_id){
          var my_id2=my_id;
          return function(){
            delete qd_window.ajaxes[my_id2];
//            console.error(my_id2);        
          }
        }
          setTimeout(my_func(my_id),1000);
          }
        }, false);
      oldOpen.call(this, method, url, async, user, pass);
    }
};



//ajax_initializer();


function create_loading_icon(){
  var loading_icon=document.createElement("div")
  loading_icon.setAttribute("qd_info_window",1);
  loading_icon.innerHTML=`
<div qd_loading_icon>
  <div qd_loading_info_container>
    <div gauge_outer>
      <div gauge_outer2>
        <div rad1></div>
        <div rad2></div>
        <div rad3></div>
        <div rad4></div>
        <div gauge_outer3>
          <div gauge></div>
        </div>
      </div>
    </div>
    <div info_outer>
      <div info>
        <div connections></div>
        <div upload_status></div>
        <div upload_status_bar><div upload_status_bar_inner></div></div>
        <div status></div>
        <div data_compression></div>
        <div data_count></div>
      </div>
    </div>
  </div>
</div>
`;
  document.body.appendChild(loading_icon);
}

function create_db_error_console(){
  var error_console=document.createElement("div")
  error_console.setAttribute("qd_error_console",1);
  error_console.innerHTML=``;
  document.body.appendChild(error_console);
}



if(performance){
  //parseInt(performance.memory.totalJSHeapSize*10000/performance.memory.jsHeapSizeLimit)/100 + '%'
//  parseInt(performance.memory.totalJSHeapSize*10000/performance.memory.jsHeapSizeLimit)/100 + '%'
//  parseInt(performance.memory.totalJSHeapSize*100/( 1024 * 1024 ) )/100 + 'MB'
//  parseInt(performance.memory.jsHeapSizeLimit*100/( 1024 * 1024 ) )/100 + 'MB'

  function qd_check_memory(){
    var percent=parseInt(performance.memory.totalJSHeapSize*10000/performance.memory.jsHeapSizeLimit)/100;
    document.body.style.setProperty("--memory_usage_meter",percent/200 + 'turn');
  }
//  setInterval(qd_check_memory,500);


  // var timing = window.performance.timing;
  // console.log("リダイレクト: " + (timing.redirectEnd - timing.redirectStart));
  // console.log("APキャッシュ: " + (timing.domainLookupStart - timing.fetchStart));
  // console.log("DNS取得時間: " + (timing.domainLookupEnd - timing.domainLookupStart));
  // console.log("TCP接続時間: " + (timing.connectEnd - timing.connectStart));
  // console.log("リクエスト時間: " + (timing.responseStart - timing.requestStart));
  // console.log("レスポンス時間: " + (timing.responseEnd - timing.responseStart));
  // console.log("DOMの構築時間: " + (timing.domComplete - timing.domLoading));
  // console.log("onLoadイベント: " + (timing.loadEventEnd - timing.loadEventStart));

  
  // for (let resource of performance.getEntriesByType('resource')) {
  //   console.log(resource);
  //   console.log(
  //     'Name: '       + resource.name      + '\n' +
  //     'Entry Type: ' + resource.entryType + '\n' +
  //     'Start Time: ' + parseInt((resource.startTime)*100)/100 + '\n' +
  //     'Duration: '   + parseInt((resource.duration)*100)/100  + '\n' +
  //     'Redirect: '   + parseInt((resource.redirectEnd - resource.redirectStart)*100)/100         + '\n' +
  //     'App Cache: '  + parseInt((resource.domainLookupStart - resource.fetchStart)*100)/100      + '\n' +
  //     'DNS: '        + parseInt((resource.domainLookupEnd - resource.domainLookupStart)*100)/100 + '\n' +
  //     'TCP: '        + parseInt((resource.connectEnd - resource.connectStart)*100)/100           + '\n' +
  //     'Request: '    + parseInt((resource.responseStart - resource.requestStart)*100)/100        + '\n' +
  //     'Response: '   + parseInt((resource.responseEnd - resource.responseStart)*100)/100         + '\n' /*+
  //     'Processing: ' + (resource.loadEventStart - resource.responseEnd)        + '\n'*/
  //   );
  // }


  // var observer_qd1 = new PerformanceObserver(function(list, obj) {
  //   var entries = list.getEntries();
  //   for (var i=0; i < entries.length; i++) {
  //     // Process "mark" and "frame" events
  //   }
  // });
  // //observer_qd1.observe({entryTypes: ["mark", "frame"]});
  // observer_qd1.observe({entryTypes: ["mark"]});

  // function perf_observer(list, observer) {
  //   // Process the "measure" event 
  // }
  // var observer_qd2 = new PerformanceObserver(perf_observer);
  // observer_qd2.observe({entryTypes: ["measure"]});


  // var aPE = [];
  // var observer_qd3 = new PerformanceObserver(function(list) {
  //         var perfEntries = list.getEntries();
  //         for (var i = 0; i < perfEntries.length; i++) {
  //             var p = perfEntries[i];
  //             aPE.push(p);
  //         }
  //     });
  //     observer_qd3.observe( { entryTypes: ["longtask"], buffered: true } );

}



function prepare_Css(){
var style=document.createElement("style")


style.innerHTML=`
body:not([openhttps='0']){
  pointer-events:none;
  opacity:.3;
  background:rgba(50,50,50,.7);
}
body{
  trnasition:opacity 1s,background 1s;
}
`;
document.head.appendChild(style);

}

//prepare_Css();

// パラメータを取得する
var getUrlVars = function(url){
    var vars = {}; 
    if(url){
        try{
            var param = url.split('?')[1].split('&');
        }catch(e){
            var params={};
        }
    }else{
        var param = location.search.substring(1).split('&');
    }
    try{
        for(var i = 0; i < param.length; i++) {
            var keySearch = param[i].search(/=/);
            var key = '';
            if(keySearch != -1) key = param[i].slice(0, keySearch);
            var val = param[i].slice(param[i].indexOf('=', 0) + 1);
            qd_log.log(val);
            if(key != '') vars[key] = decodeURI(val);
        }     
    }catch(e){
        qd_log.warn(e);
        var vars={};
    }
    return vars; 
}

function qd_upload_file(elem,return_func) {
//  let formData = new FormData();           
//  formData.append("myFile", elem.files[0]);
  var postData={};
  if(elem.files){
    qd_log.log("File input要素が渡されました");
    postData["myFile"]=elem.files[0];
  }else{
    qd_log.log("バイナリデータが渡されました");
    postData["myFile"]=elem;
  }
//  console.warn(elem);
//  console.warn(elem.files[0]);
  var func=new ajaxObjReady();
  var base=get_homedir(1);
  var elemP=querySelectorParent(elem,"[type$='format'],[view]");
  if(elemP){
    if(elem.getAttribute('server')){
      var sql_target=elem.getAttribute('server')+'./upload/';
    }else{
      var sql_target=get_homedir(1)+'./upload/';
    }
  }else{
    var sql_target=get_homedir(1)+'./upload/';
  }
  if(!return_func){
    return_func=function(data){
      console.log(data);
    }
  }
  var return_func2=function(data){
    console.log(data);
    if(!data){
      alert("ファイルのアップロードに失敗しました");
    }else{
      return_func(data);
    }
  }


 var func=new ajaxObjReady();
 var func2=func.url(sql_target).base(base).post(postData).connected(return_func2).sync(true).ready();
 func2();


  // await fetch(sql_target, {
  //   method: "POST", 
  //   body: formData
  // }).then(response => response.json()).then(data => func2(data));  
}


// ===== 本システムのホームディレクトリの絶対URLを得る ===============
// [入力]
// ・なし
// [出力]
// ・本システムのホームディレクトリーの絶対URL文字列
//   - 文字列の最後には "/" が付いている。従ってこのURLを元に、別のファ
//     イルやディレクトリーの絶対URLを作る時、付け足す文字列の先頭に "/"
//     は不要である。
//   - 失敗時はnull
// [備考]
// ・JavaScriptにとって、自分のプログラムファイルが置かれている絶対URL
//   を自力で知るのは難しい。理由は、呼び出し側HTMLのカレントURL(絶対
//   URL)が与えられるからだ。
// ・そこで呼び出し側HTMLの中にある、呼び出し元の<script src="...">を探
//   し出し、そのURL情報を使ってカレントURL(絶対URL)に位置補正を行い、
//   自身の絶対URLを検出する。

const qd_commons_script=document.currentScript;
var qd_home_dir={};



function get_homedir(relative_path,targetScript) {//relative_pathはフラグで0 or 1
  if(qd_home_dir[relative_path]&&!targetScript){return qd_home_dir[relative_path];}

    // --- 自分自身に関する情報の設定(自分の位置を検出するために必要) --
//    var sThis_filename    = 'qd_common.js'; // 自分が置かれているファイルの名前(*1)
    var sPath_to_the_home = '';             // ↑自身からホームdirへの相対パス
       // (*1) 同名ファイルが他に存在するなどして、ファイル名だけでは一意
       //      に絞り込めない場合、「<script src="~">で必ず含めると保証さ
       //      れている」のであれば、親ディレクトリーなどを含めてもよい。
       //      例えば、1つのサイトの中の
       //        あるHTMLでは<script src="myjs/script.js">
       //        またあるHTMLでは<script src="../myjs/script.js">
       //      というように、全てのHTMLで "myjs/script.js" 部分を必ず指定
       //      しているなら、他の "otherjs/script.js" と間違わないように、
       //        sThis_filename = 'myjs/script.js' としてもよい。
       //      ただしこの時 sLocation_from_home は、"myjs" の場所から見た
       //      ホームディレクトリーへの相対パスを意味するので注意。
  
    // --- その他変数定義 ----------------------------------------------
    var i, s, le; // 汎用変数
    var sUrl = null; // 戻り文字列格納用
  if(targetScript){
    var currentScript = targetScript;
  }else{
    var currentScript = qd_commons_script;
  }
//    console.log(currentScript);
    s=currentScript.getAttribute('src');
    s=s.split('?')[0];/* キャッシュ対策への対応 */
//    if (s.length < sThis_filename.length) {continue;}
//    if (s.substr(s.length - sThis_filename.length) !== sThis_filename) {continue;}
    var s2=s.split('/');
    s2.pop();
    s=s2.join('/');
  //  s = s.substr(0,s.length - sThis_filename.length);
//    if ((s.length>0) && s.match(/[^\/]$/)) {continue;}
    sUrl = s + sPath_to_the_home;
    sUrl = (sUrl.match(/\/$/)) ? sUrl : sUrl+'/';


//     // --- 自JavaScriptを読んでいるタグを探し、homedir(相対の場合あり)を生成
//     le = document.getElementsByTagName('script');
//     for (i=0; i<le.length; i++) {
//         qd_log.log(le[i]);
//       if(!le[i].getAttribute('src')){continue;}
//       s = le[i].getAttribute('src');
// //      qd_log.log("(`･ω･´)")
// //      var script_path=s;
//       s=s.split('?')[0];/* キャッシュ対策への対応 */
//       if (s.length < sThis_filename.length) {continue;}
//       if (s.substr(s.length - sThis_filename.length) !== sThis_filename) {continue;}
//       s = s.substr(0,s.length - sThis_filename.length);
//       if ((s.length>0) && s.match(/[^\/]$/)) {continue;}
//       sUrl = s + sPath_to_the_home;
//       sUrl = (sUrl.match(/\/$/)) ? sUrl : sUrl+'/';
// //      qd_log.log(sUrl);
//       break;
//     }
//     
// 
//     
// 
//    if (i >= le.length) {
//      return null;             // タグが見つからなかったらnullを返して終了
//    }
  
    // --- 絶対パス化(.や..は含む) -------------------------------------
    if (sUrl.match(/^http/i)) {
      // httpから始まるURLになっていたらそのままでよい
      if(!targetScript){
        qd_home_dir[relative_path]=sUrl;
      }
      return sUrl;

    }
    else if (sUrl.match(/^https/i)) {
      if(!targetScript){
        qd_home_dir[relative_path]=sUrl;
      }
//      qd_home_dir[relative_path]=sUrl;
      return sUrl;

    }
    else if (sUrl.match(/^\//)   ) {
      // httpから始まらないが絶対パスになっている場合はhttp～ドメイン名までを先頭に付ける
      if (! location.href.match(/^(https?:\/\/[:a-z0-9:.-]+)/i)) {return null;}
      sUrl = RegExp.$1 + sUrl;

    }else {
      // 相対パスになっている場合は呼び出し元URLのディレクトリまでの部分を先頭に付ける
      sUrl = location.href.replace(/\/[^\/]*$/, '/') + sUrl;
    }
    // --- カレントディレクトリ表記(.)を除去 ---------------------------
    while (sUrl.match(/\/\.\//)) {
      sUrl = sUrl.replace(/\/\.\//g, '/');
    }
  
    // --- 親ディレクトリ表記(..)を除去 --------------------------------
    sUrl.match(/^(https?:\/\/[:A-Za-z0-9:.-]+)(\/.*)$/);
    s    = RegExp.$1;
    sUrl = RegExp.$2;
    while (sUrl.match(/\/\.\.\//)) {
      while (sUrl.match(/^\/\.\.\//)) {
        sUrl = sUrl.replace(/^\/\.\.\//, '/');
      }
      sUrl = sUrl.replace(/^\/\.\.$/, '/');
      while (sUrl.match(/\/[^\/]+\/\.\.\//)) {
        sUrl = sUrl.replace(/\/[^\/]+\/\.\.\//, '/');
      }
    }
    sUrl = s + sUrl;
    var p=location.href.split('/');
    p.pop();
    var current_path=p.join('/')+'/';
    if(relative_path){

      if(!targetScript){
        qd_home_dir[relative_path]=abspath2rel(current_path,sUrl);
      }


      return abspath2rel(current_path,sUrl);
    }else{
      if(!targetScript){
        qd_home_dir[relative_path]=sUrl;
      }

//      qd_home_dir[relative_path]=sUrl;
        return sUrl;
    }
  
    // --- 正常終了 ----------------------------------------------------

  }

  function abspath2rel(base_path, target_path) {
	var tmp_str = '';
	base_path = base_path.split('/');
	base_path.pop();
	target_path = target_path.split('/');
	while(base_path[0] === target_path[0]) {
		base_path.shift();
		target_path.shift();
	}
	for (var i = 0; i< base_path.length; i++) {
		tmp_str += '../';
	}
	return tmp_str + target_path.join ('/');
}


function qd_load_view_multi(dataset,finalize_function,server){
    var data={params:{},reload_function:function(){}}
    var func=new ajaxObjReady();
    var sql_target=get_homedir(1)+'./views/';
    if(server){/**server指定するとそこからデータを読み出しします */
      var sql_target=server+'./views/';
    }
    var base=get_homedir(1);
    var getData={};
    var postData={};
    var reload_functions={};
    postData.queries=[];
    for(var i=0;i<dataset.length;i++){
        postData.queries.push(dataset[i].params);
        if(!dataset[i].reload_function){
            dataset[i].reload_function=function(data){
                qd_log.warn(data);
    //            alert('データを取得しました');
            }
    //        reload_function=function(){}
        }
        reload_functions[i]=dataset[i].reload_function;
    }
    var reload_function=function(datas){
        for(var i=0;i<datas.results.length;i++){
            reload_functions[i](datas.results[i]);
        }
        if(typeof finalize_function == 'function'){
            finalize_function(datas);
        }
    }
//    getData['command']='multi_data';
    postData['queries']=JSON.stringify(postData.queries);
    var func2=func.url(sql_target).base(base).get(getData).post(postData).connected(reload_function).sync(true).ready();
	func2();
}


function qd_load_view(params,reload_function){
    var func=new ajaxObjReady();
    var sql_target=get_homedir(1)+'./view_dealer.php';
    var getData={};
    var postData={};
    getData['command']='data';
    postData['params']=JSON.stringify(params);
    if(!reload_function){
        reload_function=function(data){
//            alert('データを取得しました');
        }
//        reload_function=function(){}
    }
    var func2=func.url(sql_target).get(getData).post(postData).connected(reload_function).sync(true).ready();
	func2();
}

function querySelectorParent(elem,css){
    if(!elem){return false;}
	if(elem.tagName.toUpperCase()=='BODY'||elem.tagName.toUpperCase()=='HTML'){
		return false;
	}
	if(elem.matches(css)){
		return (elem);
	}else{
		if(elem.parentNode){
			return (querySelectorParent(elem.parentNode,css));
		}else{
			return false;
		}

	}

}

function realpath (path) {
    //  discuss at: https://locutus.io/php/realpath/
    // original by: mk.keck
    // improved by: Kevin van Zonneveld (https://kvz.io)
    //      note 1: Returned path is an url like e.g. 'https://yourhost.tld/path/'
    //   example 1: realpath('some/dir/.././_supporters/pj_test_supportfile_1.htm')
    //   returns 1: 'some/_supporters/pj_test_supportfile_1.htm'
  
    if (typeof window === 'undefined') {
      var nodePath = require('path')
      return nodePath.normalize(path)
    }
  
    var p = 0
    var arr = [] // Save the root, if not given
    var r = this.window.location.href // Avoid input failures
  
    // Check if there's a port in path (like 'https://')
    path = (path + '').replace('\\', '/')
    if (path.indexOf('://') !== -1) {
      p = 1
    }
  
    // Ok, there's not a port in path, so let's take the root
    if (!p) {
      path = r.substring(0, r.lastIndexOf('/') + 1) + path
    }
  
    // Explode the given path into it's parts
    arr = path.split('/') // The path is an array now
    path = [] // Foreach part make a check
    for (var k in arr) { // This is'nt really interesting
      if (arr[k] === '.') {
        continue
      }
      // This reduces the realpath
      if (arr[k] === '..') {
        /* But only if there more than 3 parts in the path-array.
         * The first three parts are for the uri */
        if (path.length > 3) {
          path.pop()
        }
      } else {
        // This adds parts to the realpath
        // But only if the part is not empty or the uri
        // (the first three parts ar needed) was not
        // saved
        if ((path.length < 2) || (arr[k] !== '')) {
          path.push(arr[k])
        }
      }
    }
  
    // Returns the absloute path as a string
    return path.join('/')
  }


function nl2br(str){ //改行コードをbrになおす
	if( 'string' != typeof str ){
		return str; 
	}else{
		return str.replace(/(\r\n|\r|\n)/g, '<br />'); 
	}
}
function nl2br_content(str){ //改行コードをbrになおす
	if( 'string' != typeof str ){
		return str; 
	}else{
		return str.replace(/(\r\n|\r|\n)/g, '\\A'); 
	}
}


qd_cookie='';
if(!localStorage.access_keys){
    localStorage.access_keys=JSON.stringify({});
}

function getDomain(url){
//    qd_log.warn(url);
    if(!url){return '_'}
    var r=null
    if (!url.match(/^(https?:\/\/[a-z0-9.-]+)/i)) {return '_';}
    var d=RegExp.$1;
//    qd_log.warn(d);
    return d;
}
function getDir(url){
    if(!url){return '_'}
    var dir_pp=url.split('?');
    var dir_p=dir_pp[0].split('/');
    dir_p.pop();
    var dir=dir_p.join('/');
    dir=realpath(dir);
    return dir+'/';
}


function qd_put_values_to_form(forms,values){
    qd_log.log(values);
    for(var i in values){
//          if(form[i]){
        var form=forms.querySelector("[name='"+i+"']:not([type='hidden'])")
              qd_log.log(form);
              qd_log.log(i);
            try{
                if(form.getAttribute('type')=='checkbox'){
                    if(values[i]==1){
                        form.checked=true;
                    }
                }else if(form.matches("input,textarea,select,button")){
                    form.value=values[i];
                }else{
                    form.value=values[i];
                    form.innerHTML=values[i];
                }
            }catch(e){
                if(values[i]==1){
//                form.checked=true;
                }
            }
 //         }
      }
  }
  

function qd_getData(elem){

        switch (elem.tagName){
          case 'INPUT':
                switch (elem.type){
                  case 'radio':
                      if(elem.checked){return elem.value;}
                    break;
                  case 'checkbox':
                      if(elem.value){
                        if(elem.checked){
                            //サーチ用の複数のcheckboxを相手にした場合にはアレイを作成する
                            return elem.value;
                        }else{
                            return null;
                        }  
                      }else{
                        if(elem.checked){
                            //サーチ用の複数のcheckboxを相手にした場合にはアレイを作成する
                            return 1;
                        }else{
                            return 0;
                        }  
                      }
                    break;
                  default:
                        return elem.value;
                    break;
                }
            break;
          case 'SELECT':
              return elem.value;

            break;
          case 'DIV':
          case 'UL':
          case 'LI':
          case 'SPAN':
          case 'PRE':
          default:
              return elem.innerHTML;
            break;
        }
}

function resetLoadingBytes(){
  document.body.style.setProperty("--data_loaded", "'0'");
  document.body.style.setProperty("--data_total", "'0'");
  document.body.style.setProperty("--loading_meter",'0' + 'turn');
  document.body.style.setProperty("--loading_percent","'0%'");
  document.body.style.setProperty("--compression_ratio","'0%'");
}

function checkLoadingBytes(){
  var loading_sum=0;
  var total_sum=0;
  var real_sum=0;
    for(var i in qd_window.ajaxes){
//        console.warn(qd_window.ajaxes[i].readyState);
      try{
        var orig_length=parseInt(qd_window.ajaxes[i].getResponseHeader('Uncompressed-Content-length'));
      }catch(e){
        console.warn(e);
        var orig_length=null;
      }
      if(!isNaN(orig_length)){
        loading_sum+=qd_window.ajaxes[i].responseText.length;
        total_sum+=orig_length;
        real_sum+=parseInt(qd_window.ajaxes[i].getResponseHeader('Content-length'));  
      }
//            console.log(qd_window.ajaxes[i].readyState,i,qd_window.ajaxes[i].responseText.length,qd_window.ajaxes[i].getResponseHeader('Uncompressed-Content-length'));
    }
    var percent=parseInt(loading_sum*10000/total_sum)/100;
    var compression_ratio=parseInt(real_sum*10000/total_sum)/100;
    document.body.style.setProperty("--data_loaded", "'"+parseInt(loading_sum/1024).toLocaleString() + "'");
    document.body.style.setProperty("--data_total", "'"+parseInt(total_sum/1024).toLocaleString() + "'");
    document.body.style.setProperty("--loading_meter",percent/200 + 'turn');
    document.body.style.setProperty("--loading_percent","'"+percent + "%'");
    document.body.style.setProperty("--compression_ratio","'"+compression_ratio + "%'");
    qd_log.log(percent+'%')
  }


  function checkUploadingBytes(loaded,post_total){
    var cnt=0;
      for(var i in qd_window.ajaxes){
        cnt++
        }
        if(cnt==1){
          if(post_total==0){
            document.body.style.setProperty("--data_uploaded", "'0'");
            document.body.style.setProperty("--data_post_total", "'0'");
            document.body.style.setProperty("--uploading_percent","'100%'");
            document.body.style.setProperty("--uploading_percent","100%");
          }else{
            var percent=parseInt(loaded*10000/post_total)/100;
            document.body.style.setProperty("--data_uploaded", "'"+parseInt(loaded/1024).toLocaleString() + "'");
            document.body.style.setProperty("--data_post_total", "'"+parseInt(post_total/1024).toLocaleString() + "'");
            document.body.style.setProperty("--uploading_percent_caption","'"+percent + "%'");
            document.body.style.setProperty("--uploading_percent",""+percent + "%");
            qd_log.log(percent+'%')
          }
        }
  }
  

function ajaxObjReady(){
	/*
	 * methodは
	 * url(通信先のURL)
	 * mehtod(postとすればPOST通信)
	 * data(配列のデータを入れる)
	 * sync(疑似同期処理にするかどうか)
	 * ready()データ送受信の実行関数を返す
	 * exec() prepareが終わった関数をそのまま実行します。readyが同時に実行され、通信がスタートします？
	 * post() post用のデータをセットする
	 * get() get用のデータをセットする
	 * login(ID,Password) Basic認証用のID,PASSWORDをセットする
	 * ここから下はready()で得られた関数でも使用可能
	 *
	 * prepare(通信前に実行する関数を入れる)
	 * connected(接続成功時に実行する関数を入れる（通信時の返り値を引数とする）)
	 * error(通信エラーが出た時に実行する関数を入れる)
	 * done(とりあえず実行する関数を入れる)
	 * reset(関数の実行をリセットする)
	 *
	 */
			qd_log.log('旧式のajaxObj使ってるです');
	//	this.setFunction(ajaxFunc,failFunc);
			this.xmlhttp=false;
			this.xmlhttp=new XMLHttpRequest();
      this.xmlhttp.onprogress = function(event) {
        var total=parseInt(event.target.getResponseHeader('Uncompressed-Content-Length'), 10)
        console.log(parseInt(total/102.4)/10 + "K Byte");
        console.log(parseInt(event.loaded / total * 10000)/100 + "%");
        checkLoadingBytes();
//        console.log((event.loaded / event.total * 100) + "%");
//        console.log(event.total);
//        console.log(event);

        // var headers=event.target.getAllResponseHeaders();
        // console.log(headers);
        // headers_array={};
        // headers_array_prime=headers.split('\n');
        // for(i=0;i<headers_array_prime.length;i++){
        //   var str=headers_array_prime[i].split(":")[1];
        //   if(str){
        //     headers_array[headers_array_prime[i].split(":")[0]]=(str).trim();
        //   }
        // }
        // console.log(headers_array);
        // console.log(JSON.stringify(headers_array));

      }
    
      this.xmlhttp.upload.onprogress = function (e) {
        if (e.lengthComputable) {
          checkUploadingBytes(e.loaded,e.total);
        }else{
          checkUploadingBytes(0,0);
        }
      }

			this.xmlhttp.self=this.xmlhttp;
			this.xmlhttp.prepareFunctions=[];
			this.xmlhttp.errorFunctions=[];
			this.xmlhttp.successFunctions=[];
			this.xmlhttp.doneFunctions=[];
			this.data2='';
			this.url2='';
			this.base2='';
			this.method2='post';
			this.user='';
			this.pass='';
			this.post2=null;
			this.get2=null;
			this.sync=true;
					/* レスポンスデータ処理 */
			var my_addPrepareFunction=function(ajaxFunc){this.xmlhttp.prepareFunctions=this.xmlhttp.prepareFunctions.concat(ajaxFunc);return this;}
			var my_addSuccessFunction=function(ajaxFunc){this.xmlhttp.successFunctions=this.xmlhttp.successFunctions.concat(ajaxFunc);return this;}
			var my_addErrorFunction=function(ajaxFunc){this.xmlhttp.errorFunctions=this.xmlhttp.errorFunctions.concat(ajaxFunc);return this;}
			var my_addFunction=function(ajaxFunc){this.xmlhttp.doneFunctions=this.xmlhttp.doneFunctions.concat(ajaxFunc);return this;}
			var my_resetFunction=function(){
					this.xmlhttp.errorFunctions=[];
					this.xmlhttp.successFunctions=[];
					this.xmlhttp.prepareFunction=[];
					this.xmlhttp.doneFunction=[];
					return this;
			}
	
			var sync=function(sync){
					this.sync=sync;
					return this;
			}
			this.sync=sync.bind(this);
			this.addPrepareFunction=my_addPrepareFunction.bind(this);
			this.addSuccessFunction=my_addSuccessFunction.bind(this);
			this.addErrorFunction=my_addErrorFunction.bind(this);
			this.addFunction=my_addFunction.bind(this);
			this.resetFunction=my_resetFunction.bind(this);
	
			this.prepare=my_addPrepareFunction.bind(this);
			this.connected=my_addSuccessFunction.bind(this);
			this.error=my_addErrorFunction.bind(this);
			this.done=my_addFunction.bind(this);
			this.reset=my_resetFunction.bind(this);
	
			this.url=function(my_url){
					this.url2=my_url;
					return this;
			}
			this.base=function(my_base){
                this.base2=my_base;
                this.xmlhttp.base=my_base;
                return this;
        }

			var post=function(my_data){
					this.post2=my_data;
					qd_log.log(this.post2);
					return this;
			}
			this.post=post.bind(this);
	
			var get=function(my_data){
					this.get2=my_data;
					qd_log.log(this.get2);
					return this;
			}
			this.get=get.bind(this);
	
			this.method=function(my_method){
					this.method2=my_method;
					return this;
			}
			this.login=function(my_id,my_pass){
					this.user=my_id;
					this.pass=my_pass;
					return this;
			}
					/* HTTPリクエスト実行 */
	
			var prepareExec=function(){
					for(var i=0;i<this.xmlhttp.prepareFunctions.length;i++){
							if(typeof(this.xmlhttp.prepareFunctions[i])=='function'){
									if((this.xmlhttp.prepareFunctions[i]).ajax){/* prepareしてる時にajaxで何かする時は */
											var my_func=this.xmlhttp.prepareFunctions[i];
											this.xmlhttp.prepareFunctions[i]=null;
											my_func.done(this.ready());
											return my_func;
									}else{
											this.xmlhttp.prepareFunctions[i](this.responseText);
											this.xmlhttp.prepareFunctions[i]=null;
									}
					}
					}
					return false;
			}
			var ready=function(){
                    this.xmlhttp.onreadystatechange=function(){//xml通信オブジェクトは、呼び出される時にそれそのものをthis=xmlhttpとして扱えるらしい
							if(this.readyState==4){
	//        		var jsonData=null;
									try{
                      var jsonData=JSON.parse(this.responseText);
//                      document.body.setAttribute('login',jsonData['login']);
//qd_log.table(jsonData['login']);
									}catch(e){
											qd_log.log('json形式のデータではありませんでした');
											var jsonData=this.responseText;
									}
									/* ★HTTP通信エラー検出 */
									switch(this.status || this.statusText){
											case 200:
											case "OK":
                                                try{
                                                    var access_keys=JSON.parse(localStorage.access_keys);
                                                }catch(e){
                                                    var access_keys={};
                                                }
                                                // var vars=getUrlVars(this.responseURL);
                                                // qd_log.log(this.base);
                                                // qd_log.warn(vars);
                                                // if(vars['qd_access_key']){
                                                //   if(!this.base){
                                                //     this.base=getDir(this.responseURL);
                                                //   }
                                                //     access_keys[this.base]=vars['qd_access_key'];
                                                if( !this.getResponseHeader('qd_access_key')){
                                                  qd_log.warn("no key we get(´・ω・`)");
                                                }else{

                                                      access_keys[this.base]=this.getResponseHeader('qd_access_key');

  //                                                    qd_log.warn('new KeyGet(´・ω・`)!!',getDir(this.responseURL),vars['qd_access_key']);
                                                      qd_log.warn('new KeyGet(´・ω・`)!!',getDir(this.responseURL),access_keys[this.base]);
  //                                                    qd_log.log(JSON.parse(localStorage.access_keys)[getDir(this.responseURL)]);
  //                                                    qd_log.log(JSON.parse(localStorage.access_keys)[this.base]);
  //                                                    qd_log.log('new KeyGet(´・ω・`)!!',this.responseURL);
  //                                                }
                                                  localStorage.access_keys=JSON.stringify(access_keys);
                                                }
                                              //                                                qd_log.warn(getDomain(url));
//                                                qd_log.warn(getDomain(url));
//                                                qd_log.warn(access_keys);
//                              qd_log.log(this);
//                              qd_log.log(this.getResponseHeader("login_status"));
//                              qd_log.log(this.getResponseHeader("login_id"));
//                              qd_log.log(this.getResponseHeader("user_id"));

//                                                    qd_cookie = xmlhttp.getResponseHeader("qd_cookie");

													qd_log.log('通信成功');
													for(var i=0;i<this.successFunctions.length;i++){
															if(typeof(this.successFunctions[i])=='function'){
																	this.successFunctions[i](jsonData);
	//								qd_log.log(this.successFunctions[i]+'');
															}else{
			//							qd_log.log('it is not function'+successFunctions[i]);
															}
													}
			//					}
													break;
											case 401:
											case "Unauthorized":
													alert('通信失敗 Unauthorized');
													for(var i=0;i<this.errorFunctions.length;i++){this.errorFunctions[i](this.responseText);}
													z_logIn();
	
													break;
											case 403:
											case "Forbidden":
													alert('通信失敗 Forbidden');
													for(var i=0;i<this.errorFunctions.length;i++){this.errorFunctions[i](this.responseText);}
													break;
											case 404:
											case "Not Found":
//                            alert('通信失敗 Not Found');
													qd_log.warn("Not Found");
													for(var i=0;i<this.errorFunctions.length;i++){this.errorFunctions[i](this.responseText);}
													break;
											case 500:
											case "Internal Server Error":
													alert('通信失敗 Internal Server Error');
													for(var i=0;i<this.errorFunctions.length;i++){this.errorFunctions[i](this.responseText);}
													break;
											default:
													alert('不明なエラー');
											for(var i=0;i<this.errorFunctions.length;i++){this.errorFunctions[i](this.responseText);}
									}
	//				qd_log.log(this.doneFunctions);
									for(var i=0;i<this.doneFunctions.length;i++){if(typeof(this.doneFunctions[i])=='function'){this.doneFunctions[i](jsonData);}}
	//			return(jsonData)
							};
					};
	
					/*Ajax*/
					if(this.url2){
                            var url=this.url2;
                            if(this.base2){
                                var base=this.base2;
                            }else{
                                var base=getDir(this.url2);
                                this.base2=getDir(this.url2);

                            }
							var method=this.method2;
							var user=this.user;
							var pass=this.pass;
							var data=this.data2;
							var postD=this.post2;//これ、オブジェクトはreturn functionの中に持ち越せない(｀；・ω・´)
							var getD=this.get2;//これ、オブジェクトはreturn functionの中に持ち越せない(｀；・ω・´)
							var sync=this.sync;
							var xmlhttp=this.xmlhttp;
							var post='';
							if(typeof(postD)=='function'){//関数で渡された場合は、実行して配列に直してから使用する
									qd_log.log('んと・・・post用のデータがファンクションできた( ´・ω・；｀)');
									var postD=postD();
							}
							var postData = new FormData();
              let post_count=0;
							for(var i in postD){
                post_count++;
                qd_log.log(i);
                if(typeof postD[i]=='object'){
                    qd_log.log("オブジェクトです");
											postData.append(i, postD[i]);
									}else{
//                    post+=i+'='+encodeURIComponent(encodeURIComponent(postD[i]))+'&';
                    postData.append(i, encodeURIComponent(postD[i]));
									}
							}
							var get='';
							if(typeof(getD)=='function'){//関数で渡された場合は、実行して配列に直してから使用する
									var getD=getD();
							}
							for(var i in getD){
									get+=i+'='+getD[i]+'&';
							}
							var prepareExec2=prepareExec.bind(this);
							this.exec2= function(){
                                    //クッキー使うため
									my_func=prepareExec2();
									if(!my_func){
                                        try{
                                            var access_keys=JSON.parse(localStorage.access_keys);
                                        }catch(e){
                                            var access_keys={};
                                        }
                                        var getAttached=false;
                                        if(url.indexOf('?')!=-1){
                                            getAttached=true;
                                        }
                                        var key=access_keys[getDir(base)];
                                        qd_log.log(access_keys);
                                        qd_log.warn('I have Key(´・ω・`)!!',getDir(base),key);

//                                        qd_log.warn(domain);
                                            if(getAttached && get && key){
                                                url+='&'+get+'&';
                                            }else if(get && key){
                                                url+='?'+get+'&';
                                            }else if(get){
                                                url+='?'+get;
                                            }else if(getAttached && key){
                                                url+='&';
                                            }else if(key){
                                                url+='?';
                                            }else if(qd_commons_script.matches("[developer_mode='1'],[dummy_data_mode='1']")){
                                              url+='?';
                                            }
                                                    if(key){
                                                        url+='qd_access_key='+key;
                                                    }
                                                    if(qd_commons_script.matches("[developer_mode='1']")){
                                                      url+='&qd_developer_mode='+'1';
                                                    }
                                                    if(qd_commons_script.matches("[dummy_data_mode='1']")){
                                                      url+='&qd_dummy_data_mode='+'1';
                                                    }

//                                                    if(post){
                                                    if(post_count){
//                                                      if(postData){
                              															qd_log.log('postモードで送信');
                                                            xmlhttp.open(method,url,true,user,pass);
                                                            // if(qd_cookie){
                                                            //     xmlhttp.setRequestHeader('Content-Language', qd_cookie);
                                                            if(key){
                                                              xmlhttp.setRequestHeader('qd_access_key', key);
                                                            }
                                                            if(qd_commons_script.matches("[developer_mode='1']")){
                                                              xmlhttp.setRequestHeader('qd_developer_mode', 1);
                                                            }
                                                            if(qd_commons_script.matches("[dummy_data_mode='1']")){
                                                              xmlhttp.setRequestHeader('qd_dummy_data_mode', 1);
                                                            }
        
                                                            // }
                                                            qd_log.info('Postされるデータ(｀・ω・´)p');
//                                                            xmlhttp.withCredentials = true; 
//                                                            credentialsをtrueにするとローカルで動かない
                              xmlhttp.send(postData);
//            var f=waitingFunctions(this.successFunctions.concat(this.doneFunctions));
//            postDataF(url, postD).then(data => f(data)).catch(error => qd_log.error(error));
          

													}else{
															qd_log.log('getモードで送信');
                                                            xmlhttp.open(method,url,true,user,pass);
                                                            if(key){
                                                              xmlhttp.setRequestHeader('qd_access_key', key);
                                                            }
                                                            // if(qd_cookie){
                                                            //     xmlhttp.setRequestHeader('Content-Language', qd_cookie);
                                                            //     xmlhttp.setRequestHeader('qd_cookie', qd_cookie);
                                                            // }
//                                                            xmlhttp.withCredentials = true;
//                                                            credentialsをtrueにするとローカルで動かない
															xmlhttp.send();
													}
			//				}else{
			//					xmlhttp.open(method2,url+'?'+data,true,user,pass);
			//				}
											return(xmlhttp);
							this.ajaxObject=xmlhttp;
									}else{
											qd_log.log('prepare系にajaxが入ってる( ´・ω・；｀)っ動作チェック足りない');
											my_func();
											return false;
									}
							};
	//			this.exec.self=this;
							this.exec2.ajax=true;
							this.exec2.sync=sync;
							this.exec2.addFunction=my_addFunction.bind(this);
							this.exec2.addPrepareFunction=my_addPrepareFunction.bind(this);
							this.exec2.addSuccessFunction=my_addSuccessFunction.bind(this);
							this.exec2.addErrorFunction=my_addErrorFunction.bind(this);
							this.exec2.resetFunction=my_resetFunction.bind(this);
							this.exec2.prepare=my_addPrepareFunction.bind(this);
							this.exec2.connected=my_addSuccessFunction.bind(this);
							this.exec2.error=my_addErrorFunction.bind(this);
							this.exec2.done=my_addFunction.bind(this);
							this.exec2.reset=my_resetFunction.bind(this);
							this.exec2.ready=ready.bind(this);
							return(this.exec2);
					}
			};
			this.ready=ready.bind(this);
			var exec=function(){this.ready()()};
			this.exec=exec.bind(this);
			this.exec.ajax=true;
			this.exec.sync=this.sync;
			this.exec.addFunction=my_addFunction.bind(this);
			this.exec.addPrepareFunction=my_addPrepareFunction.bind(this);
			this.exec.addSuccessFunction=my_addSuccessFunction.bind(this);
			this.exec.addErrorFunction=my_addErrorFunction.bind(this);
			this.exec.resetFunction=my_resetFunction.bind(this);
	//	this.exec.prepareExec=prepareExec.bind(this);
			this.exec.prepare=my_addPrepareFunction.bind(this);
			this.exec.connected=my_addSuccessFunction.bind(this);
			this.exec.error=my_addErrorFunction.bind(this);
			this.exec.done=my_addFunction.bind(this);
			this.exec.reset=my_resetFunction.bind(this);
    }
    
function waitingFunctions(functions){
    var f=functions;
    qd_log.log(f);
    return function(jsonData){
        // try{
        //     var jsonData=JSON.parse(txt);
        // }catch(e){
        //         qd_log.log('json形式のデータではありませんでした');
        //         var jsonData=txt;
        // }

        qd_log.log('関数実行');
        for(var i=0;i<f.length;i++){
                if(typeof(f[i])=='function'){
                        f(jsonData);
                }
        }
    }
}

function postDataF(url = '', data = {}) {
qd_log.log(data)
  // 既定のオプションには * が付いています
    return fetch(url, {
        method: "POST", // *GET, POST, PUT, DELETE, etc.
        mode: "cors", // no-cors, cors, *same-origin
        cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
        credentials: 'include', // include, same-origin, *omit
        headers: {
            "Content-Type": "application/json; charset=utf-8",
            // "Content-Type": "application/x-www-form-urlencoded",
        },
        redirect: "follow", // manual, *follow, error
        referrer: "no-referrer", // no-referrer, *client
        body: JSON.stringify(data), // 本文のデータ型は "Content-Type" ヘッダーと一致する必要があります
    })
    .then(response => response.json()); // レスポンスの JSON を解析
}




// ロード後に読まれる関数の配列が定義されていないなら初期化
if (typeof qd_loaded_function == 'undefined') {
  qd_loaded_function=[];
}

qd_loaded_function.push(function(){
  ajax_initializer();
  create_loading_icon();
  create_db_error_console();
  if(qd_commons_script.getAttribute('developer_mode')=='1'){
    document.body.setAttribute('qd_developer_mode',1);
  }
});

  
/* DOMが読み込み終わったら実行する */
window.addEventListener('DOMContentLoaded', 
function(){
  for(let i=0;i<qd_loaded_function.length;i++){
    qd_loaded_function[i]();
  }
  qd_loaded_function=[];
})

/*外部から読み出された時のアクション */
if(document.currentScript.getAttribute('async_load')){
  for(let i=0;i<qd_loaded_function.length;i++){
    qd_loaded_function[i]();
  }
  qd_loaded_function=[];
}


 function current_timestamp(){
  return Math.floor(Date.now() / 1000);
}

let qd_developer_console={};
qd_developer_console.error_log=function(data){
  const error_console=document.querySelector("body>[qd_error_console]");
  var elem=document.createElement('div');
  elem.innerHTML=data;
  error_console.insertBefore(elem,error_console.firstChild);
//  console.error(data);
}

function nl2br(str){ //改行コードをbrになおす
    if( 'string' != typeof str ){
        return str; 
    }else{
        return str.replace(/(\r\n|\r|\n)/g, '<br />'); 
    }
}
  
  function clearTable(target,targetCss){
      var existing_datas=target.querySelectorAll(":scope>[type$='format'][copied]:not([prevent_clear]");
//      console.warn(target.child);

      for(var i=existing_datas.length-1;i>=0;i--){
      if(targetCss){
        if(existing_datas[i].matches(targetCss)){
          existing_datas[i].parentNode.removeChild(existing_datas[i]);
        }
      }else{
        existing_datas[i].parentNode.removeChild(existing_datas[i]);
      }

      console.warn(existing_datas[i]);
    }
  }

  function setDataToListByQuery(query){
    return function(data){
      qd_log.log("クエリベース")
      setDataToList(document.querySelector(query))(data);
    }
  }

  
  function setDataToElemWithQuery(elem,query){/* 元ある要素は消しません */
    var base=elem;
    return function(d){
      var datas=d.datas;
//    setDataToElement(document.querySelector(query))(data);
      if(datas){
        if(d.datas.body){
          var datas=d.datas.body;
          var header=d.datas.header;  

          for(var i=0;i<datas.length;i++){
            var q=query;
            if(typeof(query) == "function"){
              var q=query(datas[i],header);    
            }
            if(t=base.querySelector(q)){
      //        qd_log.log(t);
              var format=t.querySelector("[type$='format']:not([copied])");
//              var copied=format.cloneNode(true);
              var copied=qd_prepare_new_dataelement(format)

//        qd_log.log("データを挿入するです( ´・ω・｀)")
              copied=setDataToElement(copied)(datas[i],header);  
//              format.parentNode.insertBefore(copied,format.nextElementSibling);
              format.parentNode.insertBefore(copied,format);
      //        qd_log.info(datas[i].ordering)
      //        qd_log.log(copied);
            }
          }


        }else{
          for(var i=0;i<datas.length;i++){
                var q=query;
                if(typeof(query) == "function"){
                var q=query(datas[i]);    
              }
            if(t=base.querySelector(q)){
      //        qd_log.log(t);
              var format=t.querySelector("[type$='format']:not([copied])");
//              var copied=format.cloneNode(true);
              var copied=qd_prepare_new_dataelement(format)

              //        qd_log.log("データを挿入するです( ´・ω・｀)")
              copied=setDataToElement(copied)(datas[i]);  
//              format.parentNode.insertBefore(copied,format.nextElementSibling);
              format.parentNode.insertBefore(copied,format);
      //        qd_log.info(datas[i].ordering)
      //        qd_log.log(copied);
            }
          }
        }      
      }
    }
  }

  function setDataToList(target,noClearData){
    var t=target;
    if(!t){
      return function(d){
        qd_log.warn("データ挿入用エレメントが存在しません");
      }
    }
    return function (d){
//            f(d);
//      var datas=d.datas;
    if(!noClearData){
      if(target.qd_children){
        qd_remove_dataElements(target)
      }else{
        clearTable(target);
      }
    }
  if(d.datas){
    if(d.datas.body){
      var datas=d.datas.body;
      var header=d.datas.header;  
    }else{
      var datas=d.datas;
      var header=null;
    }
    qd_log.log(d);
    qd_log.log(datas);
//        qd_log.log(t);
        var format=t.querySelector("[type$='format'],[qd_type$='format']");
//        qd_log.log(format);
        if(t.dataset.index){
          t.dataset[t.dataset.index]=datas.length;
        }
        t.dataset.count=datas.length;
        qd_log.warn(t,datas.length);
        var p=0;
        var s=0;
      for(var i=0;i<datas.length;i++){
//        var copied=format.cloneNode(true);
        var copied=qd_prepare_new_dataelement(format)
//        copied.prepare_function_for_each=format.prepare_function_for_each;
//        copied.loading_function_for_each=format.loading_function_for_each;
//        copied.loaded_function_for_each=format.loaded_function_for_each;
//        qd_log.log("データを挿入するです( ´・ω・｀)")
        copied=setDataToElement(copied)(datas[i],header);
//        format.parentNode.insertBefore(copied,format.nextElementSibling);
        format.parentNode.insertBefore(copied,format);


        }
        if(target.loaded_function){//load後の関数があればそれを実行
          qd_log.log("ロード後ファンクションあり");
          target.loaded_function(target);
        }else{
          qd_log.log("ロード後ファンクションなし");
        }

      }else{
        if(t.dataset.index){
          document.body.dataset[t.dataset.index]=0;
        }else{
          t.dataset.count=0;
        }

      }
    }
  }


  function get_hole_id(datas){
    var key=-1;
    var ids=[];
    qd_log.log(datas);
    if(!datas){
      return ids;
    }
    for(var i=0;i<datas.header.length;i++){
      if(datas.header[i]=='id'){
        key=i;
        break;
      }
//      qd_log.log(i,key);
    }
//    qd_log.log(key);

    if(key>-1){
      for(var i=0;i<datas.body.length;i++){
//        qd_log.log(i,key);
        ids.push(datas.body[i][key]);
      }
    }else{
      qd_log.error(key);
    }
//    qd_log.log(ids);
    return ids;
  }

  function qdSetPage(format,rows){
    var page_controler=format.querySelector(":scope>[qd_page_control]");
    if(page_controler){
//      page_controler.dataset.rows=rows;
      var rows_a_page=parseInt(page_controler.getAttribute('rows'));
      var mod=0;
      if(rows % rows_a_page == 0){}else{mod=1;}
      format.setAttribute('rows',rows);

      format.setAttribute('current_page',page_controler.dataset.page);
      var page_count=(rows - rows % rows_a_page) / rows_a_page + mod;
      format.setAttribute('page_count', page_count);
      if(format.pager){
        format.pager.dataset.pages=page_count;
        format.pager.dataset.page=page_controler.dataset.page;
        try{
          qd_create_pager_elem(format.pager,page_count,page_controler.dataset.page);
        }catch(e){
          console.warn(e);
        }

      }      

    }
}
  function qd_create_pager_elem(pager,page_count,page){
    var pager_elem=pager.querySelector("[qd_page_setter]:not([data-page])");
    var pager_elems=pager.querySelectorAll("[qd_page_setter][data-page]");
    qd_log.error(pager_elem);
    qd_log.error(pager_elems);
    for(var i=pager_elems.length - 1; i >=0;i--){
      pager_elems[i].parentNode.removeChild(pager_elems[i]);
    }
    for(var i=0;i<page_count;i++){
      var p=pager_elem.cloneNode(true);
      p.dataset.page=i + 1;
      if(i==0){
        p.dataset.first_page=1;
      }
      if(i+1==page){
        p.dataset.current_page='1';
      }
      p.dataset.from_center=i + 1 - page;
      pager_elem.parentNode.appendChild(p);
    }
    if(page_count>0){
      p.dataset.last_page=1;
    }
  }


  function setDataToFormat(target,noClearData){
    var t=target;/*なぜかtはundefinedになる*/
    var t2=target;
    if(t2.prepare_function_prime){//load前の関数があればそれを実行
      t2.prepare_function_prime(t2);
    }
  if(!t){
      return function(d){
        qd_log.error("データ挿入用エレメントが存在しません");
      }
    }
    return function (d){
//      qd_log.error(format,t,t2);
      if(t2.prepare_function){//load前の関数があればそれを実行
        t2.prepare_function(t2);
      }
      t=t2;
      var format=t2;
      qd_loading_status(format,0);
      if(d.datas){
        // var page_controler=format.querySelector(":scope>[qd_page_control]");
        // if(page_controler){
        //   page_controler.dataset.rows=d.rows;
        // }
        qdSetPage(format,d.rows);
        var newData=JSON.stringify(d.datas);
//        format.setAttribute('ids',get_hole_id(d.datas).join(","));
        if(t2.datas==newData && !t2.matches("[force_redraw]") && !t2.querySelector(":scope>[qd_element_arrange]")){
//          console.log(t2);
          qd_log.log(format,'データ変更なし');
        }else{
//          qd_log.log(t2.datas);
//          qd_log.log(d.datas);
            if(!noClearData){/*データが同じ時はテーブルクリアしないようにしてる*/
//              qd_log.log(target);
//              console.warn(target.parentNode.innerHTML);
              target.parentNode.child=target;
              qd_log.log("データありのクリアテーブル",target);

              if(target.qd_children){
                qd_remove_dataElements(target)
              }else{
//                clearTable(target);
                clearTable(target.parentNode,"[view='"+format.getAttribute('view')+"']");
              }
//              clearTable(target.parentNode,"[view='"+format.getAttribute('view')+"']");
//              console.error("dataset.idsをクリアしないのはまずそうだけど・・・");
              format.dataset.ids='';
          }
          t2.datas=JSON.stringify(d.datas);
//          console.error(t2);
//          console.error(t2.loading_function);
          if(t2.loading_function){/**ロード用関数があればそれを使う */
            t2.loading_function(t2)(d);
          }else{
            var datas=d.datas.body;
            var header=d.datas.header;
//            qd_log.log(d);
//            qd_log.log(datas);
//            qd_log.log(t2);
            var fragment = new DocumentFragment()
                var t=format.parentNode;
        //        .querySelector("[type='format']");
        //        qd_log.log(format);
            if(t){
                if(t.dataset.index){
                  t.dataset[t.dataset.index]=datas.length;
                }
                t.dataset.count=datas.length;
//                qd_log.warn(t,datas.length);
              }
              format.dataset.count=datas.length;
              var p=0;
              var s=0;
                for(var i=0;i<datas.length;i++){
//                    var copied=format.cloneNode(true);
                    var copied=qd_prepare_new_dataelement(format);
                    qd_loading_status(copied,0);


            //         copied.format=format;
            //         if(target.loaded_function){//load後の関数があればそれをコピー
            //           copied.loaded_functino=target.loaded_function;
            //         }
            //         if(target.prepare_function){//load後の関数があればそれをコピー
            //           copied.prepare_function=target.prepare_function;
            //         }
                    copied=setDataToElement(copied)(datas[i],header);
                    /* queryで挿入場所を決める場合には */
                    if(copied.querySelector(":scope>[qd_element_arrange]")){
//                      ez_arrange(copied,target)//挿入先が指定されている場合は属性値に従って要素を挿入する
                      ez_arrange(copied)//挿入先が指定されている場合は属性値に従って要素を挿入する
                    }else{
                      fragment.appendChild(copied);
                    }
//          format.parentNode.insertBefore(copied,format);
                }
//                qd_log.error(format)
//                format.parentNode.insertBefore(fragment,format.nextElementSibling);    
                format.parentNode.insertBefore(fragment,format);    
                if(format.tagName=='OPTION'){//OPTIONの場合はロードされたタイミングですでに別の値がセットされ損ねている可能性がある
                  format.parentNode.value=format.parentNode.dataset.value;
                }
              }
              /*　持ってるIDを全部データとしてformatに置く、この値の変化をチェックして露ロードさせることができる */
              format.dataset.ids=get_hole_id(d.datas).join(",");
        }
      }else{
        if(d.error){
          qd_developer_console.error_log(d.error);
        }
//        console.error(format);
        qdSetPage(format,0);
        var t=format.parentNode;
            if(t){
                if(t.dataset.index){
                  t.dataset[t.dataset.index]=0;
                }
                t.dataset.count=0;
              }

        format.dataset.ids='';
        format.dataset.count=0;
//        console.warn(datas);
        if(!noClearData){/*データが同じ時はテーブルクリアしないようにしてる*/
          qd_log.log("データなしのクリアテーブル",target);
          if(target.qd_children){
            qd_remove_dataElements(target)
          }else{
//                clearTable(target);
            clearTable(target.parentNode,"[view='"+format.getAttribute('view')+"']");
          }
//          clearTable(target.parentNode,"[view='"+format.getAttribute('view')+"']");
        }
        t2.datas=null;
//        qd_log.log(t);
        if(t.dataset.index){
          document.body.dataset[t.dataset.index]=0;
        }else{
          t.dataset.count=0;
        }
      }
      if(target.loaded_function){//load後の関数があればそれを実行
        target.loaded_function(format);
      }
//      return(format);

    }
  }


  function ez_arrange(elem,base){//これ、マーカーの位置を
    var base=elem.format;
    const paramsElem=elem.querySelector(":scope>[qd_element_arrange]")
    let parent_prime=null;
    let parent=null;
    let marker=null;
    let Selector=paramsElem.getAttribute('target');
    let markerSelector=paramsElem.getAttribute('target_marker');
    for(let i in paramsElem.dataset){
      Selector=Selector.split("[:"+i+"]").join(elem.dataset[paramsElem.dataset[i]]);
    }
    if(markerSelector){
      for(let i in paramsElem.dataset){
        markerSelector=markerSelector.split("[:"+i+"]").join(elem.dataset[paramsElem.dataset[i]]);
      }
    }else{
      markerSelector=null;
    }
//    qd_log.log(Selector)
    if(paramsElem.getAttribute("scope")){/*祖先要素を探す */
//      console.warn(elem,paramsElem.getAttribute("scope"));
        parent_prime=querySelectorParent(base,paramsElem.getAttribute("scope"));//elemhはまだこの時点ではツリーに所属していない
//        qd_log.warn(parent_prime.innerHTML);
        if(!parent_prime){
          parent_prime=document.body;
//          qd_log.warn('スコープ動いてない')
        }else{
//          qd_log.warn(parent_prime);
        }
        parent=parent_prime.querySelector(Selector);
        try{
          if(markerSelector){
            marker=parent_prime.querySelector(markerSelector);
          }else{
            marker=null;
          }
        }catch(e){
          console.warn(e);
          marker=null;
        }

    }else{
        parent=document.querySelector(Selector);
        try{
          if(markerSelector){
            marker=document.querySelector(markerSelector);
          }else{
            marker=null;
          }
        }catch(e){
          console.warn(e);
          marker=null;
        }


    }
//    qd_log.error(parent)
//console.warn("(´・ω・`)",marker);
    if(parent){
//      parent.appendChild(elem);
      if(marker){
        if(marker.parentNode==parent){
//          qd_log.warn(marker);
//          qd_log.warn(parent);
//          qd_log.warn("マーカーと親要素の関係がおかしいです");
          parent.insertBefore(elem,marker);
        }else{
          marker.parentNode.insertBefore(elem,marker);
        }
      }else{
        parent.appendChild(elem);
      }
    }else{
        qd_log.warn(elem,'のリンク先が見つかりません');
        console.warn(Selector);
    }

  }



  function qd_children_add(elems_pre){
    var elems=elems_pre;
    return function(data,func){
      var assoc_data={};    
      var my_func=func;
      qd_log.error(data);
      if(data.body){
        for(var i=0;i<data.header.length;i++){
          assoc_data[data.header[i]]=data.body[0][i];
        }
      }
        for(var i=0;i<elems.length;i++){
        qd_child_add(elems[i],assoc_data);
      }
      console.log(elems);
      multi_ez_update(elems,my_func);
    }


  }
  function qd_child_add(elem,data){
    qd_log.warn(data);
    if(!elem){
      return false;
    }
    // var elems=elem.querySelectorAll(":scope>[qd_linked_data]");//これh UPDATEに移動しました
    // if(elems){
    //   for(var i=0;i<elems.length;i++){
    //     var scope=elems[i].getAttribute('scope');
    //     var target=elems[i].getAttribute('target');
    //     qd_log.log(scope);
    //     if(!scope){
    //       var parent=document.body;
    //     }else{
    //       var parent=querySelectorParent(elem,scope);
    //     }
    //     qd_log.log(parent);
    //     if(!parent){
    //       parent=document.body;
    //     }
    //     if(!target || parent.matches(target)){
    //         var data_target=parent;
    //     }else{
    //       var data_target=parent.querySelector(target);
    //     }  
    //     qd_log.log(target);
    //     qd_log.log(data_target);
    //     for(var j in elems[i].dataset){
    //       elem.dataset[j]=data_target.dataset[elems[i].dataset[j]];
    //     }
    //   }  
    // }
    var link=elem.querySelector(":scope>[qd_linked_add]");
    console.log(link);
    console.log(data);
    if(link){
      for(var i in link.dataset){
        elem.dataset[i]=data[link.dataset[i]];
      }
    }
  }

  function qd_link_data_with_bofere_update(elem){
    var elems=elem.querySelectorAll(":scope>[qd_linked_data]");
    if(elems){
      for(var i=0;i<elems.length;i++){
        var scope=elems[i].getAttribute('scope');
        var target=elems[i].getAttribute('target');
        qd_log.log(scope);
        if(!scope){
          var parent=document.body;
        }else{
          var parent=querySelectorParent(elem,scope);
        }
        qd_log.log(parent);
        if(!parent){
          parent=document.body;
        }
        if(!target || parent.matches(target)){
            var data_target=parent;
        }else{
          var data_target=parent.querySelector(target);
        }  
        qd_log.log(target);
        qd_log.log(data_target);
        for(var j in elems[i].dataset){
          elem.dataset[j]=data_target.dataset[elems[i].dataset[j]];
        }
      }  
    }

  }

  function ez_add(elem,func,asReturnFunction){
    var orig=querySelectorParent(elem,"[type][target]");
    const Selector=orig.getAttribute("target");
    let parent_prime=null;
    let parent=null;
    if(orig.getAttribute("scope")){/*祖先要素を探す */
      parent_prime=querySelectorParent(orig,orig.getAttribute("scope"));
      qd_log.log(parent_prime);
      if(!parent_prime){parent_prime=document.body;}
      parent=parent_prime.querySelector(Selector);
    }else{
      parent=document.querySelector(Selector);
    }

    var inter_func=null;
    if(orig.getAttribute('children')){
//      alert("作りかけです");
      try{
        var additional_data_elems=document.querySelectorAll(orig.getAttribute('children'));
        additional_data_elems;
        if(additional_data_elems.length){
          inter_func=qd_children_add(additional_data_elems);
        }
      }catch(e){
        qd_log.warn(e);
      }
    }
    console.warn(orig);
//    return false;


    if(asReturnFunction){
      let p=parent;
      let o=orig;
      let f=func;
      return function(){
//        console.error(inter_func.toString());
        addDataToFormatFromElem(p,o,f,inter_func);
        qd_claerFormValue(o);
        // let items=o.querySelectorAll("input[name]:not([type='checkbox']):not([type='radio']),textarea[name]");
        // for(let i = 0;i<items.length;i++){
        //   items[i].value='';
        //   updateValue(items[i]);
        // }
      }
    }else{
      addDataToFormatFromElem(parent,orig,func,inter_func);
      //入力欄初期化
      qd_claerFormValue(orig);
      // let items=orig.querySelectorAll("input[name]:not([type='checkbox']):not([type='radio']),textarea[name]");
      // for(let i = 0;i<items.length;i++){
      //   items[i].value='';
      //   updateValue(items[i]);
      // }
    }
  }
  function qd_claerFormValue(elem){
    qd_log.log('次の要素がリセットされます',elem);
    let items=elem.querySelectorAll("input[name]:not([type='checkbox']):not([type='radio']),textarea[name]");
    for(let i = 0;i<items.length;i++){
//      qd_log.log(items[i]);
      items[i].value='';
      updateValue(items[i]);
    }

  }

 function addDataToFormatFromElem(target,orig,func,interFunc){
   console.warn(func,"(｀；・ω・´)っ関数受け取りました")
   console.warn(interFunc);
//   return false;

   addDataToFormat(target,func,interFunc)(orig.dataset); 
 }

  function addDataToFormat(target,func,interFunc){
    var t=target;/*なぜかtはundefinedになる*/
    var t2=target;
    var my_func=func;
    var my_interfunc=interFunc;
//    qd_log.error('(`･ω･´)v',t);
//    qd_log.error(t2);
  if(!t){
      return function(d){
        qd_log.error("データ挿入用エレメントが存在しません");
      }
    }
    return function (data){//ここのデータは連想配列を受けている
      if(t2.prepare_function){//load前の関数があればそれを実行
        t2.prepare_function(t2);
      }
      t=t2;
      var format=t2;
      if(data){
            var fragment = new DocumentFragment()

                var t=format.parentNode;
                var p=0;
                var s=0;
                console.warn(format);
                var copied=qd_prepare_new_dataelement(format)
                var body=[];
                var head=[];
                for(var i in data){
                  body.push(data[i]);
                  head.push(i);
                }
                copied=setDataToElement(copied)(body,head);

                qd_log.error("要素追加");
                qd_log.error(copied);
                if(copied.querySelector(":scope>[qd_element_arrange]")){
                  //                      ez_arrange(copied,target)//挿入先が指定されている場合は属性値に従って要素を挿入する
                  ez_arrange(copied)//挿入先が指定されている場合は属性値に従って要素を挿入する
                  
                }else{
                  fragment.appendChild(copied);
                  console.warn('アレンジしなーい');
                }
//              format.parentNode.insertBefore(fragment,format.nextElementSibling);    
              format.parentNode.insertBefore(fragment,format);    
      }
      if(format.loaded_function){//load後の関数があればそれを実行
        format.loaded_function(format);
      }
      console.warn(my_interfunc);
      ez_update(copied,my_func,my_interfunc);
    }
  }


  function qd_prepare_new_dataelement(format){
    var copied=format.cloneNode(true);
    if(!format.qd_children){
      format.qd_children=[];
    }
    format.qd_children.push(copied);
    copied.format=format;


    if(format.loaded_function){//load後の関数があればそれをコピー
      copied.loaded_functino=format.loaded_function;
    }
    if(format.prepare_function){//load前の関数があればそれをコピー
      copied.prepare_function=format.prepare_function;
    }
    copied.prepare_function_for_each=format.prepare_function_for_each;
    copied.loading_function_for_each=format.loading_function_for_each;
    copied.loaded_function_for_each=format.loaded_function_for_each;

    return copied;
  }
  function qd_remove_dataelement(elem){
    try{
      var index = elem.format.qd_children.indexOf(elem);
      if(index){
        elem.format.qd_children.splice(index,1);
      }
      if(elem.parentNode){
        elem.parentNode.removeChild(elem);
      }
    }catch(e){
      console.error(e);
    }
  }

  function qd_remove_dataElements(format){
    qd_log.error("要素削除、テーブルクリア");
    var targets=format.qd_children;
    qd_log.warn(targets);
    format.datas=false;
    if(!targets){
      return false;
    }
    for(var i=0;i<targets.length;i++){
      var target=targets[i];
      qd_log.warn(target)
      if(target){
        if(target.parentNode){
          try{
            qd_log.warn(target.parentNode)
            target.parentNode.removeChild(target);  
          }catch(e){
            qd_log.warn("削除しようとした要素はすでにremove済ぽい");
            qd_log.warnt(e);
          }
        }

      }

    }
    format.qd_children=[];

  }



  function setDataToElementSingle(elem){
    var func=setDataToElement(elem);
    return function(datas){
      func(datas.datas.body[0],datas.datas.header);
    }
  }


  function setDataToElement(elem, mode){
  var copied=elem;

    //type='format'じゃない、ただのコンテナの場合はデータが空になったときにDeleteflagを
    if(elem.getAttribute('type')!='format'){
      delete(elem.dataset.Delete);
    }

//    delete(elem.dataset.Delete);
    //デリートフラグが立ってる時はそれを削除しないとデータが消滅してしまう事故が発生する    
    if(copied.prepare_function_for_each){//load前の関数があればそれを実行
      copied.prepare_function_for_each(copied);
    }
    if (mode == 'shade') {
      var shades = elem.querySelectorAll("[data-shade]");
      for (var i = 0; i < shades.length; i++) {
          shades[i].removeAttribute('data-shade');
      }
    } else {
        elem.removeAttribute('shade');
    }

  return function (data,header){
    var orig=null;
    if(copied.parentNode){/* エレメント直接書き込みの場合は新しいエレメント作成してreplaceする */
      orig=copied;
    }

    var elem=null;
    var anc=copied.querySelector("a[anchor]");
    if(anc && anchor && data.no_contents!='1'){
        anc.href='#'+data[anchor];
    }
//    qd_log.error(data);
    qd_loading_status(copied,0);
    if(!data){
      if(copied.getAttribute('keep_it')!='1'){
        qd_log.log("削除します",copied);
          if(copied.getAttribute('keep_it')!='2'){
            copied.parentNode.removeChild(copied);
          }else{
            qd_log.log("keep_itが2だから削除しない")
            copied.dataset.delete("Delete");
            if(copied.getAttribute('type')!='format'){
//              delete(copied.dataset.Delete);
//              copied.removeAttribute("data-Delete");
            }


          }
      }else{
        qd_log.log("即座に削除はしません",copied);
        copied.setAttribute('keep_it',0);
      }


      let partition=copied;/*書き換えが面倒なのでそのまま名前だけ置き換え */
      let elem=copied;/*書き換えが面倒なのでそのまま名前だけ置き換え */
      let qd_delete_delay=4500;
//      let qd_update_delay=3000;
      if(!isNaN(parseInt(partition.getAttribute('qd_delete_delay')))){
        qd_delete_delay=parseInt(partition.getAttribute('qd_delete_delay'));
      }
      // if(!isNaN(parseInt(partition.getAttribute(qd_update_delay)))){
      //   qd_update_delay=parseInt(partition.getAttribute(qd_update_delay));
      // }

//      if(elem.getAttribute('keep_it')=='0' && elem.dataset.Delete=='1'){
        console.error(qd_delete_delay);
       if(elem.getAttribute('keep_it')=='0'){
           console.error("要素が削除されます");
          setTimeout(function(){if(partition){partition.removeAttribute('qd_update');}},qd_delete_delay);
         setTimeout(function(){if(elem){elem.parentNode.removeChild(elem);console.error(elem)}},qd_delete_delay + 500);
       }
      return false;
    }else{
//       if(data instanceof Array){//Objectで判定するとArrayでもひっかかる(´；･ω･`)
//         console.log(data);
//         header2=[];
//         for(var i=0;i<header.length;i++){
// //          header.push(i);
//           header2[header[i]]=i;
//         }


//       }else{
// //        header=[];
//          header2={};
//         for(var i in data){
// //          header.push(i);
//           header2[i]=i;
//         }
//       }
    }
    if(copied.getAttribute('update')=='0'){
      copied.setAttribute('update','1');
    }
//     qd_log.error(data instanceof Object);
//     qd_log.warn(data);
    // qd_log.error(copied);
//    for(var j in data){
  if(copied.laoding_function_for_each){
    copied.laoding_function_for_each(elem)(data,header);
  }else{

    if (copied.querySelector(":scope >[data_update_key]")) {
      var datakeeper = copied.querySelector(":scope >[data_update_key]");
//      for (var j in data) {
//  console.log(header,data);
      for(var j=0;j<data.length;j++){
//          datakeeper.dataset[j] = data[j];
          datakeeper.dataset[header[j]]=data[j];
      }
    }

    for(var j=0;j<data.length;j++){
//        qd_log.warn(j,header[j],data[j]);
      try{
        copied.dataset[header[j]]=data[j];
        copied.style.setProperty('--'+header[j]+'_raw', data[j]);
        copied.style.setProperty('--'+header[j], "'"+nl2br_content(data[j])+"'");
        var targetCss=":where([name2='"+header[j]+"'],[name='"+header[j]+"']):where(img,a,iframe,object,select,option,input,textarea,video,source,[json_base],[direct_insert],[value_insert])";
        if(copied.matches(targetCss)){//要素が自分自身だった場合そこも処理する
          qd_log.log("親要素にデータ挿入");
            setDataToEachElement(copied,data[j],mode);
        }
        elems=copied.querySelectorAll(targetCss);        
        if(elems.length){
          for(var k=0;k<elems.length;k++){
            if(elems[k].matches("[key_item]")){
              copied.setAttribute("data_name",data[j])
            }
            var elem=elems[k];
            if(elem.matches("[name2='"+header[j]+"']")){
                qd_log.log("2nd name");
                querySelectorParent(elem.parentNode,'[type]').dataset[elem.getAttribute('name')]=qd_filterValueGet(elem,data[j]);

            }
            setDataToEachElement(elem,data[j],mode);
            continue;
          }
        }else{
  //        qd_log.log(j+'はデータとして挿入されませんでした');
        }
      }catch(e){
        console.warn(e);
      }


    }
  }
    //セレクタ系のCSSを設定
    qd_process_selector_on_element(copied);
    //value連動型のCSSを生成
    qd_process_css_on_element(copied);

    if(copied.loaded_function_for_each){//load後の関数があればそれを実行
      copied.loaded_function_for_each(copied);
    }

    if(orig){/* エレメント直接書き込みの場合は新しいエレメント作成してreplaceする */
//      orig.parentNode.replaceChild(copied,orig);
//      qd_log.error(copied);
    }else{
      copied.setAttribute('copied',1);
    }
  return copied;
  }
}



function setDataToEachElement(elem, data, mode) {
  if (!elem) {
//        console.warn("要素がありません。");
//        console.warn(elem);
//        console.log(data);
      return false;
  }
  if (data === undefined) {//データが定義されてなければ空白文字列にする
      data = '';
  }

//   if(elem.matches("[qd_set_function]")){
//     const function_names=elem.getAttribute("qd_set_function");
//     const function_name_array=function_names.split(" ");
//     for(let i=0;i<function_name_array.length;i++){
//       if(qd_set_functions[function_name_array[i]]){
//         try{
// //          console.log(qd_set_functions[function_name_array[i]])
//           data=qd_set_functions[function_name_array[i]](elem)(data);
//         }catch(e){
//           console.warn(e);
//         }
//       }
//     }

//   }
  data=qd_filterValueSet(elem,data);
  /*サーバーと手元のデータで差分があった場合に、データが違う部分を入れていく処理 */
  if (mode == 'shade') {
    if (elem.matches("[json_base]")) {
        try {
            var json_datas = JSON.parse(data)
        } catch (e) {
            var json_datas = {};
        }
        for (var i in json_datas) {
            console.log(i, json_datas[i]);
            console.log("[json_name='" + i + "']");
            elem.style.setProperty('--'+i+'_raw', json_datas[i]);
            elem.style.setProperty('--'+i, "'"+nl2br_content(json_datas[i])+"'");
    
            setDataToEachElement(elem.querySelector("[json_name='" + i + "']"), json_datas[i], 'shade');
        }
        return false;
    } else if (elem.parentNode) {
        if (elem.dataset.value != data) {
            elem.parentNode.dataset.shade = data;
        }
    }
    return false;
  }


  if(elem.matches("[value_insert]")){
    elem.setAttribute('value',data);
    return false;
  }

  if (mode == 'json') {
      if (elem.matches("[json_base]")) {
          try {
              var json_datas = JSON.parse(data)
          } catch (e) {
              var json_datas = {};
          }
          for (var i in json_datas) {
              console.log(i, json_datas[i]);
              console.log("[json_name='" + i + "']");
              setDataToEachElement(elem.querySelector("[json_name='" + i + "']"), json_datas[i], 'json');
          }
          return false;
      } else if (elem.parentNode) {
          if (elem.dataset.value != data) {
              elem.parentNode.dataset.shade = data;
          }
      }
      return false;
  }
  elem.dataset.value = data;
  switch (elem.tagName) {
      case 'IMG':
        // if (data.indexOf("http") == 0) {
          //     elem.setAttribute("src", data);
          // } else if (elem.getAttribute('base_url')) {
          //     elem.setAttribute("src", elem.getAttribute('base_url') + data[j]);
          // } else {
          //     elem.setAttribute("src", get_homedir() + '../' + data);
          // }
          elem.dataset.src=data;
          if(data.indexOf("http")==0){
            elem.setAttribute("src",data);              
          }else if(elem.getAttribute('base_url')){
            elem.setAttribute("src",elem.getAttribute('base_url')+data);
          }else{
//              elem.setAttribute("src",get_homedir()+'../'+data[j]);
            elem.setAttribute("src",get_homedir()+'files/'+data);
          }

          break;
      case 'IFRAME':
          elem.setAttribute("src", data);
          console.warn('IFRAME');
          break;

      case 'A':
          //                    elem.href=datas[i][j];
          if (data) {
              if (data.indexOf("http") == 0 || data.indexOf("/")==0 || data.indexOf("./")== 0 || data.indexOf("../")== 0) {
                  elem.href = data;
              } else {
//                  elem.href = get_homedir() + '../' + data;
                  elem.href = get_homedir() + 'files/' + data;
              }
              //                      elem.href=datas[i][j];
              if (!elem.innerHTML) {
                console.error("(´・ω・`)",elem);
                  elem.innerHTML = nl2br(data);
              }
          }
          break;
      case 'OBJECT':
          elem.setAttribute('data', data);
          break;
      case 'SELECT':
          elem.value = data;
//          console.warn(elem.innerHTML);
          break;
        case 'OPTION':
            elem.value = data;
            elem.innerHTML = data;
            break;
        case 'INPUT':
          //            console.log(elem);
          try {

              if (elem.getAttribute('type').toUpperCase() == 'CHECKBOX') {
//                  if (elem.getAttribute('value') == data) {
                  if (elem.value == data) {
                      elem.checked = true;
                  } else {
                      elem.checked = false;
                  }
              } else if (elem.getAttribute('type').toUpperCase() == 'RADIO') {
                  //                console.log(elem,data[j],elem.getAttribute('value'));
//                  if (elem.getAttribute('value') == data) {
                  if (elem.value == data) {
                      console.log(true);
                      //                elem.setAttribute("checked",'true');
                      //elem.click();
                      elem.checked = true;
                      //                console.log(elem.checked);
                  } else {
                      console.log(false);
                      elem.checked = false;
                  }
                  // type="date"の場合の関数追加
              } else if (elem.getAttribute('type').toUpperCase() == 'DATE') {
                  const date_ymd = data.split('T');
                  elem.value = date_ymd[0];
              } else {
                  if (elem.getAttribute('type').toUpperCase() == 'TEXT') {
                      elem.setAttribute('value', data);
                  }
                  elem.value = data;
              }
          } catch (er) {
              console.warn(er);
              elem.value = data;
          }

          break;
      case 'TEXTAREA':
          elem.value = data;

          break;
      case 'VIDEO':
          elem.setAttribute('poster', data);
          break;
      case 'SOURCE':
          elem.setAttribute('src', data);
          break;
      case 'LABEL':
          if (!elem.innerHTML) {
              elem.innerHTML = nl2br(data);
          }
          break;
      default:
          //      console.warn(elem);

          if (elem.matches("[json_base]")) {
//                console.warn(elem);
              var json_elems = elem.querySelectorAll("[json_name]");
              try {
                  for (var i = 0; i < json_elems.length; i++) {
                      setDataToEachElement(json_elems[i], '');
//                elem.dataset[json_elems[i].getAttribure('name')]='';
                  }
              } catch (e) {
//                    console.warn(i, json_elems.length);
//              var json_datas={};
              }
              try {
                  var json_datas = JSON.parse(data)
              } catch (e) {
//                    console.warn(e);
                  var parent = querySelectorParent(json_elems[0].parentNode, '[type]');
//                    console.log(parent)
                  if (parent.querySelector(":scope >input:first-child")) {
                      var json_datas = {};
                      updateValue(json_elems[0]);
                      var json_base = querySelectorParent(json_elems[0], '[json_base]');
                      var field_name = json_base.getAttribute('name');
                      var datakeeper = parent.querySelector(":scope >input:first-child");
                      datakeeper.dataset[field_name] = parent.dataset[field_name];
                  }


              }

              for (var i in json_datas) {
//                    console.log(i, json_datas[i]);
//                    console.log("[json_name='" + i + "']");
                  setDataToEachElement(elem.querySelector("[json_name='" + i + "']"), json_datas[i]);
              }

          } else {
              if (elem.getAttribute("nobr") == '1') {
                  elem.innerHTML = data;
              } else {
                  elem.innerHTML = nl2br(data);
              }
          }
  }
}

function multipleCheck(query_string){
  var elems=document.querySelectorAll(query_string);
  for(var i=0;i<elems.length;i++){
    elems[i].checked=true;
  }
}
function multipleCheckAuto(elem){
  var query_string=elem.getAttribute("selector")
  if(!query_string){
    return false;
  }
  var elems=document.querySelectorAll(query_string);
  for(var i=0;i<elems.length;i++){
    elems[i].checked=true;
  }
}






function update(elem,view,reload_func){
  var func=new ajaxObjReady();
  var sql_target=get_homedir(1)+'./update/';
  var view=elem.getAttribute('view');
  var base=get_homedir(1);

  sql_target+=view+'/';

  var getData={};
//  getData['command']='update';



  var postData={};
  //  var params={};
  var posts={};
 // posts.database='./access_forbidden/data.db';
  posts.modified_data=JSON.stringify(elem.dataset);
//  posts.view=view;
//  posts.command='update';
//  postData['values']=JSON.stringify(values);
//  if(!reload_function){
//      reload_function=function(datas){qd_log.log(datas);alert('データを保存しました');}
//      reload_function=function(){};
      var func3=setDataToElement(elem);
      var func4=function(){};
      if(reload_func){
        func4=reload_func;
      }
      reload_function=function(datas){qd_log.warn(datas);func3(datas.data.body[0],datas.data.header);func4(datas.data.body[0],datas.data.header);}
//  }
  var func2=func.url(sql_target).base(base).get(getData).post(posts).connected(reload_function).sync(true).ready();
  func2();
}

function updateValue(e){
  if(e.parent){
    var elem=e.parent;
  }else{
    var elem=querySelectorParent(e.parentNode,'[view]');
    e.parent=elem;
  }

  if (e.matches("[json_name]")) {
    //       console.warn(e);
    
    //        if (e.parent) {
    //            var elem = e.parent;
    //        } else {
//                var elem = querySelectorParent(e.parentNode, '[type]');
    //            e.parent = elem;
    //        }
    //        console.warn(elem)
            if (e.json_base) {
                var json_base = e.json_base;
            } else {
                var json_base = querySelectorParent(e, '[json_base]');
                e.json_base = json_base;
            }
            json_elems = json_base.querySelectorAll('[json_name]');



            var datas = {};
            for (var i = 0; i < json_elems.length; i++) {
                datas[json_elems[i].getAttribute("json_name")] = qd_filterValueGet(json_elems[i],json_elems[i].value);
    //         console.log(json_elems[i],json_elems[i].getAttribute("json_name"),json_elems[i].value);
            }

            for(var i in datas){
              json_base.style.setProperty('--'+i+'_raw', datas[i]);
              json_base.style.setProperty('--'+i, "'"+nl2br_content(datas[i])+"'");  
            }


            elem.dataset[json_base.getAttribute('name')] = JSON.stringify(datas);
    //       console.log(datas);
    //       console.log(elem);
            
    
        } else {
    //        if (e.parent) {
    //            var elem = e.parent;
    //        } else {
//                var elem = querySelectorParent(e.parentNode, '[type]');
                if(elem.qd_linked){
                    elem=elem.qd_linked;
                }
                e.parent = elem;
    //        }
//            console.log(e);
            if (!e.name) {
                e.name = e.getAttribute('name');
            }
    
    //        console.log(elem);
            //  console.log(elem,elem.getAttribute('type').toUpperCase());
            switch (e.tagName) {
                case 'TEXTAREA':
    
                    elem.dataset[e.name] =qd_filterValueGet(e,e.value);
                    break;
    
                case 'INPUT':
                    //      console.log(e);
                    try {
                        if (e.getAttribute('type').toUpperCase() == 'CHECKBOX') {
                            if (e.checked) {
                                elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                            } else {
                                if(qd_filterValueGet(e,e.value)=='1'){
                                  elem.dataset[e.name] = '0';
                                }else{
                                  elem.dataset[e.name] = '';
                                }
                            }
                        } else if (e.getAttribute('type').toUpperCase() == 'RADIO') {
                            if (e.checked) {
                                elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                            } else {
                                elem.dataset[e.name] = '';
                            }
                        } else if (e.getAttribute('type').toUpperCase() == 'HIDDEN') {
                          elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                        } else {
                            elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                        }
                    } catch (er) {
                        console.warn(er);
                        elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                    }
    
                    break;
                case 'SELECT':
                    elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                    break;
                default:
//                    console.log("(´･ω･`)")
//                    console.log(e.name);
                    if (e.value) {
                        elem.dataset[e.name] = qd_filterValueGet(e,e.value);
                    } else if (e.getAttribute('value')) {
                        elem.dataset[e.name] = e.getAttribute('value');
                    } else {
                        elem.dataset[e.name] = e.innerHTML;
                    }
            }
            if (e.matches("[key_item]")) {
                elem.setAttribute("data_name", qd_filterValueGet(e,e.value))
            }
    
        }
    
return false    ;

//  qd_log.log(elem,elem.getAttribute('type').toUpperCase());
  switch (e.tagName){
    case 'TEXTAREA':
        elem.dataset[e.name]=e.value;
      break;

    case 'INPUT':
//      qd_log.log(e);
      try{
      if(e.getAttribute('type').toUpperCase()=='CHECKBOX'){
        if(e.checked){
          elem.dataset[e.name]=e.value;  
        }else{
          elem.dataset[e.name]='';
        }
      }else if(e.getAttribute('type').toUpperCase()=='RADIO'){
        if(e.checked){
          elem.dataset[e.name]=e.value;  
        }else{
          elem.dataset[e.name]='';
        }
      }else{
        elem.dataset[e.name]=e.value;  
      }
      }catch(er){
        qd_log.warn(er);
        elem.dataset[e.name]=e.value;  
      }

      break;
    case 'SELECT':
      elem.dataset[e.name]=e.value;  
      break;
    default:
      elem.dataset[e.name]=e.value;  

  }
  if(e.matches("[key_item]")){
    elem.setAttribute("data_name",e.value)
  }
  elem.setAttribute("modified",1)
}

function setValueToRow(child,name,value){
  var elem=querySelectorParent(child.parentNode,'[view]');
  elem.dataset[name]=value;
  return elem;
}

function getValueFromRow(child,name){
  var elem=querySelectorParent(child.parentNode,'[view]');
  console.log(elem);
//  elem.dataset[name]=value;
  return elem.dataset[name];
}


function qd_set_attribute_to_row(elem,attr){
  var elem=querySelectorParent(elem.parentNode,'[view]');
  if(!elem){
    return function (){return false;}
  }
  var my_elem=elem;
  var my_attr=attr;
  return function(value){
//    qd_log.error(elem);
    my_elem.setAttribute(my_attr,value);
    return my_elem;
  }
}

function qd_remove_attribute_from_row(elem,attr){
  var elem=querySelectorParent(elem.parentNode,'[view]');
  if(!elem){
    return function (){return false;}
  }
  var my_elem=elem;
  var my_attr=attr;
  return function(){
//    qd_log.error(elem);
    my_elem.removeAttribute(my_attr);
    return my_elem;
  }
}



function qd_remove_attribute(elem,attr){
  if(!elem){
    return function (){return false;}
  }
  var my_elem=elem;
  var my_attr=attr;
  return function(){
//    qd_log.error(elem);
    my_elem.removeAttribute(my_attr);
    return my_elem;
  }
}



function serial_ez_update(children,finalize_function){/*csvアップデート用、データを挿入、更新するけど、データを返さない */
  if(children.length==0){//要素がなければ終端関数だけ実行して終了
    if(finalize_function){
      finalize_function();
    }
  }
  var servers={};
  for(var i=0;i<children.length;i++){
    var child=children[i];
    var elem=querySelectorParent(child,"[type$='format'],[view]");
    if(elem.getAttribute('server')){
      var server=elem.getAttribute('server');
    }else{
      var server=get_homedir(1);
    }
    if(!servers[server]){
      servers[server]=[];
    }
    servers[server].push(children[i]);    
  }

  for(var h in servers){
    var func=new ajaxObjReady();
    // var sql_target=get_homedir(1)+'./multi_update/';
    // var base=get_homedir(1);
    var sql_target=h+'./serial_update/';
    var base=h;
    var datas={};
    datas.lines={};
    var line_num=0;
    var reload_funcs=[];

    for(var i=0;i<children.length;i++){
      var child=children[i];
      var elem=querySelectorParent(child,"[type$='format'],[view]");
      qd_link_data_with_bofere_update(elem);
      var view=elem.getAttribute('view');
//      var each_data={};
//      each_data.modified_data=elem.dataset;
//      each_data.index=i;
      if(!datas.lines[view]){
        datas.lines[view]=[];
      }
//      each_data.view=view;
      datas.lines[view].push(elem.dataset);
  //    var f2=rebuild_count(elem);/*データカウントを再調整*/
    }

    


    var my_finalize_function=finalize_function;
    var reload_function=function(datas){
        if(my_finalize_function){
//          qd_log.warn(my_finalize_function);
          my_finalize_function(datas);          
        }
      };
//    qd_log.error(reload_function);

    var getData={};

    var posts={};
    qd_log.log(elem);
    posts.lines=JSON.stringify(datas.lines);
    var func2=func.url(sql_target).base(base).get(getData).post(posts).connected(reload_function).sync(true).ready();
    func2();
  }
}



function multi_ez_update(children,finalize_function){
  if(children.length==0){//要素がなければ終端関数だけ実行して終了
    if(finalize_function){
      finalize_function();
    }
  }
  var servers={};
  for(var i=0;i<children.length;i++){
    var child=children[i];
    var elem=querySelectorParent(child,"[type$='format'],[view]");
    if(elem.getAttribute('server')){
      var server=elem.getAttribute('server');
    }else{
      var server=get_homedir(1);
    }
    if(!servers[server]){
      servers[server]=[];
    }
    servers[server].push(children[i]);
    
  }


  for(var h in servers){

    var func=new ajaxObjReady();

    // var sql_target=get_homedir(1)+'./multi_update/';
    // var base=get_homedir(1);
    var linked_reload_objects=[];
    var sql_target=h+'./multi_update/';
    var base=h;

    var datas={};
    datas.lines=[];
    var line_num=0;
    var reload_funcs=[];


    var mail_settings={};
    var has_mail=0;
    for(var i=0;i<children.length;i++){
      var child=children[i];
      var elem=querySelectorParent(child,"[type$='format'],[view]");
      qd_link_data_with_bofere_update(elem);
      var partition=querySelectorParent(child,"[qd_partition],[type$='format'],[view]");
      try{//アップデートに関わるデータの更新を行う要素を取得
        var update_target=elem.getAttribute('update_link_elem');
        var elems=document.querySelectorAll(update_target);
        for(var j=0;j<elems.length;j++){
          linked_reload_objects.push(elems[j]);
        }
      }catch(e){
        qd_log.warn(e);
      }
      qd_log.error(linked_reload_objects);

      elem.partition=partition;

      if(!partition.matches('[no_action_on_update]')){
        partition.setAttribute('qd_update',0);
      }

      partition.removeAttribute('modified',0);

      console.error("qd_updateを0にしたぜ");
      var view=elem.getAttribute('view');

      var mail_setting_view=elem.getAttribute('mail_view');
      var mail_setting_flag=elem.getAttribute('mail_flag');
      var mail_setting_filter=elem.getAttribute('mail_filter');
      var mail_setting_filter_value=elem.getAttribute('mail_filter_value');
      if(mail_setting_view){
        var mail_setting={'view':mail_setting_view,'flag':mail_setting_flag,'filter':mail_setting_filter,'filter_value':mail_setting_filter_value};
        var mail_setting_json=JSON.stringify(mail_setting);
        if(!mail_settings[mail_setting_json]){
          mail_settings[mail_setting_json]=0;
        }
        mail_settings[mail_setting_json]++;
        has_mail=1
//        var mail_function=mail_process(mail_setting_view,mail_setting_flag)
      }else{
//        var mail_function=function(){}
      }
    

      var each_data={};
      each_data.modified_data=elem.dataset;
      each_data.index=i;
      each_data.view=view;
      datas.lines[i]=each_data;
  //    var f2=rebuild_count(elem);/*データカウントを再調整*/


      var my_reload_objects=linked_reload_objects;
      var relative_reload=function(){};
      if(my_reload_objects.length){
        var relative_reload_prime=function(my_elems){
          var my_elems2=my_elems;
          qd_log.error(my_elems2);
          return function(){
            qd_reload(my_elems2);
          }
        };
        var relative_reload=relative_reload_prime(my_reload_objects);  
      }

      reload_funcs.push(
        (function(){
          if(elem.matches('[no_action_on_update]')){
            var f1=function(){
              qd_log.log(elem,'値の反映は行われません')
              if(elem.prepare_function_for_each){//load前の関数があればそれを実行
                elem.prepare_function_for_each(elem);
              }
                      
            }
          }else{
            var f1=setDataToElement(elem);
          }
//          var f1=setDataToElement(elem);//エレメントにデータを追加
          //メール送信関数を生成
          if(has_mail){
              var mail_function=function(){
                for(var i in mail_setting){
                  let s=JSON.parese(i);
                  mail_process(s.view,s.flag,s.filter,s.filter_value,base,mail_setting[i])();
                }
              }
          }else{
              var mail_function=function(){}
          }

          //          alert("(´・ω・`)");
          return function(data){
//            alert("(´・ω・`)");
          if(!data){
            var elem=f1(false,false);
      //      f2();
          }else{

            var elem=f1(data.body[0],data.header);
//            console.warn(data)
//            console.warn(data.body)
//            console.log(elem);

            if(elem){
              if(elem.partition){
                var partition=elem.partition;
              }else{
                var partition=elem;
              }
      //        f2();
              if(partition){
  //              console.warn(partition);
                partition.setAttribute('qd_update',1);
              }
  //            qd_log.log(elem);
              let qd_delete_delay=4500;
              let qd_update_delay=3000;
              if(!isNaN(parseInt(partition.getAttribute('qd_delete_delay')))){
                qd_delete_delay=parseInt(partition.getAttribute('qd_delete_delay'));
              }
              if(!isNaN(parseInt(partition.getAttribute('qd_update_delay')))){
                qd_update_delay=parseInt(partition.getAttribute('qd_update_delay'));
              }

              if(elem.getAttribute('keep_it')=='0' && elem.dataset.Delete=='1'){
                setTimeout(function(){if(partition){partition.removeAttribute('qd_update');}},qd_delete_delay);
                setTimeout(function(){if(elem){elem.parentNode.removeChild(elem);}},qd_delete_delay + 500);
              }else if(elem.getAttribute('qd_new')=='1'){
                setTimeout(function(){if(partition){partition.removeAttribute('qd_update');partition.removeAttribute('qd_new');}},qd_update_delay);
      //          setTimeout(function(){if(elem){elem.parentNode.removeChild(elem);}},5000);
              }else{
                setTimeout(qd_remove_attribute(partition,'qd_update'),3000);
              }
  
            }
        }
                //サーバーごとのメール送信処理
        mail_function();
        }


    }())
      );
    }
    var my_finalize_function=finalize_function;
    var reload_function=function(datas){
        console.log(datas.lines);

        for(var i=0;i<datas.lines.length;i++){
//          console.log(reload_funcs[i])
          reload_funcs[i](datas.lines[i])
        }
        relative_reload();

        if(my_finalize_function){
//          qd_log.warn(my_finalize_function);
          my_finalize_function(datas.lines);
        }

      };
    qd_log.error(reload_function);

    var getData={};

    var posts={};
    qd_log.log(elem);
    posts.lines=JSON.stringify(datas.lines);
    var func2=func.url(sql_target).base(base).get(getData).post(posts).connected(reload_function).sync(true).ready();
    func2();
  }
}





function qd_update_multi_without_elem(server, modified_datas, finalize_function) {
  //datasはdatas[server_name][view:'',data:{data}]的な形でぶっこむ
  if (!server) {
    server = get_homedir(1);
  }
//  for(var h in servers){
  var h = server;
  var func = new ajaxObjReady();

  // var sql_target=get_homedir(1)+'./multi_update/';
  // var base=get_homedir(1);
  var sql_target = h + './multi_update/';
  var base = h;

  var datas = {};
  datas.lines = [];
  var line_num = 0;
  for (var i = 0; i < modified_datas.length; i++) {
    var each_data = {};
    each_data.modified_data = modified_datas[i].data;
    each_data.index = i;
    each_data.view = modified_datas[i].view;
    datas.lines[i] = each_data;
  }

  var reload_function = function (datas) {
    console.log(datas.lines);
    for (var i = 0; i < datas.lines.length; i++) {
      console.log(datas.lines[i])
    }
    if (finalize_function) {
      qd_log.warn(finalize_function);
      finalize_function(datas.lines);
    }
  };
  var getData = {};
  var posts = {};
  posts.lines = JSON.stringify(datas.lines);
  var func2 = func.url(sql_target).base(base).get(getData).post(posts).connected(reload_function).sync(true).ready();
  func2();
}



function qd_process_css_on_element(elem){
  const paramsElem=elem.querySelector(":scope>[qd_css_format]")
  if(!paramsElem){
    return false;
  }
  let css_format=paramsElem.getAttribute('qd_css_format');
  for(let i in paramsElem.dataset){
    css_format=css_format.split("[:"+i+"]").join(elem.dataset[paramsElem.dataset[i]]);
  }
  paramsElem.innerHTML=css_format;
}




function qd_process_selector_on_element(elem){
  if(!elem.querySelector(":scope>[qd_selector_type]")){
    return false;
  }
  var view=elem.getAttribute('view');
  var selector=elem.selector;
  var selector_style=elem.selector_style;
  // セレクタ要素がなければ生成する
//  var selector=parent.querySelector(":scope>input[qd_selector][name='"+qd_selector.dataset.group_name+"'][value='"+elem.dataset[qd_selector.dataset.value_field]+"']");
var qd_selector=elem.querySelector(":scope>style[qd_selector_type]");
if(!selector){
  qd_log.log(selector);
  var selector_type=qd_selector.getAttribute("qd_selector_type");
  var parent=document.body;
    if(elem.getAttribute('scope')){
      parent=querySelectorParent(elem,qd_selectgor.getAttribute('scope'));
      if(!parent){
        parent=document.body;
      }
    }
      selector=document.createElement("input");
    selector.setAttribute('type',selector_type);
    selector.setAttribute('name',qd_selector.getAttribute("group_name"));
    selector.setAttribute("qd_selector",1);
    console.log(selector);
    elem.selector=selector;
//    elem.selector_parent=parent;
    elem.setAttribute("selector_group_name",qd_selector.getAttribute("group_name"));

    selector.setAttribute('value',elem.dataset[qd_selector.getAttribute("value_field")]);
    parent.insertBefore(selector,parent.firstChild);
  }else{
    selector.setAttribute('value',elem.dataset[qd_selector.getAttribute("value_field")]);
  }
  for(var i in qd_selector.dataset){
    selector.dataset[i]=elem.dataset[qd_selector.dataset[i]];
  }

  var css="input[qd_selector][name='"+qd_selector.getAttribute("group_name")+"'][value='"+elem.dataset[qd_selector.getAttribute("value_field")]+"']:checked ~ * [view='"+view+"'][selector_group_name='"+qd_selector.getAttribute("group_name")+"'][data-"+qd_selector.getAttribute("value_field")+"='"+elem.dataset[qd_selector.getAttribute("value_field")]+"']";
  css+=",input[qd_selector][name='"+qd_selector.getAttribute("group_name")+"'][value='"+elem.dataset[qd_selector.getAttribute("value_field")]+"']:checked ~  [view='"+view+"'][selector_group_name='"+qd_selector.getAttribute("group_name")+"'][data-"+qd_selector.getAttribute("value_field")+"='"+elem.dataset[qd_selector.getAttribute("value_field")]+"']";
  css+="{"+qd_selector.getAttribute('qd_selected_style')+"}";
  qd_selector.innerHTML=css;
}

function ez_select(child){
  var elem=querySelectorParent(child,"[type$='format'],[view]");
  elem.selector.click();
}


function mail_process(view,field,filter_param,filter_value,server,cnt){
  const my_view=view;
  const my_field=field;
  let my_get=null;
  // if(get){
  //   my_get=get;
  // }else{
  //   my_get={};
  // }
  if(cnt){//メール送信用カウント//10件しか送信されないので、ここでカウントを増やしておく
    my_get.max_process=cnt;
  }
  return function(return_function){
    if(!return_function){
      return_function=console.log;
    }
    let func = new ajaxObjReady();
        const getData = {};
        const posts = {};
//							qd_log.log(elem);

        let base = get_homedir(1);
        let sql_target = get_homedir(1) + 'mail_process/'+my_view+'/'+my_field+'/';
        if(server){
          base = server;
          sql_target = server + 'mail_process/'+my_view+'/'+my_field+'/';  
        }
        if(filter_param){
          sql_target+=filter_param+'/';
        }
        if(filter_value){
          sql_target+=filter_value+'/';
        }
//							posts.lines=JSON.stringify(datas.lines);
        var my_func=return_function;
        const reload_function = function (data) {
          if(my_func){
            my_func(data);
          }
          qd_log.log(data);
        }
        let func2 = func.url(sql_target).base(base).get(my_get).post(posts).connected(reload_function).sync(true).ready();
        func2();
  }
}


function qd_loading_status(elem,flag){
  if(flag){
    elem.setAttribute("qd_loading",1);
  }else{
    elem.removeAttribute("qd_loading");
  }
}


function login_status_check(){
    if(document.body.getAttribute('login')!='1'){
      return false;
    }
    let func = new ajaxObjReady();
        const getData = {};
        const posts = {};
        const my_get={};
//							qd_log.log(elem);

        let base = get_homedir(1);
        let sql_target = get_homedir(1) + 'current_login_status/';
        const reload_function = function (data) {
          qd_log.log(data);
          try{
            if(data.login){
              document.body.setAttribute('login',data.login);
            }
          }catch(e){
            console.warn(e);
            document.body.setAttribute('login',0);
          }
        }
        let func2 = func.url(sql_target).base(base).get(my_get).post(posts).connected(reload_function).sync(true).ready();
        func2();
//  }
}




function ez_update(child,finalize_function,inter_function,another_data){/*適当にupdate発行しても、適切にデータを取りに行く */
//qd_log.warn(finalize_function);
  var elem=querySelectorParent(child,"[type$='format'],[view]");
  qd_link_data_with_bofere_update(elem);

  var paratition=querySelectorParent(child,"[qd_partition],[type$='format'],[view]");
  paratition.setAttribute('qd_update',0);

  var func=new ajaxObjReady();
  if(elem.getAttribute('server')){
    var sql_target=elem.getAttribute('server')+'./update/';
    var base=elem.getAttribute('server');  
  }else{
    var sql_target=get_homedir(1)+'./update/';
    var base=get_homedir(1);  
  }

  var view=elem.getAttribute('view');
  sql_target+=view+'/';
  var getData={};
//  getData['command']='update';

  var postData={};
  //  var params={};
  var posts={};
  var mail_setting_view=elem.getAttribute('mail_view');
  var mail_setting_flag=elem.getAttribute('mail_flag');
  var mail_setting_filter=elem.getAttribute('mail_filter');
  var mail_setting_filter_value=elem.getAttribute('mail_filter_value');
  var update_target=elem.getAttribute('update_link_elem');
  qd_log.error(update_target);

  if(mail_setting_view){
    var mail_function=mail_process(mail_setting_view,mail_setting_flag,mail_setting_filter,mail_setting_filter_value);
  }else{
    var mail_function=function(f){f();};
  }

//  posts.database='./access_forbidden/data.db';
  qd_log.log(elem);
  qd_log.log(elem.dataset);
//  posts.modified_data=JSON.stringify(elem.dataset);

  if (another_data) {//別のデータを流し込むことも可能
    posts.modified_data = JSON.stringify(another_data);
//    setDataToElement(elem)(another_data);
    setDataToElement(paratition)(another_data);
} else {
    posts.modified_data = JSON.stringify(elem.dataset);
}

//  posts.view=elem.getAttribute('view');
//  posts.command='update';
//  postData['values']=JSON.stringify(values);
//  if(!reload_function){
//      reload_function=function(datas){qd_log.log(datas);alert('データを保存しました');}
//      reload_function=function(){};
      if(elem.matches('[no_action_on_update]')){
        var func3=function(){qd_log.log(elem,'値の反映は行われません')}
      }else{
        var func3=setDataToElement(elem);
      }
      var r=rebuild_count(elem);/*データカウントを再調整*/
      var my_func=function(){};
      if(finalize_function){
        var my_func=finalize_function;
      }
      var my_inter_function=inter_function;
      reload_function=function(datas){
        qd_log.error(my_func);
        if(!datas.data){
          func3(false,false);

        }else{
          func3(datas.data.body[0],datas.data.header);
        }
//        func3(datas.data[0]);
        r();
        paratition.setAttribute('qd_update',1);
        qd_loading_status(paratition,0);


        let qd_delete_delay=4500;
        let qd_update_delay=3000;
        if(!isNaN(parseInt(elem.getAttribute('qd_delete_delay')))){
          qd_delete_delay=parseInt(elem.getAttribute('qd_delete_delay'));
        }
        if(!isNaN(parseInt(elem.getAttribute('qd_update_delay')))){
          qd_update_delay=parseInt(elem.getAttribute('qd_update_delay'));
        }
        

        qd_log.log(elem);
        if(elem.getAttribute('keep_it')=='0' && elem.dataset.Delete=='1'){
          setTimeout(function(){if(paratition){paratition.removeAttribute('qd_update');}},qd_delete_delay);
          setTimeout(function(){if(elem){elem.parentNode.removeChild(elem);}},qd_delete_delay + 500);
        }else if(elem.getAttribute('qd_new')=='1'){
          setTimeout(function(){if(paratition){paratition.removeAttribute('qd_update');paratition.removeAttribute('qd_new');}},qd_update_delay);
//          setTimeout(function(){if(elem){elem.parentNode.removeChild(elem);}},5000);
        }else{
          setTimeout(function(){if(paratition){paratition.removeAttribute('qd_update');}},1000);
        }
//        qd_log.warn(my_func);
        qd_log.error(update_target);
        var elems=document.querySelectorAll(update_target);
        console.log(elems);
        var relative_reload=function(){};
        if(elems){
          var my_elems=elems;
          var relative_reload_prime=function(my_elems){
            var my_elems2=my_elems;
            return function(){
              qd_reload(my_elems2);
            }
          };
          var relative_reload=relative_reload_prime(elems);
        }
        //関連テーブルのリロードを上記で設定

        console.warn(relative_reload);

        // if(!mail_function){
        //   mail_function=function(f){f();};
        // }

        // if(!mail_function){
        //   var my_data=datas.data;
        //   if(my_func){
        //     var last_function=function(){
        //       my_func(my_data);
        //     }
        //   }
        //   relative_reload();
        // }else{
          // var f=function(){
          //   relative_reload();            
          // };
          // if(my_func){
          //   var my_data=datas.data;
          //   var f=function(){
          //     my_func(my_data);
          //     relative_reload();              
          //   }
          // }else{
          //   var f=function(){
          //     relative_reload();              
          //   }
          // }  
          // var last_function=function(){mail_function(f);};
//        }


            var my_data=datas.data;
            var f=function(){
              my_func(my_data);
              relative_reload();              
            }
          var last_function=function(){mail_function(f);};


//        alert(my_inter_function.toString());
        if(inter_function){/*inter_functionはデータと実行関数を受け取るように指定する */
        console.warn(inter_function);
          inter_function(datas.data,last_function);
        }else{
          last_function();
        }

      }
//  }
  var func2=func.url(sql_target).base(base).get(getData).post(posts).connected(reload_function).sync(true).ready();
  func2();
}




function checked_update(child, finalize_function) {
  var elem = querySelectorParent(child, "[view]")
  if(!elem.panreNode){
      var query=""
  }
  var paratition = querySelectorParent(child, "[qd_partition],[view]");
  paratition.setAttribute('qd_update', 0);
  console.info(elem);
  if (elem.querySelector(":scope >[data_update_key]")) {
      var overwrite_flag = false;
      var datakeeper = elem.querySelector(":scope >[data_update_key]");
      var key = datakeeper.getAttribute('data_update_key');
      var load_set = [];
      var params = {};
      var posts = {};
//      var room_elem=document.querySelector("[id='room_"+target_room+"'][view='property_list']");
      params[key] = elem.dataset[key];
      if(isNaN(parseInt(elem.dataset[key]))){
        ez_update(child,finalize_function);
        return false;
      }
      posts.params = params;
//      posts.view = 'property_list';
    posts.view=elem.getAttribute('view');
      var updated = {};
      var mismatch = {};
      updated[key] = datakeeper.dataset[key];
      load_set.push({
          params: JSON.parse(JSON.stringify(posts)), reload_function: function (datas) {
//          setDataToList(document.querySelector("[qd_id='property_list']"))(datas);
//          try{
              if (elem.querySelector(":scope >input[latest_data]")) {
                  if (datas.datas) {
                      var data = datas.datas.body[0];
                      if(data instanceof Array){//Objectで判定するとArrayでもひっかかる(´；･ω･`)
                        header=[];
                        for(var i=0;i<datas.datas.header.length;i++){
                //          header.push(i);
                          header[datas.datas.header[i]]=i;
                        }

                      }else{
                //        header=[];
                         header={};
                        for(var i in data){
                //          header.push(i);
                          header[i]=i;
                        }
                      }
                
//                console.log(elem);
                      var latest_data_elem = elem.querySelector(":scope >input[latest_data]");
                      for (var i in elem.dataset) {
                        try{

                          if (datakeeper.dataset[i] != elem.dataset[i] && data[header[i]] != elem.dataset[i]) {
                              updated[i] = elem.dataset[i];
                          }
                        }catch(e){
                          console.log(datakeeper);
                          console.log(elem);
                          console.log(data);
                          console.error(e);
                        }

//                  console.info(i,elem.dataset[i],datakeeper.dataset[i],data[header[i]]);
                      }
                      for (var i in updated) {
                          var no_latest_data = false;
                          var no_initial_data = false;
                          try {
                              var current_datas = JSON.parse(elem.dataset[i]);
                              console.log("Ajax(´･ω･`)っ" + elem.dataset[i]);
                              try {
                                  var original_datas = JSON.parse(datakeeper.dataset[i]);
                              } catch (e) {
                                  console.warn(e);
//                      var original_datas=JSON.parse(JSON.stringify(blank_data));
                                  var original_datas = {};
                                  var no_initial_data = true;
                              }
                              try {
                                  var latest_datas = JSON.parse(data[header[i]]);
                                  var latest_datas2 = JSON.parse(data[header[i]]);
                              } catch (e) {
                                  console.warn(e);
//                      var latest_datas=JSON.parse(JSON.stringify(blank_data));
//                      var latest_datas2=JSON.parse(JSON.stringify(blank_data));
                                  var latest_datas = {};
                                  var latest_datas2 = {};
                                  no_latest_data = true;
                              }


                              console.log(datakeeper.dataset[i])
                              console.log(data[i])
                              if (no_latest_data) {
                                  updated[i] = elem.dataset[i];
//                                  console.log("サーバー上にデータなし");
                              } else if (no_initial_data) {
//                                  console.log("初期データなし");
                                  for (var j in current_datas) {
                                      /*undefinedと""を比較すると想定外の動きになるので空白文字列に置き換え */
                                      if (original_datas[j] === undefined) {
                                          original_datas[j] = '';
                                      }
                                      if (latest_datas2[j] === undefined) {
                                          latest_datas2[j] = '';
                                      }
                                      if (current_datas[j]) {
                                          latest_datas[j] = current_datas[j];
                                          if (current_datas[j] != latest_datas2[j]) {
                                              overwrite_flag = true;
                                              mismatch[j] = latest_datas2[j];
                                          }
                                      }
                                  }
                                  updated[i] = JSON.stringify(latest_datas);
                              } else if (datakeeper.dataset[i] == data[header[i]]) {
//                                  console.log("サーバーデータ変更なし");
                                  console.log(datakeeper.dataset[i])
                                  console.log(data[header[i]])

                                  updated[i] = elem.dataset[i];
                              } else {
//                                  console.log("初期データあり");
                                  for (var j in current_datas) {
                                      /*undefinedと""を比較すると想定外の動きになるので空白文字列に置き換え */
                                      if (original_datas[j] === undefined) {
                                          original_datas[j] = '';
                                      }
                                      if (latest_datas2[j] === undefined) {
                                          latest_datas2[j] = '';
                                      }
                                      if (current_datas[j] != original_datas[j]) {
                                          latest_datas[j] = current_datas[j];
                                          if (original_datas[j] != latest_datas2[j]) {
                                              overwrite_flag = true;
                                              mismatch[j] = latest_datas2[j];
//                                              console.log(j, "データベース側データ変更あり", original_datas[j], latest_datas2[j]);
                                          }
//                                          console.log(j, "データ変更あり", original_datas[j], current_datas[j]);
                                      } else {
//                                          console.log(j, "変更なし");
                                      }
                                  }
                                  updated[i] = JSON.stringify(latest_datas);
                              }
                          } catch (e) {
                              console.log(e);
//                              console.log('JSON形式ではありませんでした');
                              if (datakeeper.dataset[i] != data[header[i]]) {
                                  overwrite_flag = true;

                              }
                          }
                      }
                  } else {
                    ez_update(child,finalize_function);
                    return false;
                      update =  child.dataset;
//                      update = elem.dataset;
//                    データがない場合は、データ保持してるelemじゃなく、自分自身childのデータを使う
                  }
              }
              console.warn(updated);

              elem.setAttribute('shade', 'on');
              if (overwrite_flag) {
                  //確認してアップデート
                  if (confirm("他のセッションでアップデートされた項目を上書きしようとしています。続行しますか？\n")) {
//                checked_update2(child,finalize_function,updated);
                      ez_update(child, finalize_function, null,updated);
                  } else {
//                alert("アップデートされた情報を読み込むだめにはブラウザのリロードボタンを押してください。");
//                      qd_log(datas);
                      setDataToElement(paratition, 'shade')(data,datas.datas.header);
                      paratition.removeAttribute('qd_update');
                      paratition.setAttribute('shade', 'on');
                  }
              } else {
//              checked_update2(child,finalize_function,updated);
                  ez_update(child, finalize_function,null,updated);
                  //アップデート
              }
              //          copied=setDataToElement(copied)(datas.datas[0]);
              console.log(datas.datas[0]);
          }
      });

      qd_load_view_multi(load_set, function () {
      });
  
  }else{
  
  }
//    if(elem.)
}


function ez_delete(child,finalize_function){/*適当にupdate発行しても、適切にデータを取りに行く */
//  var elem=querySelectorParent(child,"[type$='format']");
  var elem=querySelectorParent(child,"[view]");
//  qd_log.log(child);
//  qd_log.log(elem);
  elem.dataset.Delete=1;
  ez_update(elem,finalize_function);
  return false;
}


function create_css_for_display_switcher(){
  var styleE=document.querySelector("#display_controler");
  var css1='';
  var css2='';
//  var css2='';
  var comma='';
  var switcher=document.querySelectorAll("body>input[id]");
  for(var i=0;i<switcher.length;i++){
    var id=switcher[i].id;
    css1+=comma+"#"+id+":not(:checked) ~ * [show_only_on~='"+id+"'],#"+id+":not(:checked) ~ [show_only_on='"+id+"']\n";
    css2+=comma+"#"+id+":checked ~ * [hide_on~='"+id+"'],#"+id+":checked ~ [hide_on~='"+id+"']\n";
    var comma=',';
    css1+=comma+"#"+id+":checked ~ * [show_not_on~='"+id+"'],#"+id+":checked ~ [show_not_on~='"+id+"']\n";
  }
//  css1+=comma+"[room_anchor]:not(:target) ~ * [show_only_on='detail'],[room_anchor]:not(:target) ~  [show_only_on='detail'],[room_anchor]:target ~ *  [show_not_on~='detail'],[room_anchor]:target ~   [show_not_on~='detail']\n";


  css1+="{display:none !important;}";
  css2+="{opacity:0 !important;max-height:0 !important;overflow:hidden !important;}";
  styleE.innerHTML=css1+css2;
//  qd_log.warn(css1);
}


function querySelectorParent(elem,css){
//  qd_log.log(elem);
  if(!elem){return false;}
  if(elem.tagName){
    if(elem.tagName.toUpperCase()=='BODY'||elem.tagName.toUpperCase()=='HTML'){return false;}
  }else{
    return false;
  }
  if(elem.matches(css)){
    return (elem);
  }else{
    if(elem.parentNode){
      if(elem.qd_linked){
//        elem=elem.qd_linked;
        return (querySelectorParent(elem.qd_linked,css));
      }else{
        return (querySelectorParent(elem.parentNode,css));
      }
    }else{
      return false;
    }

  }

}

function rebuild_count(child){
  try{

      var base=querySelectorParent(child,"[type][view]")
      var view=base.getAttribute('view');
      var parent=querySelectorParent(base,"[qd_id]");
      return function(){
        try{

        var count=parent.querySelectorAll("[type$='format'][copied][view='"+view+"']:not([keep_it])").length;
    //    qd_log.warn(base,view,count);
        if(parent.dataset.index){
          parent.dataset[t.dataset.index]=count;
        }else{
          parent.dataset.count=count;
        }  
      }catch(e){
        qd_log.warn(e);
      }

      }
  }catch(e){
    return function(){
      qd_log.log(child,"has no part to update data count!!")
    }
  }
}

class qd_front_controler{
  findBase(){
      this.base=querySelectorParent(this.child,"[type][view]");
//        this.selector=this.base.querySelector();
      if(this.base){
          qd_log.log(this.base);
          this.view=this.base.getAttribute("view");
          return this.base;
      }else{
          return null;
      }
//        return this;
  }
  findControlers(){
//        var elems=this.base.querySelectorAll(":scope>[controler][selector],:scope>[controler][editor]");
      var elems=this.base.querySelectorAll("[controler][selector],[controler][editor]");
//      qd_log.log(elems);
      for(var i =0;i<elems.length;i++){
          qd_log.log(elems[i])
          if(elems[i].matches("[editor]")){
              if(querySelectorParent(elems[i],"[view]").getAttribute("view")==this.view){
                  this.editor=elems[i];
//                    this.name=elems[i].getAttribute("name"); 
                  this.editor_name=elems[i].getAttribute("name"); 
              }
          }else if(elems[i].matches("[selector]")){
              if(querySelectorParent(elems[i],"[view]").getAttribute("view")==this.view){
              this.selector=elems[i];
              this.name=elems[i].getAttribute("name");
              }
          }
      }

      if(this.name){
          this.root=document.querySelector("input[type='radio'][name='"+this.name+"']");
      }
      if(this.editor_name){
        this.editor_root=document.querySelector("input[type='radio'][name='"+this.editor_name+"']");
      }
//            this.add_opener=this.base.parentNode.querySelector("[type='add_line'][view='"+this.view+"'] [type='radio'][name='"+this.name+"']");
      if(this.base){
        qd_log.log(this.base);
        qd_log.log(this.base.parentNode);
        this.add_opener=this.base.parentNode.querySelector("[type][view='"+this.view+"']>[type='radio'][adder]");
        this.format=this.base.parentNode.querySelector("[type$='format'][view='"+this.view+"']:not([copied])")
      }
      if(this.add_opener){
        this.adder_selector=this.add_opener.parentNode.querySelector("[type='radio'][selector]");
      }

      return this;
    }

  constructor(elem){
      this.child = elem;
      this.origin = elem;
      this.findBase();
      this.findControlers();
      return this;
  }

  // get_base(){return this.base;}
  // get_selector(){return this.selector;}
  // get_editor(){return this.editor;}

  open_adder(){
      this.add_opener.checked=true;
      return this;
  }
  select_adder(){
    this.adder_selector.checked=true;
    return this;
}

  open_editor(){
      this.editor.checked=true;
  //    qd_log.log(this.editor);
      return this;
  }
  close_editor(){
      this.editor_root.checked=true;
      return this;
  }
  open_detail(){
//      qd_log.log(this.selector);
      this.selector.checked=true;
//      qd_log.log(this.selector);
      return this;
  }
  select_this(){
      this.open_detail();
      return this;
  }
  select(){
    this.open_detail();
    return this;
  }
  close_detail(){
      this.root.checked=true;
      return this;
  }
  close_this(){
      this.close_detail();
      return this;
  }
  reset(name){
    if(name){
        this.reset_selector(name);
      }else{
        this.root.checked=true;
        this.editor_root.checked=true;      
    }
    return this;
  }
  close(){
    this.reset();
  }
  new_data(elem,relation,finalize_function){/* relationは[parent,child]の形で変数を指定 */
      qd_log.log(elem);
      var parent=this.base;
      var view=parent.getAttribute('view');
//      var copied=this.format.cloneNode(true);

      var copied=qd_prepare_new_dataelement(this.format)


      for(var i in parent.dataset){
          copied.dataset[i]=parent.dataset[i];
      }
      var elems=this.base.parentNode.querySelectorAll(":scope>[type$='format'][copied][view='"+view+"']");
      var order=100;
      if(elems.length>0){
          order=elems[elems.length -1].dataset.ordering
      }
      copied.setAttribute('copied',1);
      copied.dataset.ordering=parseInt(order) + 100;
  
      if(relation){
          var pp=querySelectorParent(parent.parentNode,"[type][view]");
          qd_log.log(pp);
          copied.dataset[relation[1]]=pp.dataset[relation[0]];
          qd_log.log(copied)
      }
  
  
      this.format.parentNode.insertBefore(copied,this.format);
//      qd_log.warn(finalize_function);

      this.child=copied.firstElementChild;
      this.base=copied;
      this.origin=copied;/* 自分自身をオリジナルとする */
      this.findBase();
      this.findControlers();
      this.attr('qd_new',1);
      ez_update(copied.querySelector('[edit_box]'),finalize_function);//ここ限定しないと、別のid引っ張ってきたりするので注意
      return this;/*新しい要素をreturn */
      /*　リセット */
      this.reset();
      // document.querySelector("[name='"+parent.querySelector("[controler]").getAttribute('name')+"']").checked=true;
      // qd_log.log(copied);
  }
  update(finalize_function){
      ez_update(this.child,finalize_function);
      return this;
  }
  delete(finalize_function){
    ez_delete(this.child,finalize_function);
    return this;
  }
  keep_when_delete(){
      this.base.setAttribute('keep_it',1);
    return this;
  }
  attr(name,value){
    if(value==null){
        this.base.removeAttribute(name);
      }else{
        this.base.setAttribute(name,value);
      }
  return this;
  }
  temp_attr(name,value,time){
    if(!time){
      time=5000;
    }
    this.base.setAttribute(name,value);
    var base=this.base;
    setTimeout(function(){base.removeAttribute(name)},time);
    return this;
  }
  delay_attr(name,value,delay){
    if(!delay){
      delay=5000;
    }
    var base=this.base;
    var val=value
    if(value==null){
        setTimeout(function(){base.removeAttribute(name)},delay);
      }else{
        setTimeout(function(){base.setAttribute(name,val)},delay);
      }
    return this;
  }
  delay_remove(delay){
    if(!delay){
      delay=10000;
    }
    var base=this.base;
    setTimeout(function(){base.parentNode.removeChild(base);},delay);
    return this;
  }
  dataset(name,value){
    if(value==null){
      delete this.base.dataset[name];
    }else{
      this.base.dataset[name]=value;
    }
  
    return this;
  }
  reset_selector(name){
    document.querySelector("[name='"+name+"']").checked=true;
    qd_log.log(document.querySelector("[name='"+name+"']"));
    return(this);
  } 
}

function qd_fc(elem){
  return new qd_front_controler(elem);
}

function setFunctionToDialogue(func,message_before,message,message_after,button_caption){
//  var my_elem=elem;
  var my_func=function(){
//    ez_delete(my_elem);
//    new qd_front_controler(my_elem).reset();
  }
  var message_containers=document.querySelectorAll("[modal_dialog] [message_container] span");
  qd_log.log(message_before,message,message_after);
  if(!message_before){message_before='';}
  if(!message){message='';}
  if(!message_after){message_after='';}
  message_containers[0].dataset.message=message_before;
  message_containers[1].dataset.message=message;
  message_containers[2].dataset.message=message_after;

  var button_cap="削除";
  if(button_caption){
    button_cap=button_caption;
  }
  document.querySelector("[modal_dialog] label[go]").setAttribute('qd_item',button_cap);
  if(func){
    my_func=func;
  }
  var op=document.querySelector("#open_dialog")
  op.func=my_func;
  op.checked=true;


}


    //  ラジオボタンをチェックボックスのように扱うための関数
    function check_when_nocheck(elem,base){
      var target=document.querySelector("#"+elem.getAttribute("for"));
      if(target.checked){
          if(!base){
            target.checked=false;
          }else{
            document.querySelector("#"+base).checked=true;
          }
      }else{
          target.checked=true;
      }

  }


  function d_and_d_m2(child){/* 要素が追加された時にドラッグ&ドロップを有効にする */
    var parent=querySelectorParent(child,"[qd_id]");
    return function(){
        qd_log.log(parent);
        qd_log.warn("D&D");
        d_and_d_m(parent);
    }
}


function d_and_d_m(target){
    qd_log.log('D&D設定');
    var document=target;
    var lists = document.querySelectorAll("[type$='format'][view][copied] [order_adjuster]:not([drag_ready='1'])");
    qd_log.warn(lists);
    for( var i=0; i<lists.length; i++ ) {

        // img要素
        var item= lists.item(i);
        if(item.matches("[type$='format'][view]:not([copied])  [order_adjuster]:not([drag_ready='1'])")){
            continue;
        }
        item.parent=querySelectorParent(item,"[type]");
        item.setAttribute("drag_ready",1)
        // img要素にdragstartイベントのリスナーをセット
        // item.addEventListener("dragstart", function(event) {
        //     // データ転送用のデータをセット
        //     var id=querySelectorParent(event.target,"[type]").dataset.id;
        //     event.dataTransfer.setData("text", id);
        //     qd_log.log("doragg(ﾟДﾟ#)!!",id)
        // }, false);
//        ドラッグできる部分を全体に変更
        var itemBase=querySelectorParent(item,"[type$='format']");
        itemBase.addEventListener("dragstart", function(event) {
            // データ転送用のデータをセット
//            var id=event.target.dataset.id;
            var id=querySelectorParent(event.target,"[type]").dataset.id;

            event.dataTransfer.setData("text", id);
            qd_log.log("doragg(ﾟДﾟ#)!!",id)
        }, false);
        // itemBase.addEventListener("drag", function(event) {
        //     e = event || window.event;
        //     var dragX = e.offsetX, dragY = e.offsetY;
        //     qd_log.log("X: "+dragX+" Y: "+dragY);
        //     e.target.parent.style.top=dragY+'px';
        //     e.target.parent.style.left=dragX+'px';
        // }, false);

    }

    //////////////////////
    // ドロップ側の処理
    //////////////////////

    // カートのdiv要素にdragenterイベントのリスナーをセット
    var lists = document.querySelectorAll("[type$='format'][view][copied]:not([drop_ready])");
    for(var i=0; i<lists.length; i++ ) {
        var list=lists[i];
        if(list.matches("[type$='format'][view]:not([copied]):not([drop_ready])")){
            continue;
        }
        list.setAttribute("drop_ready",1)

        list.addEventListener("dragenter", function(event) {
            // デフォルトアクションをキャンセル
            event.preventDefault();
        }, false);
        list.addEventListener("dragover", function(event) {
            // デフォルト・アクションをキャンセル
            event.preventDefault();
        }, false);
        list.addEventListener("drop", function(event) {
            //デフォルトアクションをキャンセル
            event.preventDefault();
 
            // データ転送により送られてきたデータ
            var id = event.dataTransfer.getData("text");
            qd_log.log(id);
            // ドロップされたimg要素
            var target_prev=querySelectorParent(event.target,"[type$='format']")
            var view=target_prev.getAttribute("view")
            var item = document.querySelector("[type$='format'][view='"+view+"'][data-id='"+id+"']");
            // p要素を生成しカートに追加
//                        var p = document.createElement("p");
//                        p.appendChild(img);
//                        cart.appendChild(p);
            qd_log.log(item);
            qd_log.log(target);
            if(!item){
                return false;
            }
            if(item.matches("[keep_it]")){
                return false;
            }
    
            if(target_prev.getAttribute("view")==item.getAttribute("view")){
                var target=target_prev.nextElementSibling;
                var order=parseInt(target.dataset.ordering)+100;
                var order1=parseInt(target_prev.dataset.ordering);
                if(isNaN(order1)){
                  order1=0;
                }
                var order2=order1+100;
                if(target){
                  order2=parseInt(target.dataset.ordering);
                  qd_log.log(order2);
                  if(isNaN(order2)){
                    order2=order1+100;                      
                  }
                }
                qd_log.log(order1,order2);
                order=parseInt((order1 + order2)/2);
                item.dataset.ordering=order;
                ez_update(item);
                target.parentNode.insertBefore(item,target);    
            }
            var order1=item.dataset.ordering;
            var order2=target.dataset.ordering;
            //item.dataset.ordering=order1;
            //target.dataset.ordering=order2;
            qd_log.warn("ドラッグ&ドロップで自分自身にドロップした時や、別のグループにドロップした時の処理を後で書く")
            qd_log.log("dropp(ﾟДﾟ#)!!")
        }, false);
//        qd_log.log(list);


    }

}



setDeleteToDialogue=setFunctionToDialogue;

//create_css_for_display_switcher();
//location.hash='login';


const qd_target = document.querySelector('[qd_member_area]');
// オブザーバーの作成
const observer = new MutationObserver(records => {
  // 変化が発生したときの処理を記述
  var elems=qd_target.querySelectorAll("[action='#login'] input[type='text']");
  if(elems.length){
    for(var i=0;i<elems.length;i++){
      autoGetValueFromLocalStorege(elems[i])
      elems[i].setAttribute("onChange","autoUpdateValueLocalStorege(this);")
    }
  }
})

function autoUpdateValueLocalStorege(elem){
  localStorage["qd_auto_"+elem.getAttribute('name')]=elem.value;
}
function autoGetValueFromLocalStorege(elem){
  if(localStorage["qd_auto_"+elem.getAttribute('name')]){
    elem.value=localStorage["qd_auto_"+elem.getAttribute('name')];
  }else{
    qd_log.log(elem,"値なし");
  }
}


// 監視の開始

// observer.observe(qd_target, {
//   attributes: true,
//   attributeFilter: ['current_area']
// })

/**ここから自動でボタンにアクションつけたりする */
/* データをセットする際の関数 */
let qd_set_functions={};
qd_set_functions['unix2date']=function(elem){
    return function(data){
    var a = new Date(data * 1000);
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    month=a.getMonth()+1;
    if(month<10){
      month='0'+month;
    }
    var date = a.getDate();
    var hour = a.getHours();
    var min = a.getMinutes();
    var sec = a.getSeconds();
  //  var time = year+'/' + month + '/' + date + ' ' + hour + ':' + min + ':' + sec ;
    var time = year+'/' + month + '/' + date;
    return time;
  }
}
qd_set_functions['unix2datetime']=function(elem){
  return function(data){
    var a = new Date(data * 1000);
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    month=a.getMonth()+1;
    if(month<10){
      month='0'+month;
    }
    var date = a.getDate();

    if(date<10){
      date='0'+date;
    }

    var hour = a.getHours();
    var min = a.getMinutes();
    var sec = a.getSeconds();
    var time = year+'/' + month + '/' + date + ' ' + hour + ':' + min;
    return time;
  }
}
qd_set_functions['unix2datetimesec']=function(elem){
  return function(data){
    var a = new Date(data * 1000);
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    month=a.getMonth()+1;
    if(month<10){
      month='0'+month;
    }
    var date = a.getDate();
    if(date<10){
      date='0'+date;
    }
    var hour = a.getHours();
    var min = a.getMinutes();
    var sec = a.getSeconds();
    var time = year+'/' + month + '/' + date + ' ' + hour + ':' + min + ':' + sec ;
    return time;
  }
}

qd_set_functions['comma']=function(elem){
  return function(data){
    return parseFloat(data).toLocaleString();
  }
}

let qd_get_functions={};
qd_get_functions['date2unix']=function(elem){
    return function(data){
      try{
        console.log(elem,data)
        console.log(Date.parse(data));
        return Date.parse(data)/1000;
      }catch(e){
        return 0;
      }
  }
}
qd_get_functions['datetime2unix']=qd_get_functions['date2unix'];

function qd_filterValueSet(elem,data){
  if(elem.matches("[qd_set_function]")){
    const function_names=elem.getAttribute("qd_set_function");
    const function_name_array=function_names.split(" ");
    for(let i=0;i<function_name_array.length;i++){
      if(qd_set_functions[function_name_array[i]]){
        try{
//          console.log(qd_set_functions[function_name_array[i]])
          data  = qd_set_functions[function_name_array[i]](elem)(data);
        }catch(e){
          console.warn(e);
        }
      }
    }

  }
  return data;
}

function qd_filterValueGet(elem,data){
  if(elem.matches("[qd_get_function]")){
    const function_names=elem.getAttribute("qd_get_function");
    const function_name_array=function_names.split(" ");
    for(let i=0;i<function_name_array.length;i++){
      if(qd_get_functions[function_name_array[i]]){
        try{
          console.log(qd_get_functions[function_name_array[i]])
          data = qd_get_functions[function_name_array[i]](elem)(data);
        }catch(e){
          qd_log.log(function_name_array[i]);
          console.warn(e);
          return "";
        }
      }
    }

  }
  return data;
}
/* ここでダミーを非表示にする */

function load_qd_css(){
    var style=document.createElement("style")  
    style.innerHTML=`
    [type='dummy']{
      display:none !important;
    }
      `;
    document.head.appendChild(style);
  }
//  load_qd_css();
  
/**ログイン状態によってデータをロードしたりする bodyのみに対応 */
function qd_login_observer(){
    const qd_login_observer_target = document.querySelector('body');
    // オブザーバーの作成
    const qd_login_observer = new MutationObserver(records => {
        // 変化が発生したときの処理を記述
    //    load_staff_info();
    //	load_today_bookings();
        if(document.body.getAttribute('login')=='1'){
            var elems=document.querySelectorAll("[load_when_login]");
            for(var i=0;i<elems.length;i++){
                delay_load_element(elems[i],0,'login');
            }    
        }else{
            var elems=document.querySelectorAll("[reload_when_logout]");
            for(var i=0;i<elems.length;i++){
                delay_load_element(elems[i],0,'logout');
            }    
        }
    }) 
    
    
    // 監視の開始
        qd_login_observer.observe(qd_login_observer_target, {
            childList: false,
            attributes: true,
            characterData: false,
            subtree: false,
            attributeFilter: ['login']
        })    
}


/**ログインIDとパスワードの保存 */
function qd_keep_login_info(){
    const qd_login_observer_target_2 = document.querySelector('[qd_member_area]');
    if(qd_login_observer_target_2){
    
        // オブザーバーの作成
        const qd_login_observer_2 = new MutationObserver(records => {
            // 変化が発生したときの処理を記述
            var elems = qd_login_observer_target_2.querySelectorAll("[action='#login'] input[type='text']");
            if (elems.length) {
                for (var i = 0; i < elems.length; i++) {
                    autoGetValueFromLocalStorege(elems[i])
                    elems[i].setAttribute("onChange", "autoUpdateValueLocalStorege(this);")
                }
            }
        })
    
        function autoUpdateValueLocalStorege(elem) {
            localStorage["qd_auto_" + elem.getAttribute('name')] = elem.value;
        }
    
        function autoGetValueFromLocalStorege(elem) {
            if (localStorage["qd_auto_" + elem.getAttribute('name')]) {
                elem.value = localStorage["qd_auto_" + elem.getAttribute('name')];
            } else {
                qd_log.log(elem, "値なし");
            }
        }
        // 監視の開始
        qd_login_observer_2.observe(qd_login_observer_target_2, {
            attributes: true,
            attributeFilter: ['current_area']
        })
    }
    
}





const qd_visible_observer_options = {
    root: document.body,
    rootMargin: '1000000px',
    threshold: 0
};

//要素が交差したときに実行する命令
function qd_visible_observer_callback(entries) {
    qd_log.warn(entries);
    entries.forEach(function(entry, i) {
        const target = entry.target;
        qd_log.warn(target);
        if (entry.isIntersecting) {
//            qd_log.warn("visible");
            target.setAttribute('now_visible',1);
            qd_log.error('visible',target);

            delay_load_element(target,0,'came to be visible');
            children = target.querySelectorAll('[load_when_visible]');/**子要素は見えてないことがほとんどだから子要素はロードしてしまう */
            for(var j=0;j<children.length;j++){
//                children[i].setAttribute('now_visible',1);
                delay_load_element(children[j],0,'parent came to be visible');
            }

        }else{
            qd_log.warn("invisible");
            target.setAttribute('now_visible',0);
            if(target.matches("[unload_when_invisible]")){
                qd_loading_status(target,1);
                if(target.getAttribute('type')=='format'){
                    qd_remove_dataElements(target);
                }else{
                    qd_claerFormValue(target);
                }
            }

    //        qd_log.error('invisible',target);
        }
    });
    };
    
//Intersection Observerを呼ぶ
const qd_visible_observer = new IntersectionObserver(qd_visible_observer_callback, qd_visible_observer_options);


const qd_change_observer_callback = function(mutationsList) {
    // Use traditional 'for loops' for IE 11
//    console.warn(mutationsList);
    for(const mutation of mutationsList) {
        // if(mutation.target.parentNode.matches("[load_when_visible][view][now_visible='0']")){/*これ、初期では動いてないだろ(｀；・ω・´) */
        // }else{
        //     delay_load_element(mutation.target.parentNode,0,'params changed')
        // }   
        console.warn(mutation.target);
        console.warn(mutation.target.parentNode);
        if(!mutation.target.matches("[qd_page_control]")){
            //ページコントロール以外の場合はページを1に設定する
            var page_controler=mutation.target.parentNode.querySelector(":scope>[qd_page_control]");
            if(page_controler){
                page_controler.dataset.page=1;
            }
        }

        if(mutation.target.parentNode.matches("[load_when_visible][view][now_visible='0']")){
            if(mutation.target.parentNode.matches("[now_visible='1'] [load_when_visible][view][now_visible='0']")){
                qd_log.error("要素は非表示ですですが、表示要素の子要素です",mutation.target.parentNode);        
             delay_load_element(mutation.target.parentNode,0,'params changed')
            }else{
//                qd_log.error("要素は非表示です",elems[i]);
//                continue;/**見える時しかロードしないものが見えてない時は入れない */
            }
        }else{
            delay_load_element(mutation.target.parentNode,0,'params changed')
        }

    }
};

/** qd_set_observer内で使用しています */
const qd_change_observer = new MutationObserver(qd_change_observer_callback);

const qd_parent_change_observer_callback = function(mutationsList) {//ここの処理、テストもまだ( ´・ω・；｀)
    // Use traditional 'for loops' for IE 11
    for(const mutation of mutationsList) {
//        qd_log.warn(mutation);
        if(mutation.target.params_links.length){/*これ、初期では動いてないだろ(｀；・ω・´) */
//            qd_log.warn(mutation.target.links);
            for(let i=0;i<mutation.target.params_links.length;i++){
//                qd_log.warn("(´・ω・`)vvvv");
                //                let child=mutation.target.links[i].child_name;
                let targetE=mutation.target.params_links[i];
                let pair={};
                pair[targetE.child_name]=mutation.target.dataset[targetE.parent_name];
//                qd_log.warn(targetE.elem,pair);
                qd_set_fixed_params(targetE.elem,pair)
            }
        }

        if(mutation.target.dataset_links.length){
//            qd_log.warn(mutation.target.links);
            for(let i=0;i<mutation.target.dataset_links.length;i++){
//                qd_log.warn("(´・ω・`)vvvv");
                //                let child=mutation.target.links[i].child_name;
                let targetE=mutation.target.dataset_links[i];
                let pair={};
                pair[targetE.child_name]=mutation.target.dataset[targetE.parent_name];
//                qd_log.warn(targetE.elem,pair);
                for(let j in pair){
                    targetE.elem.dataset[j]=pair[j];
                }
//                qd_set_fixed_params(targetE.elem,pair)
            }
        }


    }
};

/** qd_set_observer内で使用しています */
const qd_parent_change_observer = new MutationObserver(qd_parent_change_observer_callback);


/**viewのパラメータと別要素のDatasetをリンクする */
function qd_set_params_links(parentElem){
    if(!parentElem){
        parentElem=document;
    }
    const links=parentElem.querySelectorAll("[link_with_parent]:not([qd_params_linked='linked']),[qd_params_linked]:not([qd_params_linked='linked'])");
//    console.warn(links);
    for(let i=0;i<links.length;i++){
        const Selector=links[i].getAttribute("target");
//        qd_log.warn(links[i].parent);
        let parent_prime=null;
        let parent=null;
        if(links[i].getAttribute("scope")){/*祖先要素を探す */
            parent_prime=querySelectorParent(links[i],links[i].getAttribute("scope"));
            if(!parent_prime){parent_prime=document.body;}
            parent=parent_prime.querySelector(Selector);
        }else{
            parent=document.querySelector(Selector);
        }
        if(parent){
            if(!parent.matches("[this_is_parent]")){
                parent.setAttribute("this_is_parent",1);
                parent.params_links=[];
                parent.dataset_links=[];
            }
//            qd_log.warn(parent.links);
            //ここを変更するのは面倒かもしれない
            parent.params_links.push({elem:links[i].parentNode,parent_name:links[i].dataset.parent_param,child_name:links[i].dataset.child_param});
            links[i].setAttribute('qd_params_linked','linked');

            //**ここでリンク先の初期値を入れる */
//            links[i].dataset[links[i].dataset.child_param]=parent.dataset[links[i].dataset.parent_param];
//            links[i].querySelector("[qd_params_fixed]").dataset[links[i].dataset.child_param]=parent.dataset[links[i].dataset.parent_param];
            var pair={};
            pair[links[i].dataset.child_param]=parent.dataset[links[i].dataset.parent_param];
            qd_set_fixed_params(links[i].parentNode,pair)



        }else{
            qd_log.warn(links[i]+'のリンク先が見つかりません');
        }
    }    
}

/**指定要素の親のデータセットと別要素のDatasetをリンクする */
function qd_set_dataset_links(parentElem){
    if(!parentElem){
        parentElem=document;
    }
    const links=parentElem.querySelectorAll("[qd_dataset_link]:not([qd_dataset_link='linked'])");
//    console.warn(links);
    for(let i=0;i<links.length;i++){
        const Selector=links[i].getAttribute("target");
//        qd_log.warn(links[i]);
        let parent_prime=null;
        let parent=null;
        if(links[i].getAttribute("scope")){/*祖先要素を探す */
            parent_prime=querySelectorParent(links[i],links[i].getAttribute("scope"));
            if(!parent_prime){parent_prime=document.body;}
            parent=parent_prime.querySelector(Selector);
        }else{
            parent=document.querySelector(Selector);
        }
        if(parent){
            if(!parent.matches("[this_is_parent]")){
                parent.setAttribute("this_is_parent",1);
                parent.params_links=[];
                parent.dataset_links=[];
            }
//            qd_log.warn(parent.dataset_links);
            //ここを変更するのは面倒かもしれない
            parent.dataset_links.push({elem:links[i].parentNode,parent_name:links[i].dataset.parent_param,child_name:links[i].dataset.child_param});
            //リンクしたら
            links[i].setAttribute('qd_dataset_link','linked');
            //**ここでリンク先の初期値を入れる */
            links[i].dataset[links[i].dataset.child_param]=parent.dataset[links[i].dataset.parent_param];
        }else{
            qd_log.warn(links[i]+'のリンク先が見つかりません');
        }
    }
}

/**データリンクの親のデータセットが更新されたら他の要素のdatasetに反映するオブザーバーをセット */
function qd_set_parent_observer(parentElem){
    const qd_change_observer_options = {
        childList: false,
        attributes: true,
        characterData: false,
        subtree: false
    };

    const qd_parent_change_observer_target = parentElem.querySelectorAll("[this_is_parent='1']")
    const qd_parent_change_observer_target_array = Array.prototype.slice.call(qd_parent_change_observer_target);
    
//    console.warn(qd_parent_change_observer_target);
    //オプション設定
    qd_parent_change_observer_target_array.forEach((tgt) => {
//        console.warn("parent発見だジェ？");
        if(!tgt.observe_change){
            tgt.observe_change=1;
            tgt.setAttribute("this_is_parent",2)
            qd_parent_change_observer.observe(tgt,qd_change_observer_options)
        }
    });
}


function qd_set_observer(parentElem){
    qd_log.warn(parentElem);
    qd_log.warn("n(`･ω･´)n");
    //trは扱いがめんどいので、テーブル側で表示非表示は処理するようにする。そのためにattributeをコピー
    const qd_visible_observer_target_tr = parentElem.querySelectorAll('tr[load_when_visible]')
    for(let i =0;i<qd_visible_observer_target_tr.length;i++){
       let parent= querySelectorParent(qd_visible_observer_target_tr[i],"table");
       if(parent){
           parent.setAttribute('load_when_visible',1);
       }
    }
    //見えたらロード


    const qd_visible_observer_target = parentElem.querySelectorAll('[load_when_visible]')
//    qd_log.warn(qd_visible_observer_target);
    //const target = document.querySelectorAll('[qd_id]')
    const qd_visible_observer_target_array = Array.prototype.slice.call(qd_visible_observer_target);
    //オプション設定  viewportはbodyにすればスクロールに左右されない
    qd_visible_observer_target_array.forEach((tgt) => {
        if(!tgt.observe_visible){
            tgt.observe_visible=1;
            qd_visible_observer.observe(tgt)    
        }
    });

    //属性値が変化したらロード
    const qd_change_observer_target = parentElem.querySelectorAll('[load_on_change],[qd_page_control]')
    const qd_change_observer_target_array = Array.prototype.slice.call(qd_change_observer_target);

    const qd_change_observer_options = {
        childList: false,
        attributes: true,
        characterData: false,
        subtree: false
    };
    
    //オプション設定
    qd_change_observer_target_array.forEach((tgt) => {
        if(!tgt.observe_change){
            tgt.observe_change=1;
        qd_change_observer.observe(tgt,qd_change_observer_options)
        }
    });

    //親の属性値が変化したらロード
}



// Element.prototype.qd_cloneNode = function() {
//     var result=this.cloneNode(1);
//     qd_set_observer(this);
//     return result;
// };


// Element.prototype.querySelectorParent = function(cssSelector) {
//     var parent=querySelectorParent(this,cssSelector);
//     return parent;
// };






function delay_load_element(elem,slave,type){
    if(!elem){
        qd_log.error('要素がないみたい');
        return false;
    }
    if(!elem.matches("[view]")){
        qd_log.error('viewがないみたい');
        return false;        
    }
//    qd_log.warn(type);
//    qd_log.error(elem);
    clearTimeout(document.body.qd_timeout);
    if(document.body.qd_loadSet.indexOf(elem)==-1){
            document.body.qd_loadSet.push(elem);
//        qd_log.error(document.body.qd_loadSet);
        if(!slave){
            if(elem.reload_links){
                if(elem.reload_links.length){
                    qd_log.error(elem.reload_links);
                    for(var i=0;i<elem.reload_links.length;i++){
                        for(var i in elem.dataset){

                        }
                        delay_load_element(elem.reload_links[i],slave,type);
                    }
//                    delay_load_elements(elem.reload_links,1,type);
                }    
            }
        }


    }
    document.body.qd_timeout=setTimeout(function(){
        load_on_element(document.body.qd_loadSet);
        document.body.qd_loadSet=[];
    },100);
}

function qd_keysort(obj){
    var obj2={}
    keys = Object.keys(obj);
    keys.sort();
    for(key of keys) {        
        obj2[key]=obj[key];
    }
    return obj2;

}




function load_on_element(elems){
//    qd_log.warn(elems);
    console.error(elems);
    resetLoadingBytes();
    var elems_set={};
    var counter=0;
    var servers={};
    for(var i=0;i<elems.length;i++){
        var elem=elems[i];
        var posts = {};

        if(elem.matches("[load_when_visible][view][now_visible='0']")){
            if(elem.matches("[now_visible='1'] [load_when_visible][view][now_visible='0']:not([copied])")){
                qd_log.error("要素は非表示ですですが、表示要素の子要素です",elems[i]);        
            }else{
//                qd_log.error("要素は非表示です",elems[i]);
                continue;/**見える時しかロードしないものが見えてない時は入れない */
            }
        }
        qd_loading_status(elem,1);

        if(elem.getAttribute('server')){//外部サーバーを指定されていればそれを使用
            posts.server = elem.getAttribute('server');
        }else{
            posts.server = get_homedir(1);
        }
        if(!servers[posts.server]){
            servers[posts.server]={};
        }
        posts.view = elem.getAttribute('view');
//        console.error(elem.querySelector(":scope>input[qd_params]"));

        if(elem.matches("[params_embedded]")){
            posts.params = qd_keysort(elem.dataset);
        }else{
            posts.params={};
        }

//        console.error(elem.querySelector(":scope>input[qd_params]"));
//        console.error(elem);
        if(elem.querySelector(":scope>input[qd_params]")){
//            console.warn("(´・ω・`)");
            var params=qd_keysort(elem.querySelector(":scope>input[qd_params]").dataset);
//            console.warn(params);
            for(var j in params){
                posts.params[j]=params[j];
            }
        }

        if(elem.querySelector(":scope>input[qd_params_fixed]")){
            var fixed_params=qd_keysort(elem.querySelector(":scope>input[qd_params_fixed]").dataset);
            for(var j in fixed_params){
                posts.params[j]=fixed_params[j];
            }
        }

        if(elem.querySelector(":scope>input[qd_search]")){
            posts.search = qd_keysort(elem.querySelector(":scope>input[qd_search]").dataset);
        }else{
            posts.search={};
        }

//        qd_log.error(elem);
        if(elem.querySelector(":scope>input[qd_page_control]")){/*ページネーションに使用*/
            var page_controler=elem.querySelector(":scope>input[qd_page_control]");
            posts.rows = page_controler.getAttribute('rows');
            if(parseInt(posts.rows)==0||isNaN(parseInt(posts.rows))){
                posts.rows=1000;                
            }
            if(parseInt(page_controler.dataset.page)==0||isNaN(parseInt(page_controler.dataset.page))){
                posts.page=1;
            }else{
                posts.page=page_controler.dataset.page;
            }
        }else{
            posts.page=1;
            posts.rows=1000;
        }




        var cash_duration=0;
        if(elem.getAttribute('cash_duration')){
            cash_duration=parseInt(elem.getAttribute('cash_duration'));
        }
        if(cash_duration == -1 && elem.loading_param==JSON.stringify(posts)){/*一度ロードしたらもうロードしない */
            qd_log.log('連続読み出し処理キャンセル',elem);
            qd_loading_status(elem,0);
            continue;
        }
        try{

            if(elem.last_loading_timestamp){
            }else{
                elem.last_loading_timestamp=0;
            }
//            console.warn(elem);
//            console.warn(elem.last_loading_timestamp);
            if(elem.last_loading_timestamp + cash_duration > current_timestamp() && elem.loading_param==JSON.stringify(posts)){/*キャッシュ時間内ならリロードしない */
            qd_loading_status(elem,0);
                qd_log.log('連続読み出し処理キャンセル',elem);
                continue;
            }
        }catch(e){
            elem.last_loading_timestamp=0;
        }


//        if(elem.loading_param==JSON.stringify(posts)){//まだ未完成
            // if(elems_set[JSON.stringify(posts)]){

            // }else{
            //     elems_set[JSON.stringify(posts)]=[];
            // }
//        }
        if(servers[posts.server][JSON.stringify(posts)]){

        }else{
            servers[posts.server][JSON.stringify(posts)]=[];
        }

        servers[posts.server][JSON.stringify(posts)].push(elem);
        elem.loading_param=JSON.stringify(posts);//パラメータの記録
        elem.last_loading_timestamp=current_timestamp();//パラメータの記録
        counter++;
//        console.error(servers);

    }
    if(counter==0){return false;}
    qd_log.error(servers);
    for(var h in servers){
        var load_set = [];
        var func_set={};
            var elems_set=servers[h];
        for(var i in elems_set){
            if(elems_set[i].prepare_function){
                elems_set[i].prepare_function(elems_set[i]);
            }
            var funcs=[];
    //        func_set_conbined=function(){};
            for(var j=0;j<elems_set[i].length;j++){
                var elem=elems_set[i][j];
                    if(elem.matches("[type$='format'],[qd_type$='format']")){
                        funcs.push(setDataToFormat(elem));

                    }else{
    //                    var func=setDataToElement(elem);
                        //リターンファンクションしないと、関数が
                        funcs.push(function(elem){
                            qd_loading_status(elem,0);

                            var func=setDataToElement(elem);
                            var f2=func;
                            return function(datas){
                                if(!datas.datas){
                                    
                                    qd_log.warn("データがありませんでした",datas);
                                }else{
                                    f2(datas.datas.body[0],datas.datas.header);
                                    if(elem.loaded_function){//load後の関数があればそれを実行
                                        qd_log.log("ロード後ファンクションあり");
                                        elem.loaded_function(elem);
                                      }else{
                                        qd_log.log("ロード後ファンクションなし");
                                    }
                                    qd_loading_status(elem,0);
                                }
                            }}(elem));

                    }
            }
            func_set[i]=function(funcset){
                var my_funcset=funcset;
                return function(datas){
//                    console.error(datas);
                    for(var j=0;j<my_funcset.length;j++){
//                        console.error(my_funcset[j]);
                        my_funcset[j](datas);
                    }
                }

            }(funcs);
            for(var j=0;j<elems_set[i].length;j++){
            }
            

            load_set.push({
                params: JSON.parse(i), 
                reload_function: func_set[i]
            });
        }

        function finalize() {
        }
        qd_load_view_multi(load_set, finalize,h);
    }

}


function create_qd_reload_link(childElem,parentElem){
    // parentElemがリロードされたらchildElemをリロードする
    var elems=childElem.querySelectorAll("[qd_reload_link]");
//    qd_log.error(elems);

    for(var i=0;i<elems.length;i++){
        var query=elems[i].getAttribute('qd_reload_link');
        var me=querySelectorParent(elems[i],'[view],[qd_view]');
        try{
            var scope=elems[i].getAttribute('scope');
            /**
             * スコープがあった場合は、自分自身のツリーから検索し、ない場合はparentElemのツリーから検索する
             * 動的にパーツをロードするときは主にこれで親と子を指定して使う
             */
            var parent=parentElem;
            if(scope){
                parent=querySelectorParent(me,scope);                
            }

            var targets=parent.querySelectorAll(query);
            for(var j=0;j<targets.length;j++){
                if(!targets[j].reload_links){
                    targets[j].reload_links=[];
                }
//                targets[j].reload_links.push(elems[i]);
                targets[j].reload_links.push(me);
            }
        }catch(e){
            console.warn(e);
        }
//        delay_load_element(elems[i],'load when start');
    }       
}

  
function qd_reload_interval(){
    console.log('定期読み出し')
    /** 下のセレクタは気をつけないといけない */
    let elems=document.querySelectorAll("[view][data_interval]:not([load_when_visible][now_visible='0']):not([copied])");
    for(var i=0;i<elems.length;i++){
        data_interval=parseInt(elems[i].getAttribute('data_interval'));
        if(elems[i].last_loading_timestamp + data_interval > current_timestamp()){/*リロード間隔内内ならリロードしない */
            continue;
        }
        console.error('定期読み出し',elems[i]);
        elems[i].last_loading_timestamp = current_timestamp()
        delay_load_element(elems[i],0,'interval');
//定期読み出しの処理
    }    
    
}

function qd_reset_params(elem){
    var params_elem=elem.querySelector(":scope>[qd_params]");
    if(!params_elem){return false;}
    for(var i in params_elem.dataset){
        delete(params_elem.dataset[i]);
    }
}

function qd_reset_search(elem){
    var search_elem=elem.querySelector(":scope>[qd_search]");
    if(!search_elem){return false;}
    if(search_elem){
        for(var i in search_elem.dataset){
            delete(search_elem.dataset[i]);
        }
    }
}


function qd_set_params(elem,params){
    var params_elem=elem.querySelector(":scope>[qd_params]");
    qd_reset_params(elem);
    qd_reset_search(elem);
    if(params_elem){
        for(var i in params){
            if(params[i]==undefined){
                params_elem.removeAttribute("data-"+i);    
            }else{
//                params_elem.dataset[i]=params[i];
                if(params_elem.dataset[i]!=params[i]){
//                    elem.dataset[i]=params[i];
                    params_elem.dataset[i]=params[i];    
                }

            }
        }
    }
}

function qd_set_fixed_params(elem,params){
    var params_elem=elem.querySelector(":scope>[qd_params_fixed]");
//    qd_reset_params(elem);
    qd_reset_search(elem);
    if(params_elem){
        for(var i in params){
            if(params[i]==undefined){
                elem.removeAttribute("data-"+i);
                params_elem.removeAttribute("data-"+i);    
            }else{
                if(params_elem.dataset[i]!=params[i]){
                    elem.dataset[i]=params[i];
                    params_elem.dataset[i]=params[i];    
                }
            }
        }
    }
}



function qd_set_search(elem,search){
    var search_elem=elem.querySelector(":scope>[qd_search]");
//    qd_log.warn(search_elem);
    qd_reset_search(elem);
    if(search_elem){
        for(var i in search){
            if(search[i]==undefined){
                search_elem.removeAttribute("data-"+i);
            }else{
                if(search_elem.dataset[i]!=search[i]){
                    search_elem.dataset[i]=search[i];
                }
            }
        }
    }
}

function qd_reload(elems,keep_cash,slave){
//    console.error()
    if(elems.length){
        console.log('複数要素')
        for(let i=0;i<elems.length;i++){
            qd_reload_single(elems[i],keep_cash,slave);
        }
    }else if(elems.length===0){
        console.log('要素なし')
//        console.warn(elems);
    }else{
        console.log('単発要素')
        console.log(elems);
        qd_reload_single(elems,keep_cash,slave)
    }
}

function qd_reload_single(elem,keep_cash,slave){
    if(!keep_cash){/**キャッシュを残す設定にすると、リロード時にデータ更新レンダリングを省ける可能性がある */
        elem.datas=null;
    }
    if(!elem){
        return false;
    }
//    console.warn(elem);
    try{
        try{
            //これ、効いてなくないですか？
            if(elem.getAttribute('type')!='format'){
                delete(elem.dataset.Delete);
            }
        }catch(e){
            console.warn(e);
        }

        var params_elem=elem.querySelector(":scope>[qd_params]");
        delay_load_element(elem,1);
        if(params_elem){
            params_elem.dataset.qd_reload_hack = current_timestamp();//強制リロードするためにハック
            if(!slave){
                if(elem.reload_links){
                    if(elem.reload_links.length){
                        qd_log.error(elem.reload_links);
                        qd_reload(elem.reload_links,1);
                    }
                }else{
                    qd_log.log('linknなしです');
                }
            }else{
                qd_log.log('slaveです');
            }
        }
    }catch(e){
        qd_log.warn(e);
    }
}




function qd_prepareInput(parent){
    console.error("ぷりペアエレメント(´・ω・`)");
    if(parent){
      let elems=parent.querySelectorAll("[view] [name],[view] [json_name],[view][name],[view][json_name]");
//      qd_log.warn(elems);
      for(var i=0;i<elems.length;i++){
        qd_prepareInputElement(elems[i]);
      }

      const attr_type="onClick";
      elems=parent.querySelectorAll("[ezAdd]:not([ezAdd='1'])");
      for(var i=0;i<elems.length;i++){
//          console.warn(elems[i].returnFunction)
        if(elems[i].returnFunction){
            addScriptToElement(elems[i],attr_type,"ez_add(this,this.returnFunction)")
        }else{
            addScriptToElement(elems[i],attr_type,"ez_add(this)")
        }
        elems[i].setAttribute("ezAdd",'1');
      }
      elems=parent.querySelectorAll("[ezUpdate]:not([ezUpdate='1'])");
      for(var i=0;i<elems.length;i++){
        addScriptToElement(elems[i],attr_type,"ez_update(this)")
        elems[i].setAttribute("ezUpdate",'1');
      }
      elems=parent.querySelectorAll("[ezDelete]:not([ezDelete='1'])");
      for(var i=0;i<elems.length;i++){
        addScriptToElement(elems[i],attr_type,"if(confirm('本当に削除しますか？')){ez_delete(this);}")
        elems[i].setAttribute("ezDelete",'1');
      }
      elems=parent.querySelectorAll("[ezCsv]:not([ezCsv='1'])");
      for(var i=0;i<elems.length;i++){
        addScriptToElement(elems[i],attr_type,"process_csv(this)()")
        elems[i].setAttribute("ezCsv",'1');
      }

      elems=parent.querySelectorAll("[ezSelect]:not([ezSelect='1'])");
      for(var i=0;i<elems.length;i++){
        addScriptToElement(elems[i],attr_type,"ez_select(this)")
        elems[i].setAttribute("ezSelect",'1');
      }

      elems=parent.querySelectorAll("[checkedUpdate]:not([checkedUpdate='1'])");
      for(var i=0;i<elems.length;i++){
        addScriptToElement(elems[i],attr_type,"checked_update(this)")
        elems[i].setAttribute("checkedUpdate",'1');
      }


    }else{
        qd_log.warn("エレメントルートが存在しません");
    }
  }
 
  function qd_set_pager(elem){
      console.log(elem);
      var root=document;
      var selector=elem.getAttribute("scope");
      var selector2=elem.getAttribute("target");
      if(!selector && !selector2){
        return false;
      }
      if(selector){
          var root2=querySelectorParent(elem,selector);
        if(root2){
            root=root2;
        }
      }
      if(selector2){
        target=root.querySelector(selector2);
        if(!target){
            target=root;
        }
      }else{
        target=root;
      }
      console.log(target);
      target.pager=elem;
      elem.target=target;
      var page_controler=target.querySelector(":scope>input[qd_page_control]");
      elem.page_controler=page_controler;
  }

  function qd_set_pagers(root){
    //まずはページ選択ボタンに動作を割り振る
    if(!root){root=document.body;}
    const attr_type="onClick";
    elems=root.querySelectorAll("[qd_page_setter]");
    for(var i=0;i<elems.length;i++){
      addScriptToElement(elems[i],attr_type,"querySelectorParent(this,'[qd_pager]').page_controler.dataset.page=this.dataset.page;")
    }

    //具体的なページャーの設定を行う（リンクする）
    var pagers=root.querySelectorAll("[qd_pager]");
    for(var i=0;i<pagers.length;i++){
        qd_set_pager(pagers[i]);
    }
  }



  function qd_prepareInputElement(elem){
    let attr_type='';
//    qd_log.log(elem,elem.tagName);
    switch (elem.tagName) {
        case 'INPUT':
//                       console.log(elem);
            try {
                switch(elem.getAttribute('type').toUpperCase()){
                    case 'CHECKBOX':
                        attr_type='onChange';
                        break;
                    case 'RADIO':
                        attr_type='onClick';
                        break;

                    case 'TEXT':
                    case 'PASSWORD':
                    case 'TEL':
                    case 'URL':
                    case 'EMAIL':
                    default:
                        attr_type='onInput';
                }
            } catch (er) {
                attr_type='onInput';
                console.warn(er);
            }
            break;

        case 'SELECT':
        case 'DATALIST':
            attr_type='onChange';
 
            break;
        case 'TEXTAREA':
          attr_type='onInput';
          break;
    }
//    qd_log.log(elem.getAttribute(attr_type));
    if(attr_type){
        addScriptToElement(elem,attr_type,"updateValue(this)");
    }else{
        attr_type='onClick';
    }

    /**データ更新系の要素にezUpdateやezAddがついていたら事前に処理する */
    if(elem.matches('[ezUpdate]')){
        addScriptToElement(elem,attr_type,"ez_update(this)");
        elem.removeAttribute('ezUpdate');
    }


    if(elem.matches('[checkedUpdate]')){
        addScriptToElement(elem,attr_type,"checked_update(this)");
        elem.removeAttribute('checkedUpdate');
    }

    if(elem.matches('[ezAdd]')){
        if(elem.returnFunction){
            addScriptToElement(elem,attr_type,"ez_add(this,this.returnFunction)")
        }else{
            addScriptToElement(elem,attr_type,"ez_add(this)")
        }
        elem.removeAttribute('ezAdd');
    }
  }

  function addScriptToElement(elem,attr,script){
    if(elem.getAttribute(attr)){
        elem.setAttribute(attr,elem.getAttribute(attr)+";"+script+";");
      }else{
        elem.setAttribute(attr,script+";");    
      }
  }

  function qd_setStyles(targetElem){
    if(!targetElem){
        targetElem=document.body;
    }
//    qd_log.warn(targetElem);
      let elems=targetElem.querySelectorAll("[name]:not(input):not(select):not(datalist):not(textarea):not(option):not([direct_insert]):not([value_insert]):not([json_base])");
      let style=document.createElement("style")
      var innerHTML='';
      var innerHTML2='';
      var comma='';

//      qd_log.warn(elems);

      for(let i=0;i<elems.length;i++){
        innerHTML+="[name='"+elems[i].getAttribute('name')+"']:not(input):not([direct_insert]):not([value_insert]):before{content:var(--"+elems[i].getAttribute('name')+");}\n"
        innerHTML2+=comma+"[name='"+elems[i].getAttribute('name')+"']:not([direct_insert]):not([value_insert]):not([nobr]):before";
        comma=','
      }

    //   自分自身が対象の場合
      if(targetElem.matches("[name]:not(input):not(select):not(datalist):not(textarea):not(option):not([direct_insert]):not([value_insert]):not([json_base])")){
        innerHTML+="[name='"+targetElem.getAttribute('name')+"']:not(input):not([direct_insert]):not([value_insert]):before{content:var(--"+targetElem.getAttribute('name')+");}\n"
        innerHTML2+=comma+"[name='"+targetElem.getAttribute('name')+"']:not([direct_insert]):not([value_insert]):not([nobr]):before";
        comma=','

      }



      elems=targetElem.querySelectorAll("[name2]:not(input):not(select):not(datalist):not(textarea):not(option):not([direct_insert]):not([value_insert]):not([json_base])");

//      qd_log.warn(elems);

      for(let i=0;i<elems.length;i++){
        innerHTML+="[name2='"+elems[i].getAttribute('name2')+"']:not(input):not([direct_insert]):not([value_insert]):after{content:var(--"+elems[i].getAttribute('name2')+");}\n"
        innerHTML2+=comma+"[name='"+elems[i].getAttribute('name2')+"']:not([direct_insert]):not([value_insert]):not([nobr]):after";
        comma=','
      }


      if(targetElem.matches("[name2]:not(input):not(select):not(datalist):not(textarea):not(option):not([direct_insert]):not([value_insert]):not([json_base])")){
        innerHTML+="[name2='"+targetElem.getAttribute('name2')+"']:not(input):not([direct_insert]):not([value_insert]):before{content:var(--"+targetElem.getAttribute('name2')+");}\n"
        innerHTML2+=comma+"[name2='"+targetElem.getAttribute('name2')+"']:not([direct_insert]):not([value_insert]):not([nobr]):before";
        comma=','

      }


      innerHTML2+="{white-space: pre-wrap;}\n"

      style.innerHTML=innerHTML+innerHTML2;
      document.head.appendChild(style);
  }


function process_csv(child){
    var elem=querySelectorParent(child,"[type$='format'],[view]");
    var file_name=child.getAttribute('fileName');
    if(!file_name){
        file_name='data.csv';
    }
    return function(return_function){
        console.log(elem);
        var my_view=elem.getAttribute('view');
        var server=elem.getAttribute('server');

        if(!return_function){
          return_function=console.log;
        }
        let func = new ajaxObjReady();
            const getData = {};
            const posts = {};
            var params={};
            var search={};
            console.log(elem.querySelector(":scope>[qd_params]"));
            if(elem.querySelector(":scope>[qd_params]")){
                for(var i in elem.querySelector(":scope>[qd_params]").dataset){
                    params[i]=elem.querySelector(":scope>[qd_params]").dataset[i];
                }
            }
            console.log(elem.querySelector(":scope>[qd_params_fixed]"));
            if(elem.querySelector(":scope>[qd_params_fixed]")){
                for(var i in elem.querySelector(":scope>[qd_params_fixed]").dataset){
                    params[i]=elem.querySelector(":scope>[qd_params_fixed]").dataset[i];
                }
            }

            if(elem.querySelector(":scope>[qd_search]")){
                var search=elem.querySelector(":scope>[qd_search]").dataset;
            }
            posts.params=JSON.stringify(params);
            posts.search=JSON.stringify(search);

            //							qd_log.log(elem);
            var my_get={};
            let base = get_homedir(1);
            let sql_target = get_homedir(1) + 'csv/'+my_view+'/';
            if(server){
              base = server;
              sql_target = server + 'csv/'+my_view+'/';  
            }
            if(file_name){
              sql_target+=file_name+'/';
            }
            console.log(sql_target);
    //							posts.lines=JSON.stringify(datas.lines);
            var my_func=return_function;
            const reload_function = function (data) {
              if(my_func){
                my_func(data);
              }
//              var content = data;
//              qd_file_generate(data,file_name);
            }
//            let func2 = func.url(sql_target).base(base).get(my_get).post(posts).connected(reload_function).sync(true).ready();
//            func2();

                var form = document.createElement('form');
//                form.action = '/hoge';
                form.action = sql_target;
                form.method = 'POST';

                // body に追加
                document.body.append(form);

                // formdta イベントに関数を登録(submit する直前に発火)
                for(var i in posts){
                    var my_tb=document.createElement('INPUT');
                    my_tb.type='hidden';
                    my_tb.name=i;
                    my_tb.value=posts[i];
                    form.appendChild(my_tb);
//                    form.append(i,posts[i]);
                }
                
                // submit
                console.log(form);
                form.submit();
//                form.parentNode.removeChild(form);
      }

}


//ブラウザ上のデータをダウンロード
// function qd_file_generate(content, filename) {
//     // create a temporary "a" element.
//     const a = document.createElement("a");
//     document.body.appendChild(a);
//     a.style = "display:none";
//     const blob = new Blob([content], { type: "text/plain" });
//     const url = window.URL.createObjectURL(blob);
//     a.href = url;
//     a.download = filename;
//     a.click();
//     window.URL.revokeObjectURL(url); // release the used object.
//     a.parentNode.removeChild(a); // delete the temporary "a" element
//   }



// ロード後に読まれる関数の配列が定義されていないなら初期化
if (typeof qd_loaded_function == 'undefined') {
    qd_loaded_function=[];
  }
  

//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){

    //ログイン情報の保存
    //location.hash = 'login';
    qd_login_observer();
//    qd_login_observer();
    
    })
    
        

//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){

    document.body.qd_loadSet=[];
    document.body.qd_timeout=null;
})


//更新時にデータが読み出せない。読み出したデータが消える
//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){

    var elems=document.querySelectorAll("[load_on_start]");
    for(var i=0;i<elems.length;i++){
        delay_load_element(elems[i],0,'load when start');
    }    
    create_qd_reload_link(document.body,document.body);
})

//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){
    qd_set_pagers();
})


//  window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){
    qd_prepareInput(document.body);
    qd_setStyles();
})
//setInterval(function(){console.warn(qd_window.ajaxes[0])},1000);
//var my_interval=setInterval(checkLoadingBytes,10);




//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){
    load_qd_css();

    /**オブザーバー系のセット */
    qd_set_observer(document);

    qd_set_params_links()
    qd_set_dataset_links()
    /*上の二つでリンクをセットして、下で親のオブザーバーをセット */
    qd_set_parent_observer(document);

})


//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){
    setInterval(qd_reload_interval,1000);

    setInterval(login_status_check,10*60*1000);

})

/* DOMが読み込み終わったら実行する */
window.addEventListener('DOMContentLoaded', 
function(){
  for(let i=0;i<qd_loaded_function.length;i++){
    qd_loaded_function[i]();
  }
  qd_loaded_function=[];
})

/*外部から読み出された時のアクション */

if(document.currentScript.getAttribute('async_load')){
    for(let i=0;i<qd_loaded_function.length;i++){
      qd_loaded_function[i]();
    }
    qd_loaded_function=[];
}
  
  




/*
function posted(data){
    console.log(data);
    var container=document.body.querySelector("[qd_member_area]");
    if(container){
        container.innerHTML=data.message;
    }else{
        container=document.createElement("div");
        container.style.display='none';
        container.setAttribute("qd_member_area","*");
        document.body.appendChild(container);
    }
    if(data.next){
        setTimeout(function(){
            if(location.hash.replace('#','')==data.next){
                locationHashChanged();
            }else{
                location.hash=data.next;
            }
        },parseInt(data.timing));
    }
    // HTMLDocument (Document) が返る
}
*/

function create_login_form(){
    if(!document.querySelector('#pass_change')){
        var d1=document.createElement("div")
        d1.id='pass_change';
        document.body.appendChild(d1);
    }
    if(!document.querySelector('[qd_login_form]')){
        var d2=document.createElement("div")
        d2.setAttribute('qd_login_form',1)
        d2.classList.add('login');
        d2.innerHTML=`
            <div id="login">
                <form name="loginform" id="loginform" action="" method="post" onSubmit="return false;">
                    <div qd_member_area='login member logout default pass_change required reset_password reset_by_mail register_new new input_code input_code2' initial_content='login'></div>
                </form>
            </div>
          `;
        document.body.appendChild(d2);    
    }
  }
  


function qd_ajax_submit(elem){

    var posted=function(data){
        console.log(data);
        var container=document.body.querySelector("[qd_member_area]");
        if(container){
            container.innerHTML=data.message;
        }else{
            container=document.createElement("div");
            container.style.display='none';
            container.setAttribute("qd_member_area","*");
            document.body.appendChild(container);
        }
        if(data.next){
            setTimeout(function(){
                if(location.hash.replace('#','')==data.next){
                    locationHashChanged();
                }else{
                    location.hash=data.next;
                }
            },parseInt(data.timing));
        }
        // HTMLDocument (Document) が返る
    }
    

    var form=querySelectorParent(elem,'.qd_form')
    var param=form.getAttribute('action');
    if(!param){
        return false;
    }
    param=param.replace('#','');
    console.log(param);
    var elements=form.querySelectorAll("[name]");
    var data={}
    var val=null;
    for(var i=0;i<elements.length;i++){
        if(val=qd_getData(elements[i])){
            if(data[elements[i].getAttribute('name')] && data[elements[i].getAttribute('name')] != val){
                data[elements[i].getAttribute('name')]+=','+val;
            }else{
                data[elements[i].getAttribute('name')]=val;
            }    
        }
    }
    var base=get_homedir(1);
//    var func=new ajaxObjReady().base(base).url(get_homedir(1)+'./forms.php?p='+param).done(loaded).exec();
var location_array=location.href.split('#');
//    var location_array2=location_array[0].split('?');
//    var referer=encodeURIComponent(location_array2[0]);
    var referer=encodeURIComponent(location_array[0]);
    var func=new ajaxObjReady().url(get_homedir(1)+'./ajax.php?p='+param+'&referer='+referer).post(data).done(posted).exec();

//    var func=new ajaxObjReady().base(base).url(get_homedir(1)+'./ajax.php?p='+param).post(data).done(posted).exec();
}

function confirm_value_and_submit(elem,selector_for_target,prompt_msg,error_msg){/* password入力用 */
    var form=querySelectorParent(elem,'.qd_form')
    try{
      	var pass1=form.querySelector(selector_for_target).value;
  		if(pass1==prompt(prompt_msg)){
            qd_ajax_submit(elem)
  		}else{
  			alert(error_msg);
  			return false;
  		}
  }catch(e){
  	console.log(e);
  }
}

function confirm_value_and_submit_new(elem,selector_for_target,error_msg){/* password入力用 */
    var form=querySelectorParent(elem,'.qd_form')
    try{
          var pass=form.querySelectorAll(selector_for_target);
  		if(pass[0].value==pass[1].value){
            qd_ajax_submit(elem)
  		}else{
  			alert(error_msg);
  			return false;
  		}
  }catch(e){
  	console.log(e);
  }
}


var qd_id=null;

function keepId(elem,target){
    var form=querySelectorParent(elem,'.qd_form');
    var id=form.querySelector("[name='"+target+"']").value;
    qd_id=id;
    localStorage.id=id;
}


function confirm_and_submit(elem,confirm_msg){/* password入力用 */
    try{
  		if(confirm(confirm_msg)){
            qd_ajax_submit(elem)
  		}
  }catch(e){
  	console.log(e);
  }
}



var setdata=function(data){
    console.log(data);
    var form=document.body.querySelector("[qd_member_area]");
    if(!data){
//        return false;
    }else{
       qd_put_values_to_form(form,data);

    }
   var scripts=form.querySelectorAll("script");
   console.log(scripts);
   for(var i=0;i<scripts.length;i++){
       eval(scripts[i].innerHTML);
   }
}

function locationHashChanged(initialize) {
    console.log(initialize)
//        console.log('ロケーションチェンジ(ﾟДﾟ#)!!');
        var loaded=function(datas){
            var param=location.hash.replace('#','');
            console.log(datas);
            for(var i in datas.forms){
                data=datas.forms[i];
                console.log(data);
                var target=null;
                if(target=document.body.querySelector("[qd_member_area~='"+i+"'],[qd_member_area~='*']")){
                }else{
//                    target=document.body.querySelector("[qd_member_area]:not([fixed_content])");
                }
                console.log(target);
                if(target){
                    console.log(target);
                    console.log(datas.forms[i]);
                    target.innerHTML=data;
                    if(datas.datas[i]){
                        console.log(datas.datas[i]);
                        qd_put_values_to_form(target,datas.datas[i]);
                    }    
                }
                if(target){
                    target.setAttribute('current_area',i);
                    var scripts=target.querySelectorAll("script");
                    console.log(scripts);
                    for(var j=0;j<scripts.length;j++){
                        eval(scripts[j].innerHTML);
                    }
                }
            }
            document.body.setAttribute('login',datas.login)
         

//            var func=new ajaxObjReady().url(get_homedir(1)+'./data.php?p='+param).done(setdata).exec();
        }
    
        var param='';
        if(initialize==1){
            var fixed_boxes=document.body.querySelectorAll("[qd_member_area][fixed_content],[qd_member_area][initial_content]");
            for(var i =0;i<fixed_boxes.length;i++){
                if(fixed_boxes[i].getAttribute('initial_content')){
                    param+=':'+fixed_boxes[i].getAttribute('initial_content');
                }else{
                    param+=':'+fixed_boxes[i].getAttribute('fixed_content');
                }
            }
            console.log(param);
            param+=':'+location.hash.replace('#','');
            var func=new ajaxObjReady().url(get_homedir(1)+'./forms.php?p='+param).done(loaded).exec();
            return false;
 
            //            var param=document.body.querySelector("[qd_member_area]").getAttribute('fixed_content');            
        }else{
            param+=location.hash.replace('#','');
        }
        if(!param){
            param='default';
        }else if(param==':'){
            param='default';
        }   
//        console.log('ハッシュ変わった')
        var base=get_homedir(1);
        var func=new ajaxObjReady().base(base).url(get_homedir(1)+'./forms.php?p='+param).done(loaded).exec();
  }  


  function confirmPassword(form){
    try{
        var pass1=form['<?PHP print $pass_field;?>'].value;
            if(pass1==prompt('パスワード確認\nパスワードを再入力してください。')){
  
            }else{
                alert('パスワードが一致しません');
                return false;
            }
    }catch(e){
        console.log(e);
    }
  }
  

// ロード後に読まれる関数の配列が定義されていないなら初期化
if (typeof qd_loaded_function == 'undefined') {
    qd_loaded_function=[];
  }
  

//window.addEventListener('DOMContentLoaded', function(){
qd_loaded_function.push(function(){

    create_login_form();
    window.onhashchange = locationHashChanged;
    locationHashChanged(1);
})


  
/* DOMが読み込み終わったら実行する */
window.addEventListener('DOMContentLoaded', 
function(){
  for(let i=0;i<qd_loaded_function.length;i++){
    qd_loaded_function[i]();
  }
  qd_loaded_function=[];
})

/*外部から読み出された時のアクション */
if(document.currentScript.getAttribute('async_load')){
    for(let i=0;i<qd_loaded_function.length;i++){
      qd_loaded_function[i]();
    }
    qd_loaded_function=[];
  }