changeset 98:2c6ed8d2d433 draft

modified miniDisplay
author Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date Sat, 16 Mar 2013 03:56:56 +0900
parents 5098c4967a3a
children b0fda0545bce
files public/viewer/viewer_white.html
diffstat 1 files changed, 8 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/public/viewer/viewer_white.html	Sat Mar 16 03:38:25 2013 +0900
+++ b/public/viewer/viewer_white.html	Sat Mar 16 03:56:56 2013 +0900
@@ -149,20 +149,17 @@
     <nobr id='header_title' style='margin-left:40px;'><a href='index.html'>Home</a></nobr>
 </div>
 
-<div id="miniDisplay" style='position:fixed; left:20; top:70; width:35%; height:35%; border:solid 1px; border-radius:5px; opacity:0.5; '>
+<div id="miniDisplay" style='position:fixed; left:20; top:70; width:300px; height:300px; border:solid 1px; border-radius:5px; opacity:0.5; z-index:10; '>
   <div style='position:absolute; left:0; top:0; width:100%; height:100%; background:black; opacity:0.5;'>  </div>
-  <div id="closeMiniDisplay" style='position:absolute; right:5; top:0;' onclick="$('#miniDisplay').css('visibility','hidden');" onmouseover="$('#closeMiniDisplay').css('color','blue');" onmouseout="$('#closeMiniDisplay').css('color','black')" >close</div>
-  <div style='position:absolute; left:50%; top:50%;'>
-  <div style='position:absolute; left:-160px; top:-80px; width:320px; height:120px; background:white;'>
-  <form onsubmit="try{var a=$('#loginUserName');if(a.val()){login(a.val());$('#miniDisplay').remove();}} catch(e){console.log(e)}return false;">
-      <div style='position:absolute; left:20px; top:15px; font-size:24px; width:280; text-align:left;'>
+  <div id="closeMiniDisplay" style='position:absolute; right:5; top:0; z-index:10;' onclick="$('#miniDisplay').css('visibility','hidden');" onmouseover="$('#closeMiniDisplay').css('color','blue');" onmouseout="$('#closeMiniDisplay').css('color','black')" >close</div>
+  <div style='position:absolute; width:90%; height:90%;'>
+  <div style='position:absolute; left:5%; top:5%; width:100%; height:100%; background:white;'>
+      <div id="miniDisplayTitle" style='position:absolute; left:10px; top:5px; font-size:24px; width:100%; text-align:left;'>
 	  dimolto
       </div>
-      <input type=text placeholder='username' style='position:absolute; left:20px; top:70px; width:180px; font-size:16px; height:24px;' id='loginUserName'>
-<!--
-      <span style='position:absolute; left:220px; top:70px; width:80px; font-size:16px; height:24px; line-height:24px;' class='button' value='login' onclick="try{var a=$('#loginUserName');if(a.val()){login(a.val());$('#loginPopup').remove();}}catch(e){console.log(e)}return false;">Login</span>
--->
-      <span style='position:absolute; left:220px; top:70px; width:80px; font-size:16px; height:24px; line-height:24px;' class='button' value='login'>button</span>
+      <div id="miniDisplayBody" style='position:absolute; left:20px; top:40px;'>
+	  body
+      </div>
   </form>
   </div>
   </div>