Advertisement
basictomonokai

画像URL入力画面用雛形(HTMLファイル)

Jan 18th, 2016
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.97 KB | None | 0 0
  1. <html>
  2.  
  3. <head >
  4.  
  5.   <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  6.  
  7. <style type="text/css">
  8. <!--
  9. input,textarea {font-size: 28;}
  10. -->
  11. </style>
  12.  
  13. <style type="text/css">
  14. <!--
  15.  
  16. #buttonx {
  17.  width:300px;
  18.  color:#ffffff;
  19.  background:#337fcc;
  20.  font-family: fantasy,sans-serif;
  21.  font-size:24px;
  22.  font-weight:bold;
  23.  text-shadow:0 1px 0px #143352,0 2px 0px #143352;
  24.  text-align:center;
  25.  display:inline-block;
  26.  text-decoration:none;
  27.  border:1px solid #225588;
  28.  padding:15px 0 12px 0;
  29.  border-radius:5px;
  30.  margin-bottom:20px;
  31. }
  32.  
  33. -->
  34.  
  35. </style>
  36.  
  37.  
  38.   <title>エモーション</title>
  39.  
  40. </head>
  41.  
  42. <!--
  43. This simple Javascript Function sends
  44. the string "data" to the the excuting BASIC!
  45. program.
  46.  
  47. The BASIC command, "html.getdatalink data$", is
  48. used to read linked data. If data$ is empty ("") then
  49. not data has been sent.  The BASIC! programmer
  50. can loop on this value until a non-empty string is
  51. returned.
  52.  
  53. This function is the heart the HTML/BASIC! interactive
  54. interface.
  55. -->
  56.  
  57. <script type="text/javascript">
  58.     function doDataLink(data) {
  59.         // alert(data);
  60.         Android.dataLink(data);
  61.     }
  62. </script>
  63.  
  64. <body bgcolor="azure">
  65.  
  66.   <div align="center">
  67.   <!--
  68. Display an image located on the internet
  69. -->
  70.  
  71.     <h1><b>画像感情判定</b></h1>
  72.  
  73. <p>
  74. 画像のURL:<input type="text" name="name" size="25" id="ken1" value="@@@1@@@">
  75. </p>
  76. <p>
  77. <a id="buttonx" style="width:250px" onmouseover="this.style.background='#43cd80'" onmouseout="this.style.background='#337fcc'" onclick="this.style.background='#43cd80';doDataLink(document.getElementById('ken1').value)">送 信</a>
  78. </p>
  79. <p>
  80.  
  81. <a id="buttonx" style="width:250px" onmouseover="this.style.background='#43cd80'" onmouseout="this.style.background='#337fcc'" onclick="this.style.background='#43cd80';doDataLink('//x//')">終 了</a>
  82.  
  83.  
  84.       <p>
  85.    
  86. 「終了」ボタンを押すとプログラムが終了します。
  87.  
  88.  
  89.   </div>
  90.  
  91. </body>
  92.  
  93. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement