Mercurial > hg > Members > nobuyasu > Consensus
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>