2012年4月7日 星期六

用 jquery 直接顯示source code

plugin JQUERY

$(function() { 	$('.demo').each(function() { 		var source = $('.demo_source', this);  		source.hide().find('code').text($.trim($('.demo_frame', this).html())); 		$('.view_source', this).click(function() { 			source.toggle(); 			return false; 		}); 	}); });

參考範例
<h2>Examp</h2>
<div class="demo">
<p><a href="#" class="view_source">View Source</a></p>
<pre class="demo_source">
  <code></code>
</pre>

<div class="demo_frame">
  <script type="text/javascript">
    $(function() {
        UrCode....        });
    });
  </script>

  <input type="file" name="file" id="file1"/>
</div>
</div>

參考網址
http://lagoscript.org/jquery/upload/demo?locale=en