Permalink
Browse files

added cancelOnBlur test

  • Loading branch information...
1 parent 4169ea5 commit 06a9c0c6ad3226f7a7d31c4ba2f083b4419f784e caphun committed Oct 1, 2010
Showing with 42 additions and 0 deletions.
  1. +42 −0 demos/cancel_on_blur.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>jQuery: Inline Edit Plugin Demo: canelOnBlur</title>
+<link rel="stylesheet" href="http://yelotofu.com/labs/jquery/master.css" media="screen">
+<style type="text/css">
+ .ui-state-hover { background-color: #ffC }
+ .inlineEdit-placeholder { font-style: italic; color: #555; }
+</style>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script type="text/javascript" src="../jquery.inlineedit.js"></script>
+<script type="text/javascript">
+
+$(function(){
+ $('.editable').inlineEdit({
+ buttons: '<button class="save">save</button>',
+ cancelOnBlur: true
+ });
+});
+
+</script>
+</head>
+<body>
+ <div id="page">
+ <div id="header">
+ <h1>jQuery: Inline Edit Plugin Demo</h1>
+ </div>
+ <div id="content">
+ <p>A demonstration of the inline edit plugin with cancelOnBlur active.</p>
+ <table>
+ <tr><td><span class="editable">Joe Blogg</span></td></tr>
+ <tr><td><span class="editable">John Doe</span></td></tr>
+ <tr><td><span class="editable">Paul White</span></td></tr>
+ <tr><td><span class="editable"></span></td></tr>
+ </table>
+ <br /><br />
+ <p><a href="http://yelotofu.com/2009/08/jquery-inline-edit-tutorial/">Read original blog post</a></p>
+ </div>
+ </div>
+</body>
+</html>

0 comments on commit 06a9c0c

Please sign in to comment.