Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

added cancelOnBlur test

  • Loading branch information...
commit 06a9c0c6ad3226f7a7d31c4ba2f083b4419f784e 1 parent 4169ea5
authored October 01, 2010

Showing 1 changed file with 42 additions and 0 deletions. Show diff stats Hide diff stats

  1. 42  demos/cancel_on_blur.html
42  demos/cancel_on_blur.html
... ...
@@ -0,0 +1,42 @@
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5
+<title>jQuery: Inline Edit Plugin Demo: canelOnBlur</title>
  6
+<link rel="stylesheet" href="http://yelotofu.com/labs/jquery/master.css" media="screen">
  7
+<style type="text/css">
  8
+    .ui-state-hover { background-color: #ffC }
  9
+    .inlineEdit-placeholder { font-style: italic; color: #555; }
  10
+</style>
  11
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  12
+<script type="text/javascript" src="../jquery.inlineedit.js"></script>
  13
+<script type="text/javascript">
  14
+
  15
+$(function(){
  16
+    $('.editable').inlineEdit({ 
  17
+      buttons: '<button class="save">save</button>',
  18
+      cancelOnBlur: true
  19
+    });
  20
+});
  21
+
  22
+</script>
  23
+</head>
  24
+<body>
  25
+    <div id="page">
  26
+        <div id="header">
  27
+            <h1>jQuery: Inline Edit Plugin Demo</h1>
  28
+        </div>
  29
+        <div id="content">
  30
+            <p>A demonstration of the inline edit plugin with cancelOnBlur active.</p>
  31
+            <table>
  32
+                <tr><td><span class="editable">Joe Blogg</span></td></tr>
  33
+                <tr><td><span class="editable">John Doe</span></td></tr>
  34
+                <tr><td><span class="editable">Paul White</span></td></tr>
  35
+                <tr><td><span class="editable"></span></td></tr>
  36
+            </table>
  37
+            <br /><br />
  38
+            <p><a href="http://yelotofu.com/2009/08/jquery-inline-edit-tutorial/">Read original blog post</a></p>
  39
+        </div>
  40
+    </div>
  41
+</body>
  42
+</html>

0 notes on commit 06a9c0c

Please sign in to comment.
Something went wrong with that request. Please try again.