WebModuleUnit1.dfm

   1 object WebModule1: TWebModule1
   2   OldCreateOrder = False
   3   OnCreate = WebModuleCreate
   4   Actions = <
   5     item
   6       MethodType = mtGet
   7       Name = 'top'
   8       PathInfo = '/'
   9       OnAction = WebModule1topAction
  10     end
  11     item
  12       MethodType = mtGet
  13       Name = 'indexpage'
  14       PathInfo = '/index'
  15       OnAction = WebModule1indexpageAction
  16     end
  17     item
  18       MethodType = mtPost
  19       Name = 'regist'
  20       PathInfo = '/regist'
  21       OnAction = WebModule1registAction
  22     end
  23     item
  24       MethodType = mtGet
  25       Name = 'admin'
  26       PathInfo = '/admin'
  27       OnAction = WebModule1adminAction
  28     end
  29     item
  30       Name = 'search'
  31       PathInfo = '/search'
  32       OnAction = WebModule1searchAction
  33     end
  34     item
  35       Name = 'help'
  36       PathInfo = '/help'
  37       OnAction = WebModule1helpAction
  38     end
  39     item
  40       Name = 'master'
  41       PathInfo = '/master'
  42       OnAction = WebModule1masterAction
  43     end
  44     item
  45       Name = 'alert'
  46       PathInfo = '/alert'
  47       OnAction = WebModule1alertAction
  48     end
  49     item
  50       MethodType = mtPost
  51       Name = 'usrdel'
  52       PathInfo = '/userdel'
  53       OnAction = WebModule1usrdelAction
  54     end
  55     item
  56       Name = 'jump'
  57       PathInfo = '/jump'
  58       OnAction = WebModule1jumpAction
  59     end
  60     item
  61       MethodType = mtGet
  62       Name = 'link'
  63       PathInfo = '/link'
  64       OnAction = WebModule1linkAction
  65     end
  66     item
  67       MethodType = mtPost
  68       Name = 'admdel'
  69       PathInfo = '/admindel'
  70       OnAction = WebModule1admdelAction
  71     end
  72     item
  73       Name = 'login'
  74       PathInfo = '/login'
  75       OnAction = WebModule1loginAction
  76     end
  77     item
  78       MethodType = mtPost
  79       Name = 'adminset'
  80       PathInfo = '/adminset'
  81       OnAction = WebModule1adminsetAction
  82     end
  83     item
  84       MethodType = mtGet
  85       Name = 'logout'
  86       PathInfo = '/logout'
  87       OnAction = WebModule1logoutAction
  88     end
  89     item
  90       MethodType = mtGet
  91       Name = 'img'
  92       PathInfo = '/src'
  93       OnAction = WebModule1imgAction
  94     end
  95     item
  96       MethodType = mtGet
  97       Name = 'file'
  98       PathInfo = '/file'
  99       OnAction = WebModule1fileAction
 100     end
 101     item
 102       Name = 'title'
 103       PathInfo = '/title'
 104       OnAction = WebModule1titleAction
 105     end>
 106   Height = 385
 107   Width = 909
 108   object articles: TDataSetPageProducer
 109     HTMLDoc.Strings = (
 110       '                                            <hr size=1>'
 111
 112         #9'<section id=number><a name=<#number>></a><a href=<#uri>/jump?db' +
 113         '=<#dbnum>&num=<#number>'
 114       '         style=text-decoration:none>'
 115       #9#9'[<#number>]</a></section>'
 116       #9'<section id=title><#title></section>'
 117       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
 118       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
 119       #9'<p>'#9661#9650#9661#9650#9661#9650#9661
 120       #9'<section id=comment><#comment></section>'
 121
 122         '<section id=master style=text-align:right><a href=<#uri>/alert?d' +
 123         'b=<#dbnum>&num=<#number>>'#22577#21578'</a></section>'
 124       #9'<p>'#9651#9660#9651#9660#9651#9660#9651)
 125     DataSet = FDTable2
 126     OnHTMLTag = articlesHTMLTag
 127     Left = 112
 128     Top = 88
 129   end
 130   object index: TDataSetPageProducer
 131     HTMLDoc.Strings = (
 132       '<!DOCTYPE html>'
 133       '<html lang="ja">'
 134       '  <head>'
 135       '    <meta charset="utf-8">'
 136       '  <meta http-equiv="Content-Style-Type" content="text/css">'
 137       '<style type="text/css">'
 138       '<!--'
 139       '    <#css id=2>'
 140       '    <#css id=4>'
 141       '-->'
 142       '</style>'
 143
 144         '    <script src=//cdn.rawgit.com/google/code-prettify/master/loa' +
 145         'der/run_prettify.js></script>'
 146
 147         '    <script type=text/javascript src=//ajax.googleapis.com/ajax/' +
 148         'libs/jquery/1.8.1/jquery.min.js></script>'
 149       '    <script>'
 150       '    <!--'
 151       '    <#js id=1>'
 152       '    <#js id=2>'
 153       '    -->'
 154       '    </script>'
 155       '    <title>'
 156       '    <#title>'
 157       '    </title>'
 158       '  </head>'
 159       '  <body>'
 160       '<#pr>'
 161       '    <a href=<#uri>/ style=text-decoration:none><#title2></a>'
 162       ''
 163       '    <#header>'
 164       ''
 165       '    <hr size="1" width="100%">'
 166
 167         '    <form action=<#uri>/userdel?db=<#dbnum> method="post" id=sea' +
 168         'rch>'
 169       '      <label><p>'#35352#20107'No</p><input name="num"></label>'
 170
 171         '      <label><p>Pass</p><input type="password" name="password"><' +
 172         '/label>'
 173       '      <input type="submit" value="'#21066#38500'">'
 174       '    </form>'
 175       '    <form action=<#uri>/jump?db=<#dbnum> method=post id=search>'
 176       '      <label><p>'#35352#20107'No</p><input name=num></label>'
 177       '      <input type=submit value='#31227#21205'>'
 178       '    </form>'
 179       '    <p><a href=<#uri>/search?db=<#dbnum>>'#26908#32034#12506#12540#12472'</a></p>'
 180       '    <p style=text-align:right><a href=#article>'#19979#12408#31227#21205'</a></p>'
 181       '    <p style=text-align:center><#database></p>'
 182       '    <#footer>'
 183       '  <#article>'
 184       #9'<a name=article></a>'
 185       #9'<p style=text-align:right><a href=#top>Top'#12408#31227#21205'</a></p>'
 186       '  <#footer>'
 187
 188         '    <p style=text-align:center><a href="<#uri>/admin?db=<#dbnum>' +
 189         '">'#31649#29702#32773#29992#12525#12464#12452#12531'</a></p>'
 190       '  </body>'
 191       '</html>')
 192     DataSet = FDTable3
 193     OnHTMLTag = indexHTMLTag
 194     Left = 112
 195     Top = 32
 196   end
 197   object admin: TDataSetTableProducer
 198     Columns = <
 199       item
 200         Custom = 'width=10%'
 201         FieldName = 'CHECK'
 202       end
 203       item
 204         Custom = 'width=10%'
 205         FieldName = 'NUMBER'
 206       end
 207       item
 208         FieldName = 'TITLE'
 209       end
 210       item
 211         FieldName = 'NAME'
 212       end
 213       item
 214         FieldName = 'DATE'
 215       end>
 216     Footer.Strings = (
 217       '')
 218     MaxRows = 30
 219     DataSet = FDTable2
 220     RowAttributes.Align = haCenter
 221     TableAttributes.Align = haCenter
 222     TableAttributes.BgColor = 'White'
 223     TableAttributes.Width = 80
 224     OnFormatCell = adminFormatCell
 225     Left = 176
 226     Top = 32
 227   end
 228   object search: TPageProducer
 229     HTMLDoc.Strings = (
 230       ''
 231       '<!DOCTYPE HTML>'
 232       ''
 233       '<html>'
 234       '  <head>'
 235       '    <title>'#26908#32034'</title>'
 236       '    <style type=text/css>'
 237       '    <!--'
 238       '    <#css>'
 239       '    -->'
 240       '    </style>'
 241       '  </head>'
 242       ''
 243       '  <body>'
 244       '<#pr>'
 245       '    <form action="<#uri>/search<#query>" method="post">'
 246       '    <p align="center"><strong>'#25237#31295#26908#32034
 247       '</strong>'
 248       '    </p>'
 249       '    <p>'
 250       '</p>'
 251       '    <p>'
 252       '    </p>'
 253       '      <p align="center">'#26908#32034#12290#12473#12506#12540#12473#12391#21306#20999#12387#12390#12367#12384#12373#12356#12290'</p>'
 254       '    <select name=type>'
 255       '      <option value=OR>OR</option>'
 256       '      <option value=AND>AND</option>'
 257       '    </select>      '
 258
 259         '        <div style="HEIGHT: 26px; WIDTH: 105px; POSITION: relati' +
 260         've; DISPLAY: inline" ms_positioning="FlowLayout">'#26908#32034#12527#12540#12489
 261       '</div>'
 262       '      <p>&nbsp;<input name="word1"></p>'
 263
 264         '    <p><input type="radio" name="filter" style="HEIGHT: 20px; WI' +
 265         'DTH: 17px" size="17" value="name">'#21517#21069#12363#12425#26908#32034' <input type="radio" che' +
 266         'cked="true" style="HEIGHT: 20px; WIDTH: 16px" size="16" name="fi' +
 267         'lter" value="com">'#26412#25991#12363#12425#26908#32034
 268       '</p>'
 269       '      <p>'
 270       '    <input type="submit" value="'#26908#32034'"></p>'
 271       '    </form>'
 272       '      <p><a href="<#select>">'#25522#31034#26495#12408#25147#12427
 273       '</a></p>'
 274       '    <#items>'
 275       '  </body>'
 276       '</html>')
 277     OnHTMLTag = searchHTMLTag
 278     Left = 240
 279     Top = 32
 280   end
 281   object items: TDataSetPageProducer
 282     HTMLDoc.Strings = (
 283       '                                            <hr size=1>'
 284       #9'<section id=title><#title></section>'
 285       #9'<section id=name>'#12288'Name:<h1><#name></h1></section>'
 286       #9'<section id=date>'#12288'Date:<h1><#date></h1></section>'
 287       #9
 288       #9'<section id=comment><#item></section>'
 289       '')
 290     DataSet = FDTable4
 291     OnHTMLTag = itemsHTMLTag
 292     Left = 240
 293     Top = 144
 294   end
 295   object help: TPageProducer
 296     HTMLDoc.Strings = (
 297       ''
 298       '<!DOCTYPE html>'
 299       ''
 300       '<html><head><meta charset=utf8><title>'#20351#12356#26041'</title></head>'
 301       '<body>'
 302       '<#pr>'
 303       '<P>'#35370#21839#32773#12398#30342#12373#12435'</P>'
 304       '<#area>'
 305       #9'<p><br>'
 306       '<p>'#38283#30330#32773#12398#30342#12373#12435
 307       '<p>pybbs'#12398'API'
 308       '<p>ArticleAPI ... ~/read/api/<b>dbname</b>/<b>number</b>'
 309       '<p>ListAPI ... ~/headline/api'
 310       '<p><br>'
 311       '<p>'
 312       '<p>'#21033#29992#35215#32004
 313       '<p>'#12371#12428#12363#12425#26360#12365#12414#12377
 314       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
 315       '</body>'
 316       '</html>')
 317     OnHTMLTag = helpHTMLTag
 318     Left = 304
 319     Top = 32
 320   end
 321   object top: TPageProducer
 322     HTMLDoc.Strings = (
 323       '<!doctype html>'
 324       '<html class=no-js lang="ja">'
 325       '<head>'
 326       #9'<title>Top Page</title>'
 327
 328         ' <script type="text/javascript" src="//ajax.googleapis.com/ajax/' +
 329         'libs/jquery/2.1.4/jquery.min.js"></script>'
 330
 331         ' <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jq' +
 332         'ueryui/1.10.4/themes/smoothness/jquery-ui.css" />'
 333
 334         ' <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jq' +
 335         'uery-ui.min.js"></script>'
 336
 337         ' <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com' +
 338         '/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqF' +
 339         'Gwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" cros' +
 340         'sorigin="anonymous">'
 341       '</head>'
 342       '<body>'
 343
 344         '    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.j' +
 345         's" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp' +
 346         '4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>'
 347
 348         '    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.j' +
 349         's/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRax' +
 350         'vfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="ano' +
 351         'nymous"></script>'
 352
 353         '    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.' +
 354         '2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2j' +
 355         'oaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonym' +
 356         'ous"></script>'
 357       '<#pr>'
 358       '<div id="fb-root"></div>'
 359       ''
 360       '<script>(function(d, s, id) {'
 361       '  var js, fjs = d.getElementsByTagName(s)[0];'
 362       '  if (d.getElementById(id)) return;'
 363       '  js = d.createElement(s); js.id = id;'
 364
 365         '  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=' +
 366         'v2.8";'
 367       '  fjs.parentNode.insertBefore(js, fjs);'
 368       '}(document, '#39'script'#39', '#39'facebook-jssdk'#39'));</script>'
 369       ''
 370       ''
 371       '<header><h1 style="text-align: center;">'#28961#26009#38651#23376#25522#31034#26495#12408#12424#12358#12371#12381
 372       '</h1></header>'
 373       '<div id="slide-1" class="carousel slide" data-ride="carousel">'
 374       '  <ol class="carousel-indicators">'
 375       '    <#indicator>'
 376       '  </ol>'
 377       '  <div class="carousel-inner bg-dark"><#slide></div>'
 378       ''
 379
 380         #9'<a class="carousel-control-prev" href="#slide-1" role="button" ' +
 381         'data-slide="prev">'
 382
 383         '          <span class="carousel-control-prev-icon" aria-hidden="' +
 384         'true"></span>'
 385       '          <span class="sr-only">Previous</span>'
 386       '        </a>'
 387
 388         '        <a class="carousel-control-next" href="#slide-1" role="b' +
 389         'utton" data-slide="next">'
 390
 391         '          <span class="carousel-control-next-icon" aria-hidden="' +
 392         'true"></span>'
 393       '          <span class="sr-only">Next></span>'
 394       '        </a>'
 395       '</div>'
 396       '<p>'
 397       '<p>'#12288'<em style="background-color: aqua;">'#12288#12288#12288#12288'</em>'#12539#12539#12539'new!'
 398
 399         '        <p>[ <a href=<#uri>/index?db=<#dbnum>><#info></a> ] ='#12362#30693#12425 +
 400         #12379' <p>[ <a href="<#uri>/master">master'
 401
 402         '</a> ] ='#31649#29702#20154'<div class="fb-like" data-href="http://pybbs.herokuap' +
 403         'p.com" data-layout="box_count" data-action="like" data-size="sma' +
 404         'll" data-show-faces="true" data-share="false"></div>'
 405
 406         '<p><a href="http://www.xn--gckj5d1ktb3488cn4q.jp/" target="_blan' +
 407         'k"><img alt="'#28961#26009#12459#12454#12531#12479#12540'" src="http://www.xn--gckj5d1ktb3488cn4q.jp/' +
 408         'counter.php?id=pybbs" border="0"></a>'
 409       '<footer>'
 410       '<p><br>'
 411       '<p><a href=<#uri>/title>'#12479#12452#12488#12523#34920#31034'</a>'
 412       '<p><a href="<#uri>/help">'#20351#12356#26041#26696#20869
 413       '</a>'
 414       '<p><a href=<#uri>/search>'#26908#32034'</a>'
 415       '<p>PR '#12522#12531#12463'<br>'
 416
 417         '<p><a href="https://www.amazon.co.jp/%E9%AB%98%E6%A0%A1%E5%8D%92' +
 418         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 419         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B00AXBM08Q/r' +
 420         'ef=sr_1_7?ie=UTF8&amp;qid=1479369992&amp;sr=8-7&amp;keywords=san' +
 421         'uki_kainushi">'#39640#26657#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 422       '</a><br>amazon kindle'
 423       '</p>'
 424       '<p>'
 425
 426         '<p><a href="https://www.amazon.co.jp/%E4%B8%AD%E5%AD%A6%E5%8D%92' +
 427         '%E6%A5%AD%E3%81%BE%E3%81%A7%E3%81%AE%E3%82%B5%E3%83%83%E3%82%AB%' +
 428         'E3%83%BC%E6%88%A6%E8%A1%93-sanuki_kainushi-ebook/dp/B014X0S874/r' +
 429         'ef=sr_1_3?s=digital-text&amp;ie=UTF8&amp;qid=1479370246&amp;sr=1' +
 430         '-3">'#20013#23398#21330#26989#12414#12391#12398#12469#12483#12459#12540#25126#34899
 431       '</a><br>amazon kindle'
 432       '</p>'
 433       '</footer>'
 434       ''
 435       '</body>'
 436       '</html>')
 437     OnHTMLTag = topHTMLTag
 438     Left = 48
 439     Top = 32
 440   end
 441   object master: TPageProducer
 442     HTMLDoc.Strings = (
 443       '<!doctype html>'
 444       '<head>'
 445       '<meta charset=utf-8>'
 446       '</head>'
 447       '<body>'
 448       '<#pr>'
 449       '<form action=<#uri>/master method=post>'
 450       '<p><#request>'
 451       '<input type=radio name=delete value=some checked>'#21066#38500#28168#12415#12434#28040#21435#12288
 452       '<input type=radio name=delete value=all>'#12377#12409#12390#28040#21435
 453       '<input type=submit value="'#36865#20449'">'
 454       '</form>'
 455       '<p style=text-align:center><a href=<#uri>/logout>'#12525#12464#12450#12454#12488'</a>'
 456       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
 457       '</body></html>')
 458     OnHTMLTag = masterHTMLTag
 459     Left = 48
 460     Top = 144
 461   end
 462   object alert: TDataSetPageProducer
 463     HTMLDoc.Strings = (
 464       '<tr><td>'
 465       '<p><#plus><#date>'
 466       '<p><#article></td><td><#request>'
 467       '</td><tr>')
 468     DataSet = FDTable4
 469     OnHTMLTag = alertHTMLTag
 470     Left = 48
 471     Top = 192
 472   end
 473   object mail: TPageProducer
 474     HTMLDoc.Strings = (
 475       '<!doctyle html>'
 476       '<html>'
 477       '<head><meta charset=utf-8></head>'
 478       '<body>'
 479       '<#pr>'
 480       '<form action=<#uri>/alert<#query>  method=post>'
 481       '  <#content>'
 482       '<textarea name=request></textarea>'
 483       '<input type=submit>'
 484       '<p style=text-align:center><a href=<#uri>/jump<#query>>'#25147#12427'</a>'
 485       '</form>'
 486       '</body></html>')
 487     OnHTMLTag = mailHTMLTag
 488     Left = 176
 489     Top = 144
 490   end
 491   object css2: TPageProducer
 492     HTMLDoc.Strings = (
 493       'section#number {'
 494       '    display:inline'
 495       '}'
 496       ''
 497       'section#title {'
 498       '    display:inline;'
 499       '    font:bold;'
 500       '    font-size:1.2em;'
 501       '    color:#D01166;'
 502       '}'
 503       ''
 504       'section#name h1 {'
 505       '    font:bold;'
 506       '    font-size:1em;'
 507       '    color:#007000;'
 508       '    margin:0;'
 509       '}'
 510       ''
 511       'section#date h1 {'
 512       '    font-size:1em;'
 513       '    margin:0;'
 514       '}'
 515       ''
 516       'section h1 {'
 517       '    display:inline;'
 518       '}'
 519       ''
 520       'header {'
 521       '    margin:auto;'
 522       '    border:solid 1px #aaaaaa;'
 523       '    box-shadow:0 2px 3px #cccccc,'
 524       '               0 0 #ff8800 inset;'
 525       '    padding:18px;'
 526       '    border-radius:5px;'
 527       '    background:-webkit-linear-gradient(#ffffff 0%,#014471 50%,'
 528       '        #014471 51%,#ffffff 100%);'
 529       '    overflow:hidden;'
 530       '    width:100%'
 531       '}'
 532       ''
 533       'header table {'
 534       '    margin:auto'
 535       '}'
 536       ''
 537       'header p {'
 538       '    display:inline'
 539       '}'
 540       ''
 541       '@media only screen and (min-width:900px){'
 542       'header textarea {'
 543       '    width:100%;'
 544       '    height:150px;'
 545       #9'}'
 546       '}'
 547       '@media only screen and (max-width:899px){'
 548       'header textarea {'
 549       #9'width:70%;'
 550       #9'height:90px'
 551       #9'}'
 552       '}'
 553       ''
 554       'button {'
 555       #9'position:absolute;'
 556       #9'width:80px;'
 557       #9'height:30px;'
 558       #9'right:20px'
 559       '}'
 560       ''
 561       'button.sticky {'
 562       #9'position:fixed;'
 563       #9'top:0'
 564       '}'
 565       ''
 566       'input[type=password] {'
 567       '    width:55px'
 568       '}'
 569       ''
 570       'form#search input {'
 571       '    height:22px;'
 572       '    width:55px'
 573       '}'
 574       ''
 575       'span {'
 576       '    color:#ff0000'
 577       '}'
 578       ''
 579       'p {'
 580       #9'text-indent:0;'
 581       #9'margin:0'
 582       '}'
 583       ''
 584       'body {'
 585       #9'line-height:1.5'
 586       '}'
 587       ''
 588       'table {'
 589       #9'margin:auto;'
 590       #9'border:0'
 591       '}'
 592       ''
 593       'form#search {'
 594       #9'border:solid;'
 595       #9'display:inline-block;'
 596       #9'margin-top:30px;'
 597       #9'margin-right:30px;'
 598       #9'margin-left:30px;'
 599       #9'margin-bottom:30px'
 600       '}')
 601     Left = 360
 602     Top = 144
 603   end
 604   object css3: TPageProducer
 605     HTMLDoc.Strings = (
 606       '/*! normalize.css v2.1.2 | MIT License | git.io/normalize */'
 607       ''
 608
 609         '/* =============================================================' +
 610         '============='
 611       '   HTML5 display definitions'
 612
 613         '   =============================================================' +
 614         '============= */'
 615       ''
 616       '/**'
 617       ' * Correct `block` display not defined in IE 8/9.'
 618       ' */'
 619       ''
 620       'article,'
 621       'aside,'
 622       'details,'
 623       'figcaption,'
 624       'figure,'
 625       'footer,'
 626       'header,'
 627       'hgroup,'
 628       'main,'
 629       'nav,'
 630       'section,'
 631       'summary {'
 632       '    display: block;'
 633       '}'
 634       ''
 635       '/**'
 636       ' * Correct `inline-block` display not defined in IE 8/9.'
 637       ' */'
 638       ''
 639       'audio,'
 640       'canvas,'
 641       'video {'
 642       '    display: inline-block;'
 643       '}'
 644       ''
 645       '/**'
 646
 647         ' * Prevent modern browsers from displaying `audio` without contr' +
 648         'ols.'
 649       ' * Remove excess height in iOS 5 devices.'
 650       ' */'
 651       ''
 652       'audio:not([controls]) {'
 653       '    display: none;'
 654       '    height: 0;'
 655       '}'
 656       ''
 657       '/**'
 658       ' * Address styling not present in IE 8/9.'
 659       ' */'
 660       ''
 661       '[hidden] {'
 662       '    display: none;'
 663       '}'
 664       ''
 665
 666         '/* =============================================================' +
 667         '============='
 668       '   Base'
 669
 670         '   =============================================================' +
 671         '============= */'
 672       ''
 673       '/**'
 674       ' * 1. Set default font family to sans-serif.'
 675
 676         ' * 2. Prevent iOS text size adjust after orientation change, wit' +
 677         'hout disabling'
 678       ' *    user zoom.'
 679       ' */'
 680       ''
 681       'html {'
 682       '    font-family: sans-serif; /* 1 */'
 683       '    -ms-text-size-adjust: 100%; /* 2 */'
 684       '    -webkit-text-size-adjust: 100%; /* 2 */'
 685       '}'
 686       ''
 687       '/**'
 688       ' * Remove default margin.'
 689       ' */'
 690       ''
 691       'body {'
 692       '    margin: 0;'
 693       '}'
 694       ''
 695
 696         '/* =============================================================' +
 697         '============='
 698       '   Links'
 699
 700         '   =============================================================' +
 701         '============= */'
 702       ''
 703       '/**'
 704
 705         ' * Address `outline` inconsistency between Chrome and other brow' +
 706         'sers.'
 707       ' */'
 708       ''
 709       'a:focus {'
 710       '    outline: thin dotted;'
 711       '}'
 712       ''
 713       '/**'
 714
 715         ' * Improve readability when focused and also mouse hovered in al' +
 716         'l browsers.'
 717       ' */'
 718       ''
 719       'a:active,'
 720       'a:hover {'
 721       '    outline: 0;'
 722       '}'
 723       ''
 724
 725         '/* =============================================================' +
 726         '============='
 727       '   Typography'
 728
 729         '   =============================================================' +
 730         '============= */'
 731       ''
 732       '/**'
 733
 734         ' * Address variable `h1` font-size and margin within `section` a' +
 735         'nd `article`'
 736       ' * contexts in Firefox 4+, Safari 5, and Chrome.'
 737       ' */'
 738       ''
 739       'h1 {'
 740       '    font-size: 2em;'
 741       '    margin: 0.67em 0;'
 742       '}'
 743       ''
 744       '/**'
 745       ' * Address styling not present in IE 8/9, Safari 5, and Chrome.'
 746       ' */'
 747       ''
 748       'abbr[title] {'
 749       '    border-bottom: 1px dotted;'
 750       '}'
 751       ''
 752       '/**'
 753
 754         ' * Address style set to `bolder` in Firefox 4+, Safari 5, and Ch' +
 755         'rome.'
 756       ' */'
 757       ''
 758       'b,'
 759       'strong {'
 760       '    font-weight: bold;'
 761       '}'
 762       ''
 763       '/**'
 764       ' * Address styling not present in Safari 5 and Chrome.'
 765       ' */'
 766       ''
 767       'dfn {'
 768       '    font-style: italic;'
 769       '}'
 770       ''
 771       '/**'
 772       ' * Address differences between Firefox and other browsers.'
 773       ' */'
 774       ''
 775       'hr {'
 776       '    -moz-box-sizing: content-box;'
 777       '    box-sizing: content-box;'
 778       '    height: 0;'
 779       '}'
 780       ''
 781       '/**'
 782       ' * Address styling not present in IE 8/9.'
 783       ' */'
 784       ''
 785       'mark {'
 786       '    background: #ff0;'
 787       '    color: #000;'
 788       '}'
 789       ''
 790       '/**'
 791       ' * Correct font family set oddly in Safari 5 and Chrome.'
 792       ' */'
 793       ''
 794       'code,'
 795       'kbd,'
 796       'pre,'
 797       'samp {'
 798       '    font-family: monospace, serif;'
 799       '    font-size: 1em;'
 800       '}'
 801       ''
 802       '/**'
 803       ' * Improve readability of pre-formatted text in all browsers.'
 804       ' */'
 805       ''
 806       'pre {'
 807       '    white-space: pre-wrap;'
 808       '}'
 809       ''
 810       '/**'
 811       ' * Set consistent quote types.'
 812       ' */'
 813       ''
 814       'q {'
 815       '    quotes: "\201C" "\201D" "\2018" "\2019";'
 816       '}'
 817       ''
 818       '/**'
 819       ' * Address inconsistent and variable font size in all browsers.'
 820       ' */'
 821       ''
 822       'small {'
 823       '    font-size: 80%;'
 824       '}'
 825       ''
 826       '/**'
 827
 828         ' * Prevent `sub` and `sup` affecting `line-height` in all browse' +
 829         'rs.'
 830       ' */'
 831       ''
 832       'sub,'
 833       'sup {'
 834       '    font-size: 75%;'
 835       '    line-height: 0;'
 836       '    position: relative;'
 837       '    vertical-align: baseline;'
 838       '}'
 839       ''
 840       'sup {'
 841       '    top: -0.5em;'
 842       '}'
 843       ''
 844       'sub {'
 845       '    bottom: -0.25em;'
 846       '}'
 847       ''
 848
 849         '/* =============================================================' +
 850         '============='
 851       '   Embedded content'
 852
 853         '   =============================================================' +
 854         '============= */'
 855       ''
 856       '/**'
 857       ' * Remove border when inside `a` element in IE 8/9.'
 858       ' */'
 859       ''
 860       'img {'
 861       '    border: 0;'
 862       '}'
 863       ''
 864       '/**'
 865       ' * Correct overflow displayed oddly in IE 9.'
 866       ' */'
 867       ''
 868       'svg:not(:root) {'
 869       '    overflow: hidden;'
 870       '}'
 871       ''
 872
 873         '/* =============================================================' +
 874         '============='
 875       '   Figures'
 876
 877         '   =============================================================' +
 878         '============= */'
 879       ''
 880       '/**'
 881       ' * Address margin not present in IE 8/9 and Safari 5.'
 882       ' */'
 883       ''
 884       'figure {'
 885       '    margin: 0;'
 886       '}'
 887       ''
 888
 889         '/* =============================================================' +
 890         '============='
 891       '   Forms'
 892
 893         '   =============================================================' +
 894         '============= */'
 895       ''
 896       '/**'
 897       ' * Define consistent border, margin, and padding.'
 898       ' */'
 899       ''
 900       'fieldset {'
 901       '    border: 1px solid #c0c0c0;'
 902       '    margin: 0 2px;'
 903       '    padding: 0.35em 0.625em 0.75em;'
 904       '}'
 905       ''
 906       '/**'
 907       ' * 1. Correct `color` not being inherited in IE 8/9.'
 908
 909         ' * 2. Remove padding so people aren'#39't caught out if they zero ou' +
 910         't fieldsets.'
 911       ' */'
 912       ''
 913       'legend {'
 914       '    border: 0; /* 1 */'
 915       '    padding: 0; /* 2 */'
 916       '}'
 917       ''
 918       '/**'
 919       ' * 1. Correct font family not being inherited in all browsers.'
 920       ' * 2. Correct font size not being inherited in all browsers.'
 921
 922         ' * 3. Address margins set differently in Firefox 4+, Safari 5, a' +
 923         'nd Chrome.'
 924       ' */'
 925       ''
 926       'button,'
 927       'input,'
 928       'select,'
 929       'textarea {'
 930       '    font-family: inherit; /* 1 */'
 931       '    font-size: 100%; /* 2 */'
 932       '    margin: 0; /* 3 */'
 933       '}'
 934       ''
 935       '/**'
 936
 937         ' * Address Firefox 4+ setting `line-height` on `input` using `!i' +
 938         'mportant` in'
 939       ' * the UA stylesheet.'
 940       ' */'
 941       ''
 942       'button,'
 943       'input {'
 944       '    line-height: normal;'
 945       '}'
 946       ''
 947       '/**'
 948
 949         ' * Address inconsistent `text-transform` inheritance for `button' +
 950         '` and `select`.'
 951
 952         ' * All other form control elements do not inherit `text-transfor' +
 953         'm` values.'
 954
 955         ' * Correct `button` style inheritance in Chrome, Safari 5+, and ' +
 956         'IE 8+.'
 957       ' * Correct `select` style inheritance in Firefox 4+ and Opera.'
 958       ' */'
 959       ''
 960       'button,'
 961       'select {'
 962       '    text-transform: none;'
 963       '}'
 964       ''
 965       '/**'
 966
 967         ' * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys n' +
 968         'ative `audio`'
 969       ' *    and `video` controls.'
 970       ' * 2. Correct inability to style clickable `input` types in iOS.'
 971
 972         ' * 3. Improve usability and consistency of cursor style between ' +
 973         'image-type'
 974       ' *    `input` and others.'
 975       ' */'
 976       ''
 977       'button,'
 978       'html input[type="button"], /* 1 */'
 979       'input[type="reset"],'
 980       'input[type="submit"] {'
 981       '    -webkit-appearance: button; /* 2 */'
 982       '    cursor: pointer; /* 3 */'
 983       '}'
 984       ''
 985       '/**'
 986       ' * Re-set default cursor for disabled elements.'
 987       ' */'
 988       ''
 989       'button[disabled],'
 990       'html input[disabled] {'
 991       '    cursor: default;'
 992       '}'
 993       ''
 994       '/**'
 995       ' * 1. Address box sizing set to `content-box` in IE 8/9.'
 996       ' * 2. Remove excess padding in IE 8/9.'
 997       ' */'
 998       ''
 999       'input[type="checkbox"],'
1000       'input[type="radio"] {'
1001       '    box-sizing: border-box; /* 1 */'
1002       '    padding: 0; /* 2 */'
1003       '}'
1004       ''
1005       '/**'
1006
1007         ' * 1. Address `appearance` set to `searchfield` in Safari 5 and ' +
1008         'Chrome.'
1009
1010         ' * 2. Address `box-sizing` set to `border-box` in Safari 5 and C' +
1011         'hrome'
1012       ' *    (include `-moz` to future-proof).'
1013       ' */'
1014       ''
1015       'input[type="search"] {'
1016       '    -webkit-appearance: textfield; /* 1 */'
1017       '    -moz-box-sizing: content-box;'
1018       '    -webkit-box-sizing: content-box; /* 2 */'
1019       '    box-sizing: content-box;'
1020       '}'
1021       ''
1022       '/**'
1023
1024         ' * Remove inner padding and search cancel button in Safari 5 and' +
1025         ' Chrome'
1026       ' * on OS X.'
1027       ' */'
1028       ''
1029       'input[type="search"]::-webkit-search-cancel-button,'
1030       'input[type="search"]::-webkit-search-decoration {'
1031       '    -webkit-appearance: none;'
1032       '}'
1033       ''
1034       '/**'
1035       ' * Remove inner padding and border in Firefox 4+.'
1036       ' */'
1037       ''
1038       'button::-moz-focus-inner,'
1039       'input::-moz-focus-inner {'
1040       '    border: 0;'
1041       '    padding: 0;'
1042       '}'
1043       ''
1044       '/**'
1045       ' * 1. Remove default vertical scrollbar in IE 8/9.'
1046       ' * 2. Improve readability and alignment in all browsers.'
1047       ' */'
1048       ''
1049       'textarea {'
1050       '    overflow: auto; /* 1 */'
1051       '    vertical-align: top; /* 2 */'
1052       '}'
1053       ''
1054
1055         '/* =============================================================' +
1056         '============='
1057       '   Tables'
1058
1059         '   =============================================================' +
1060         '============= */'
1061       ''
1062       '/**'
1063       ' * Remove most spacing between table cells.'
1064       ' */'
1065       ''
1066       'table {'
1067       '    border-collapse: collapse;'
1068       '    border-spacing: 0;'
1069       '}')
1070     Left = 360
1071     Top = 192
1072   end
1073   object css4: TPageProducer
1074     HTMLDoc.Strings = (
1075       '/*** Styles for Live Preview Window ***/'
1076       ''
1077       '#livepreview_iframe {'
1078       '    box-shadow: inset 5px 5px 10px #666;'
1079       '    -moz-box-shadow: inset 5 5px 10px #666;'
1080       '    -webkit-box-shadow: inset 5 5px 10px #666;'
1081       '}'
1082       ''
1083       '#livepreview_dialog {'
1084       '    padding:0px;'
1085       '    height:200px;  '
1086       '    width:300px;'
1087       '    background-color:#fff;'
1088       '    background-image:url('#39'/images/icon_loading.gif'#39');'
1089       '    background-repeat:no-repeat;'
1090       '    background-position:center center;'
1091       '    position:absolute;'
1092       '    border:solid 5px #666;'
1093       '    border-radius:5px;'
1094       '    -moz-border-radius: 5px;'
1095       '    -webkit-border-radius:5px;'
1096       '}'
1097       ''
1098       '#livepreview_dialog:after, #livepreview_dialog:before {'
1099       '    border: solid transparent;'
1100       '    content: " ";'
1101       '    height: 0;'
1102       '    width: 0;'
1103       '    position: absolute;'
1104       '    pointer-events: none;'
1105       '}'
1106       ''
1107
1108         '#livepreview_dialog.bottom:after, #livepreview_dialog.bottom:bef' +
1109         'ore {'
1110       '    bottom: 100%;'
1111       '    left: 50%;'
1112       '}'
1113       ''
1114       '#livepreview_dialog.bottom:after {'
1115       '    border-color: rgba(255, 255, 255, 0);'
1116       '    border-bottom-color: #ffffffff;'
1117       '    border-width: 20px; '
1118       '    margin-left: -20px;'
1119       '}'
1120       '#livepreview_dialog.bottom:before {'
1121       '    border-color: rgba(102, 102, 102, 0);'
1122       '    border-bottom-color: #666666;'
1123       '    border-width: 26px;'
1124       '    margin-left: -26px;'
1125       '}'
1126       ''
1127       '#livepreview_dialog.top:after, #livepreview_dialog.top:before {'
1128       '    top: 100%;'
1129       '    left: 50%;'
1130       '}'
1131       ''
1132       '#livepreview_dialog.top:after {'
1133       '    border-color: rgba(255, 255, 255, 0);'
1134       '    border-top-color: #ffffffff;'
1135       '    border-width: 20px;'
1136       '    margin-left: -20px;'
1137       '}'
1138       ''
1139       '#livepreview_dialog.top:before {'
1140       '    border-color: rgba(102, 102, 102, 0);'
1141       '    border-top-color: #666666;'
1142       '    border-width: 26px;'
1143       '    margin-left: -26px;'
1144       '}'
1145       ''
1146
1147         '#livepreview_dialog.right:after, #livepreview_dialog.right:befor' +
1148         'e {'
1149       '    right: 100%;'
1150       '    top: 50%;'
1151       '}'
1152       ''
1153       '#livepreview_dialog.right:after {'
1154       '    border-color: rgba(255, 255, 255, 0);'
1155       '    border-right-color: #ffffffff;'
1156       '    border-width: 20px;'
1157       '    margin-top: -20px;'
1158       '}'
1159       ''
1160       '#livepreview_dialog.right:before {'
1161       '    border-color: rgba(102, 102, 102, 0);'
1162       '    border-right-color: #666666;'
1163       '    border-width: 26px;'
1164       '    margin-top: -26px;'
1165       '}'
1166       ''
1167       '#livepreview_dialog.left, #livepreview_dialog.left:before {'
1168       '    left: 100%;'
1169       '    top: 50%;'
1170       '}'
1171       ''
1172       '#livepreview_dialog.left:after {'
1173       '    border-color: rgba(255, 255, 255, 0);'
1174       '    border-left-color: #ffffffff;'
1175       '    border-width: 20px;'
1176       '    margin-top: -20px;'
1177       '}'
1178       ''
1179       '#livepreview_dialog.left:before {'
1180       '    border-color: rgba(102, 102, 102, 0);'
1181       '    border-left-color: #666666;'
1182       '    border-width: 26px;'
1183       '    margin-top: -26px;'
1184       '}')
1185     Left = 360
1186     Top = 240
1187   end
1188   object header: TDataSetPageProducer
1189     HTMLDoc.Strings = (
1190       '    <header>'
1191       '    <a name=top></a>'
1192       '    <form action=<#uri>/regist?db=<#dbnum> method="post">'
1193       '      <table>'
1194       '        <tr><td>'
1195
1196         '          <label><p>'#12362#21517#21069'</p><input name="name" class=name value=<' +
1197         '#cookie param=name>></label>'
1198
1199         '          <label><p>'#12479#12452#12488#12523'</p><input name="title" class=title plac' +
1200         'eholder="'#12479#12452#12488#12523#12394#12375'." value=<#title>></label>'
1201       '          <input type="submit" value="'#36865#20449'">'
1202       '        </td></tr>'
1203       '        <tr><td>'
1204       '          <label><p>'#26412#25991'<span>'#24517#38920'</span><br></p>'
1205
1206         '            <textarea style="font-size:1.75em" name="comment" co' +
1207         'ls=30'
1208
1209         '                      required placeholder="'#12467#12513#12531#12488#12394#12393#12434#20837#21147#12375#12390#12367#12384#12373#12356'."><#' +
1210         'raw></textarea></label>'
1211       '        </td></tr>'
1212       '        <tr><td>'
1213
1214         '          <label><p>'#12497#12473#12527#12540#12489'</p><input name="password" type="passwo' +
1215         'rd" placeholder="'#21066#38500#29992'" value=<#pass>>'
1216
1217         '          </label> / <input type="checkbox" name="show" value="t' +
1218         'rue" <#check>><p>'#12503#12524#12499#12517#12540'</p>'
1219       '        </td></tr>'
1220       '        <tr><td>'
1221
1222         '          <label><p>'#21512#35328#33865#12434#12402#12425#12364#12394#12391#20837#21147#12375#12390#12367#12384#12373#12356': genki <input name=aikotob' +
1223         'a type=text value=<#cookie param=aikotoba>></label>'
1224       '        </td></tr>'
1225       '      </table>'
1226       '    </form>'
1227       '    </header><#preview>')
1228     DataSet = FDTable1
1229     OnHTMLTag = headerHTMLTag
1230     Left = 240
1231     Top = 192
1232   end
1233   object js1: TPageProducer
1234     HTMLDoc.Strings = (
1235       '$(function(){'
1236       #9'$('#39'.livepreview'#39').livePreview({position:'#39'top'#39'});'
1237
1238         #9'$('#39'.minpreview'#39').livePreview({scale:1,viewWidth:900,viewHeight:' +
1239         '600});'
1240       #9
1241       #9'var $window = $(window),'
1242       #9#9'$header = $('#39'header'#39'),'
1243       #9#9'$button = $header.find('#39'button'#39'),'
1244       #9#9'$headerClone = $header.clone(),'
1245
1246         #9#9'$headerCloneContainer = $('#39'<div class=clone style=position:fix' +
1247         'ed;width:100%></div>'#39'),'
1248       #9#9'$clonebutton = $headerCloneContainer.find('#39'button'#39'),'
1249       #9#9'headerOffsetTop = $header.offset().top,'
1250       #9#9'headerHeight = $header.outerHeight();'
1251       #9
1252       #9'$button.on('#39'click'#39',function(){'
1253       #9#9'if ($window.scrollTop() > headerOffsetTop){'
1254       #9#9#9'$headerCloneContainer'
1255       #9#9#9#9'.css({'
1256       #9#9#9#9#9'opacity:1,'
1257       #9#9#9#9#9'top:-$window.scrollTop()+headerOffsetTop'
1258       #9#9#9#9'})'#9#9#9#9
1259       #9#9#9#9'.animate({top:0},300)'
1260       #9#9#9#9'.find('#39'textarea'#39').val($header.find('#39'textarea'#39').val());'
1261
1262         #9#9#9'$headerCloneContainer.find('#39'.name'#39').val($header.find('#39'.name'#39')' +
1263         '.val());'
1264
1265         #9#9#9'$headerCloneContainer.find('#39'.title'#39').val($header.find('#39'.title' +
1266         #39').val());'
1267       #9#9#9'$header.addClass('#39'open'#39');'
1268       #9#9'};'
1269       #9'}).css({top:headerOffsetTop+headerHeight});'
1270       #9'$headerCloneContainer.append($headerClone);'
1271       #9'$headerCloneContainer.appendTo('#39'body'#39');'
1272       #9'$headerCloneContainer'
1273       #9#9'.css({'#39'opacity'#39':0})'
1274       #9#9'.find('#39'button'#39').text('#39'close'#39').on('#39'click'#39',function(){'#9#9#9
1275       #9#9#9'var wintop = $window.scrollTop();'#9#9#9#9
1276       ''
1277
1278         #9#9#9'$header.find('#39'textarea'#39').val($headerCloneContainer.find('#39'text' +
1279         'area'#39').val());'
1280       #9#9#9'$headerCloneContainer'
1281       #9#9#9#9'.animate({top:-wintop+headerOffsetTop},300)'
1282       #9#9#9#9'.animate({opacity:0,top:-headerHeight},0);'
1283
1284         #9#9#9'$header.find('#39'.name'#39').val($headerCloneContainer.find('#39'.name'#39')' +
1285         '.val());'
1286
1287         #9#9#9'$header.find('#39'.title'#39').val($headerCloneContainer.find('#39'.title' +
1288         #39').val());'
1289       #9#9#9'$header.removeClass('#39'open'#39');'
1290       #9#9'});'
1291       #9'$window.on('#39'scroll'#39',function(){'
1292       #9#9'var wintop = $window.scrollTop();'
1293       #9#9
1294       #9#9'if ($header.hasClass('#39'open'#39')&&(wintop < headerOffsetTop)){'
1295       #9#9#9'$headerCloneContainer.css({opacity:0,top:-headerHeight});'
1296       #9#9#9'$header.removeClass('#39'open'#39');'
1297       #9#9#9'$window.trigger('#39'scroll'#39');'
1298       #9#9'};'
1299       #9#9'if (wintop > headerOffsetTop+headerHeight){'
1300       #9#9#9'$button.addClass('#39'sticky'#39').css({top:0});'
1301       #9#9'}else{'
1302
1303         #9#9#9'$button.removeClass('#39'sticky'#39').css({top:headerOffsetTop+header' +
1304         'Height});'
1305       #9#9'};'
1306       #9'});'
1307       '});')
1308     Left = 304
1309     Top = 272
1310   end
1311   object js2: TPageProducer
1312     HTMLDoc.Strings = (
1313       '/* =========================================================='
1314       ' * jquery-live-preview.js v1.1.0'
1315       ' * https://github.com/alanphoon/jquery-live-preview'
1316       ' * =========================================================='
1317       ' * Copyright 2015 Alan Phoon, www.ampedupdesigns.com'
1318       ' * The MIT License'
1319       ' *'
1320
1321         ' * Permission is hereby granted, free of charge, to any person o' +
1322         'btaining a copy'
1323
1324         ' * of this software and associated documentation files (the "Sof' +
1325         'tware"), to deal'
1326
1327         ' * in the Software without restriction, including without limita' +
1328         'tion the rights'
1329
1330         ' * to use, copy, modify, merge, publish, distribute, sublicense,' +
1331         ' and/or sell'
1332
1333         ' * copies of the Software, and to permit persons to whom the Sof' +
1334         'tware is'
1335       ' * furnished to do so, subject to the following conditions:'
1336       ' * '
1337
1338         ' * The above copyright notice and this permission notice shall b' +
1339         'e included in'
1340       ' * all copies or substantial portions of the Software.'
1341       ' * '
1342
1343         ' * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIN' +
1344         'D, EXPRESS OR'
1345
1346         ' * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCH' +
1347         'ANTABILITY,'
1348
1349         ' * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO E' +
1350         'VENT SHALL THE'
1351
1352         ' * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES' +
1353         ' OR OTHER'
1354
1355         ' * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWIS' +
1356         'E, ARISING FROM,'
1357
1358         ' * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER' +
1359         ' DEALINGS IN'
1360       ' * THE SOFTWARE.'
1361       ' * ========================================================== */'
1362       ''
1363       '(function($) {'
1364       '  $.fn.extend({'
1365       '     livePreview: function(options) {'
1366       '         '
1367       '         var defaults = {'
1368       '             trigger: '#39'hover'#39','
1369       '             targetWidth : 1000,'
1370       '             targetHeight: 800,'
1371       '             viewWidth: 300,'
1372       '             viewHeight: 200,'
1373       '             position: '#39'right'#39','
1374       '             positionOffset: 40,'
1375       '         };'
1376       ''
1377       '         var options = $.extend(defaults, options);'
1378       '         //calculate appropriate scaling based on width.'
1379
1380         '         var scale_w = (options.viewWidth / options.targetWidth)' +
1381         ';'
1382
1383         '         var scale_h = (options.viewHeight / options.targetHeigh' +
1384         't);'
1385       '         var scale_f = 1;'
1386       '         var preview_id = '#39'livepreview_dialog'#39';'
1387       ''
1388       '         if(typeof options.scale != '#39'undefined'#39')'
1389       '             scale_f = options.scale;'
1390       '         else'
1391       '         {'
1392       '             if(scale_w > scale_h)'
1393       '                 scale_f = scale_w;'
1394       '             else'
1395       '                 scale_f = scale_h;'
1396       '         }'
1397       '         '
1398       '         var showPreview = function(event) {'
1399       '             var triggerType = event.data.triggerType;'
1400       '             var obj = event.data.target;'
1401       '             var href = event.data.href;'
1402       '             var s = event.data.scale;'
1403       '             '
1404
1405         '             if( (triggerType == '#39'click'#39') && ($('#39'#'#39' + preview_id' +
1406         ').length == 0) ) {'
1407       '                 event.preventDefault();'
1408       '             }'
1409       ''
1410       '             var currentPos = options.position;'
1411       '              if(obj.attr("data-position"))'
1412       '                 currentPos = obj.attr("data-position");'
1413       ''
1414       '             var currentOffset = options.positionOffset;'
1415       '             if(obj.attr("data-positionOffset"))'
1416
1417         '                 currentOffset = obj.attr("data-positionOffset")' +
1418         ';'
1419       ''
1420       '             if(obj.attr("data-scale"))'
1421       '                 s = obj.attr("data-scale");'
1422       ''
1423       '             var pos = $(this).offset();'
1424       '             var width = $(this).width();'
1425       '             var height = $(this).height();'
1426       '             var toppos = pos.top - (options.viewHeight/2);'
1427       '             var leftpos = pos.left + width + currentOffset;'
1428       ''
1429       '             if(currentPos == '#39'left'#39') {'
1430
1431         '                leftpos = pos.left - options.viewWidth - current' +
1432         'Offset;'
1433       '             }'
1434       '            '
1435       '             if(currentPos == '#39'top'#39') {'
1436
1437         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1438         'dth/2);'
1439
1440         '                toppos = pos.top - options.viewHeight - currentO' +
1441         'ffset;'
1442       '             }'
1443       ''
1444       '             if(currentPos == '#39'bottom'#39') {'
1445
1446         '                leftpos = pos.left + (width/2) - (options.viewWi' +
1447         'dth/2);'
1448       '                toppos = pos.top + (height/2) + currentOffset;'
1449       '             }'
1450       '             '
1451       '             //hover on '
1452
1453         '             $('#39'body'#39').append('#39'<div id="livepreview_dialog" clas' +
1454         's="'#39' + currentPos + '#39'" style="display:none; padding:0px; left: '#39 +
1455         ' + leftpos + '#39'px; top:'#39' + toppos + '#39'px; width: '#39' + options.viewW' +
1456         'idth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><div class="li' +
1457         'vepreview-container" style="overflow:hidden; width: '#39' + options.' +
1458         'viewWidth + '#39'px; height: '#39' + options.viewHeight + '#39'px"><iframe i' +
1459         'd="livepreview_iframe" src="'#39' + href + '#39'" style="height:'#39' + opti' +
1460         'ons.targetHeight + '#39'px; width:'#39' + options.targetWidth + '#39'px;-moz' +
1461         '-transform: scale('#39'+ s + '#39');-moz-transform-origin: 0 0;-o-transf' +
1462         'orm: scale('#39'+ s + '#39');-o-transform-origin: 0 0;-webkit-transform:' +
1463         ' scale('#39'+ s + '#39');-webkit-transform-origin: 0 0;"></iframe></div>' +
1464         '</div>'#39');'
1465       '             $('#39'#'#39' + preview_id).fadeIn(100);'
1466       '         };'
1467       ''
1468       '         return this.each(function() {'
1469       '            var o = options;'
1470       '            var s = scale_f;'
1471       '            var obj = $(this);'
1472
1473         '            var href = obj.attr("data-preview-url") || obj.attr(' +
1474         '"href");'
1475       '            var triggerType = options.trigger;'
1476       ''
1477       '            if(obj.attr("data-trigger")) {'
1478       '                triggerType = obj.attr("data-trigger");'
1479       '            }'
1480       ''
1481       '            if(triggerType != '#39'click'#39') {'
1482       '                triggerType = '#39'mouseenter'#39';'
1483       '                obj.on('#39'click'#39', function() {'
1484       '                    $('#39'#'#39' + preview_id).remove();'
1485       '                });'
1486       '            }'
1487       '            '
1488
1489         '            obj.on(triggerType, null, { triggerType: triggerType' +
1490         ', target: obj, href: href, scale: s }, showPreview);'
1491       '            obj.on('#39'mouseleave'#39', function() {'
1492       '                $('#39'#'#39' + preview_id).remove();'
1493       '            });'
1494       ''
1495       '         });'
1496       '     }'
1497       '  });'
1498       '})(jQuery);')
1499     Left = 256
1500     Top = 272
1501   end
1502   object adhead: TPageProducer
1503     HTMLDoc.Strings = (
1504       '<#pr>'
1505
1506         '<form method=post action=<#uri>/adminset?db=<#database> style=te' +
1507         'xt-align:center>'
1508       '    <label><p>'#12497#12473#12527#12540#12489#12398#22793#26356
1509
1510         '      <input type="password" style="HEIGHT: 23px; WIDTH: 85px" n' +
1511         'ame="pass">'
1512       '       / '#30906#35469
1513
1514         '      <input type=password style=height:23px;width:85px name=pas' +
1515         's2>'
1516       '      </p>'
1517       '    </label>'
1518       '    <p>'
1519
1520         '    <input type="checkbox" value="on" name="mente" <#mente>>'#12513#12531#12486#12490 +
1521         #12531#12473#34920#31034'</p>'
1522       '    <p><input type="submit" value="'#22793#26356'"></p>'
1523       '    <p><a href="<#uri>/logout?db=<#database>">'#12525#12464#12450#12454#12488'</a></p>'
1524       '</form>'
1525
1526         '<form action=<#uri>/admindel?db=<#database> method=post style=te' +
1527         'xt-align:center>')
1528     OnHTMLTag = adheadHTMLTag
1529     Left = 176
1530     Top = 88
1531   end
1532   object js5: TPageProducer
1533     HTMLDoc.Strings = (
1534       ''
1535       '$(function(){'
1536       #9'$('#39'div'#39').on('#39'click'#39',function(){'
1537       #9#9'var $title = $(this),'
1538       #9#9#9'span1 = 1500,'
1539       #9#9#9'span2 = 200;'
1540       #9#9'$title.css('#39'font-size'#39','#39'2em'#39');'
1541       #9#9'$({deg:5}).animate({deg:365},{'
1542       #9#9#9'duration:500,'
1543       #9#9#9'progress:function(){'
1544       #9#9#9#9'$title.css({'
1545       #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1546       #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1547       #9#9#9#9#9#39'ransform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
1548       #9#9#9#9'});'
1549       #9#9#9'}'
1550       #9#9'});'
1551       #9#9'$({deg:5}).delay(span1).animate({deg:0},{'
1552       #9#9#9'duration:span2,'
1553       #9#9#9'progress:function(){'
1554       #9#9#9#9'$title.css({'#9
1555       #9#9#9#9#9#39'-webkit-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1556       #9#9#9#9#9#39'-ms-transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39','
1557       #9#9#9#9#9#39'transform'#39':'#39'rotate('#39'+this.deg+'#39'deg)'#39
1558       #9#9#9#9'});'
1559       #9#9#9'}'
1560       #9#9'});'
1561       #9#9'$title.delay(span1+span2).animate({'#39'font-size'#39':'#39'1em'#39'},1);'
1562       #9'});'
1563       '});'
1564       '')
1565     Left = 104
1566     Top = 272
1567   end
1568   object title: TPageProducer
1569     HTMLDoc.Strings = (
1570       '<!doctype html>'
1571       '<html>'
1572       '<head>'
1573       '<meta charset=utf-8>'
1574       '<title>'#12479#12452#12488#12523#34920#31034'</title>'
1575
1576         '<script type="text/javascript" src="//ajax.googleapis.com/ajax/l' +
1577         'ibs/jquery/2.1.4/jquery.min.js"></script>'
1578
1579         '<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqu' +
1580         'eryui/1.10.4/themes/smoothness/jquery-ui.css" />'
1581
1582         '<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jqu' +
1583         'ery-ui.min.js"></script>'
1584       '<script>'
1585       '<!--'
1586       '<#js id=5>'
1587       '-->'
1588       '</script>'
1589       '</head>'
1590       '<body>'
1591       '<#pr>'
1592       '<#main>'
1593       '<p style=text-align:center><a href=<#uri>/>'#25147#12427'</a>'
1594       '</body>'
1595       '</html>')
1596     OnHTMLTag = titleHTMLTag
1597     Left = 48
1598     Top = 256
1599   end
1600   object ti: TDataSetPageProducer
1601     HTMLDoc.Strings = (
1602
1603         '<p style=font-weight:bold><a href=<#uri>/index?db=<#dbnum>><#dat' +
1604         'abase></a>'#8595'</p>'
1605       '<div>'#12479#12452#12488#12523': <#title> ; '#35352#20107#25968': <#count> ; '#26356#26032#26178#21051': <#date></div><p>'
1606       '')
1607     DataSet = FDQuery1
1608     OnHTMLTag = tiHTMLTag
1609     Left = 48
1610     Top = 320
1611   end
1612   object FDTable2: TFDTable
1613     IndexFieldNames = 'DBNUM;NUMBER'
1614     MasterSource = DataSource1
1615     MasterFields = 'DBNUM'
1616     Connection = FDConnection1
1617     FetchOptions.AssignedValues = [evLiveWindowParanoic]
1618     UpdateOptions.UpdateTableName = 'article'
1619     TableName = 'article'
1620     Left = 584
1621     Top = 120
1622     object FDTable2DBNUM: TIntegerField
1623       FieldName = 'DBNUM'
1624       Origin = 'DBNUM'
1625       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1626       Required = True
1627     end
1628     object FDTable2NUMBER: TIntegerField
1629       FieldName = 'NUMBER'
1630       Origin = 'NUMBER'
1631       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1632       Required = True
1633     end
1634     object FDTable2TITLE: TWideStringField
1635       FieldName = 'TITLE'
1636       Origin = 'TITLE'
1637       Size = 160
1638     end
1639     object FDTable2NAME: TWideStringField
1640       FieldName = 'NAME'
1641       Origin = 'NAME'
1642       Size = 160
1643     end
1644     object FDTable2COMMENT: TWideMemoField
1645       FieldName = 'COMMENT'
1646       Origin = 'COMMENT'
1647       BlobType = ftWideMemo
1648     end
1649     object FDTable2RAW: TWideMemoField
1650       FieldName = 'RAW'
1651       Origin = 'RAW'
1652       BlobType = ftWideMemo
1653     end
1654     object FDTable2DATE: TDateField
1655       FieldName = 'DATE'
1656       Origin = 'DATE'
1657     end
1658     object FDTable2PASS: TWideStringField
1659       FieldName = 'PASS'
1660       Origin = 'PASS'
1661       FixedChar = True
1662       Size = 40
1663     end
1664   end
1665   object FDTable5: TFDTable
1666     IndexFieldNames = 'ID'
1667     Connection = FDConnection1
1668     UpdateOptions.UpdateTableName = 'images'
1669     TableName = 'images'
1670     Left = 712
1671     Top = 184
1672     object FDTable5id: TIntegerField
1673       FieldName = 'id'
1674       Origin = 'id'
1675       ProviderFlags = [pfInUpdate, pfInWhere, pfInKey]
1676       Required = True
1677     end
1678     object FDTable5name: TWideStringField
1679       AutoGenerateValue = arDefault
1680       FieldName = 'name'
1681       Origin = '`name`'
1682       Size = 30
1683     end
1684     object FDTable5source: TWideMemoField
1685       AutoGenerateValue = arDefault
1686       FieldName = 'source'
1687       Origin = '`source`'
1688       BlobType = ftWideMemo
1689     end
1690   end
1691   object FDTable4: TFDTable
1692     IndexFieldNames = 'ID'
1693     Connection = FDConnection1
1694     UpdateOptions.UpdateTableName = 'req'
1695     TableName = 'req'
1696     Left = 712
1697     Top = 120
1698     object FDTable4ID: TIntegerField
1699       FieldName = 'ID'
1700       Origin = 'ID'
1701       Required = True
1702     end
1703     object FDTable4DBNAME: TIntegerField
1704       FieldName = 'DBNAME'
1705       Origin = 'DBNAME'
1706     end
1707     object FDTable4POSNUM: TIntegerField
1708       FieldName = 'POSNUM'
1709       Origin = 'POSNUM'
1710     end
1711     object FDTable4DATE: TDateField
1712       FieldName = 'DATE'
1713       Origin = 'DATE'
1714       Required = True
1715     end
1716     object FDTable4REQUEST: TWideMemoField
1717       FieldName = 'REQUEST'
1718       Origin = 'REQUEST'
1719       BlobType = ftWideMemo
1720     end
1721   end
1722   object DataSource1: TDataSource
1723     DataSet = FDTable1
1724     Left = 520
1725     Top = 184
1726   end
1727   object FDTable3: TFDTable
1728     Connection = FDConnection1
1729     UpdateOptions.UpdateTableName = 'setting'
1730     TableName = 'setting'
1731     Left = 648
1732     Top = 120
1733     object FDTable3TITLE: TWideStringField
1734       FieldName = 'TITLE'
1735       Origin = 'TITLE'
1736       Size = 160
1737     end
1738     object FDTable3TITLE2: TWideStringField
1739       FieldName = 'TITLE2'
1740       Origin = 'TITLE2'
1741       Size = 320
1742     end
1743     object FDTable3mente: TSmallintField
1744       FieldName = 'mente'
1745     end
1746     object FDTable3INFO: TIntegerField
1747       FieldName = 'INFO'
1748       Origin = 'INFO'
1749     end
1750     object FDTable3COUNT: TIntegerField
1751       FieldName = 'COUNT'
1752       Origin = 'COUNT'
1753     end
1754     object FDTable3password: TWideStringField
1755       FieldName = 'password'
1756       Size = 100
1757     end
1758     object FDTable3ng: TWideStringField
1759       FieldName = 'ng'
1760       Size = 300
1761     end
1762   end
1763   object FDConnection1: TFDConnection
1764     Params.Strings = (
1765       'ConnectionDef=first_sql')
1766     Connected = True
1767     Left = 632
1768     Top = 56
1769   end
1770   object FDTable1: TFDTable
1771     IndexFieldNames = 'DBNUM'
1772     Connection = FDConnection1
1773     UpdateOptions.UpdateTableName = 'dbname'
1774     TableName = 'dbname'
1775     Left = 520
1776     Top = 120
1777     object FDTable1DBNUM: TIntegerField
1778       FieldName = 'DBNUM'
1779       Origin = 'DBNUM'
1780       Required = True
1781     end
1782     object FDTable1DATABASE: TWideStringField
1783       FieldName = 'DATABASE'
1784       Origin = 'DATABASE'
1785       Required = True
1786       Size = 80
1787     end
1788   end
1789   object login: TPageProducer
1790     HTMLDoc.Strings = (
1791       '<!DOCTYPE HTML>'
1792       '  <head>'
1793       '    <meta charset=utf-8>'
1794       '    <title>'#12525#12464#12452#12531'</title>'
1795       '  </head>'
1796       '  <body>'
1797       '<#pr>'
1798       '    <p style=text-align:center>'#31649#29702#32773#29992#12525#12464#12452#12531#30011#38754
1799       '</p>'
1800       '    <br>'
1801       '    <form action=<#uri>/login method="post">'
1802       '    <p style=text-align:center>'
1803       '      <input type=text name=record value=<#database>>'
1804       '    '#9'  <input style=height:25px type="password" name="password">'
1805       '      <input type="submit" value="'#12525#12464#12452#12531'">'
1806       '    </p>'
1807       '    </form>'
1808
1809         '      <p style=text-align:center><br><a href=<#uri>/ >TOP'#12408#31227#21205'</a>' +
1810         '</p>'
1811       '  </body>'
1812       '</html>')
1813     OnHTMLTag = loginHTMLTag
1814     Left = 296
1815     Top = 96
1816   end
1817   object footer: TPageProducer
1818     HTMLDoc.Strings = (
1819       '<p style=text-align:center>[ <#link> ] <#recent>')
1820     OnHTMLTag = footerHTMLTag
1821     Left = 112
1822     Top = 192
1823   end
1824   object FDGUIxWaitCursor1: TFDGUIxWaitCursor
1825     Provider = 'Forms'
1826     Left = 632
1827     Top = 256
1828   end
1829   object FDQuery1: TFDQuery
1830     Connection = FDConnection1
1831     SQL.Strings = (
1832       'select dbnum,title,max(date) from article '
1833       ' group by dbnum order by max(date);')
1834     Left = 616
1835     Top = 184
1836   end
1837 end