Smart Popup example using Jquery

web 2009. 12. 24. 17:41


<html>
<head>
<link type="text/css" href="/jquery/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/jquery//ui.core.js"></script>
<script type="text/javascript" src="/jquery/ui.draggable.js"></script>
<script type="text/javascript" src="/jquery/ui.resizable.js"></script>
<script type="text/javascript" src="/jquery/ui.dialog.js"></script>
<script type="text/javascript">
   $(function() {
  var $dialog = $('div#dialog');
     $dialog.dialog({modal:true,
      autoOpen: false,
            open:function() {
              $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").hide();
            },
            width:700,
            height:1000,
            buttons: {
    "Close": function() {
     $(this).dialog("close");
    }
   }                
        });
       
       $("#click").click(function(){
       $dialog.dialog('open');
          $( "iframe", $dialog ).attr( "src", "viewsrc.xxx?filename=" + $(this).attr('file_name'));
          });   
    })
   </script>
</head>
<body>
<div id="dialog" title="파일 내용 보기" style='display: none; text-align:center'>
 <iframe style="width: 100%; height: 100%; border: 0px;"></iframe>
 
</div>
<pre class="brush:">filename : <a href="#" id="click" file_name="E:\dailybuild\web\styles\shThemeDjango.css">/home/www/conf/sql-map-misc.properties</a></pre>
<pre class="brush: java;">
2 : url=$${backend.misc.url}
3 : username=$${backend.misc.username}
4 : password=$${backend.misc.password}
 
</pre>
<br></br>
</body>
</html>





<html>
<head>
<link type="text/css" href="/jquery/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/jquery//ui.core.js"></script>
<script type="text/javascript" src="/jquery/ui.draggable.js"></script>
<script type="text/javascript" src="/jquery/ui.resizable.js"></script>
<script type="text/javascript" src="/jquery/ui.dialog.js"></script>
<script type="text/javascript">
   $(function() {
  var $dialog = $('div#dialog');
     $dialog.dialog({modal:true,
      autoOpen: false,
            open:function() {
              $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").hide();// .remove();           
            },
            width:700,
            height:1000,
            buttons: {
    "Close": function() {
     $(this).dialog("close");
    }
   }                
        });
        
           })
    
    function clickMe(filename) {
      var $dialog = $('div#dialog');
     $dialog.dialog('open');
          $( "iframe", $dialog ).attr( "src", "viewsrc.xxx?filename=" + filename);
      }
   </script>
</head>
<body>
<div id="dialog" title="파일 내용 보기" style='display: none; text-align:center'>
 <iframe style="width: 100%; height: 100%; border: 0px;"></iframe>
 
</div>
<pre class="brush:">filename : <a href="javascript:clickMe('E:\dailybuild\web\styles\shThemeDjango.css')" >/home/www/src/conf/sql-map-misc.properties</a></pre>
<pre class="brush: java;">
2 : url=$${backend.misc.url}
3 : username=$${backend.misc.username}
4 : password=$${backend.misc.password}
 
</pre>
<br></br>
</body>
</html>


저작자표시

'web' 카테고리의 다른 글

Loading Image 보여주기 샘플  (0) 2010.01.05
Tomcat port 떠 띄우기  (0) 2010.01.04
Too many open files Exception in Tomcat (Solution)  (0) 2009.12.22
동영상같은 Help 보여주기  (0) 2009.12.22
[Tomcat] java.io.CharConversionException: Invalid char in port: 118 Exception  (1) 2009.12.21
Posted by '김용환'
,

티스토리툴바