<script type="text/javascript">
<!--

  var counti = 0 
  var recId  = "" 

  function setClone(id)
  {

    //クローンを作る
    clone = document.getElementById(id).cloneNode(true)

    //id名を記録する
    recId = recId + "," + ("calclone" + counti )

    //クローンのid名を書き換える
    clone.attributes.getNamedItem('id').nodeValue="calclone" + counti

    counti++

  }

  function appendClone(id)
  { 

    //最新のクローン作成
    setClone('calendar') 

    //bodyへ追加する
    caloj = document.body.appendChild(clone)

    //作ったコピーの移動先xを決める 幅150
    x = counti * 150  

    //移動
    moveLAYER( caloj.id ,x,400)

  }

  function clearClone()
  {
     recIdArray = recId.split(',')
     for(i in recIdArray)
     { 
       if(i>0)moveLAYER( recIdArray[i] , -1000 , -1000 )
     }
     counti = 0 
  }


  function moveLAYER(layName,x,y)
  {
    if(document.getElementById){             //e5,e6,n6,n7,m1,o6用
        document.getElementById(layName).style.left = x
        document.getElementById(layName).style.top  = y
    } else if(document.all){                 //e4用
        document.all(layName).style.pixelLeft = x
        document.all(layName).style.pixelTop  = y
    } else if(document.layers)
        document.layers[layName].moveTo(x,y) //n4用
  }

//-->
</script>

<!-- ↓この外部ファイルcalendarlay.jsについては.jsファイル内を参照ください -->
<script type="text/javascript" src="./calendarlay.js"></script>

<form name="calf1">

●生成されたカレンダーのクローンを作成する<br>
<br>
受付日:<input name="e1" type="text" 
  onFocus="wrtCalendarLay(this,event)">　wrtCalendarLay(this,event)<br>

<br>
日付入力欄へカーソルを入れるとカレンダーレイヤーが現れます。<br>
カレンダーレイヤーの日付をクリックすると自動的に入力欄へ日付が入ります。<br>
ドラッグも可能です。
<br><br>


*このボタンを押すと現在のカレンダークローンを下に並べます。
月を変えて並べてみてください。
<br>
<input type="button" 
       value="クローンコピー"
       onclick = "appendClone('calendar') ;">
<input type="button" 
       value="クリア"
       onclick = "clearClone()">
</form>