source: spip-zone/_plugins_/tooltip/trunk/demo/formtip.html @ 121481

Last change on this file since 121481 was 56400, checked in by romy@…, 9 years ago

Portage sous SPIP du plugin jQuery Tooltip de Jörn Zaefferer : http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

  • Property svn:executable set to *
File size: 2.7 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
5<title>jQuery Tooltip Plugin Demo</title>
6
7<link rel="stylesheet" href="../jquery.formtip.css" />
8<link rel="stylesheet" href="screen.css" />
9<script src="../lib/jquery.js" type="text/javascript"></script>
10<script src="../lib/jquery.bgiframe.js" type="text/javascript"></script>
11<script src="../lib/jquery.dimensions.js" type="text/javascript"></script>
12<script src="../lib/jquery.delegate.js" type="text/javascript"></script>
13<script src="../jquery.formtip.js" type="text/javascript"></script>
14
15<script src="chili-1.7.pack.js" type="text/javascript"></script>
16
17<script type="text/javascript">
18$(function() {
19        $("form:first").formtip();
20        $("form.test").formtip({
21                positionParent: function(element) {
22                        return element.parent();
23                },
24                left: -5
25        });
26});
27</script>
28
29<style type="text/css">
30form.test div {
31        width: 250px;
32        border: 1px solid black;
33        float: left;
34        margin: 1em;
35}
36form.test p {
37        border: 1px solid #999;
38}
39</style>
40
41</head>
42<body>
43<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Tooltip Plugin</a> Demo</h1>
44<div id="main">
45        <form>
46                <fieldset id="set1">
47                        <legend>Three elements with tooltips, default settings</legend>
48                        <a title="A tooltip with default settings, the href is displayed below the title" href="http://google.de">Link to google</a>
49                        <br/>
50                        <label title="A label with a title and default settings, no href here" for="text1">Input something please!</label>
51                        <br/>
52                        <input title="Note that the tooltip disappears when clicking the input elementthe input elementthe input element" type="text" value="Test" name="action" id="text1"/>
53                       
54                        <h3>Code</h3>
55                        <pre><code class="mix">$('#set1 *').tooltip();</code></pre>
56                        <input title="Another tooltip element I" type="text" value="Test"/>
57                </fieldset>
58        </form>
59       
60        <form class="test">
61                <div>
62                        <p>
63                                <label>II</label><input title="Another tooltip element II" type="text" value="Test"/>
64                        </p>
65                        <p>
66                                <label>III</label><input title="Another tooltip element III" type="text" value="Test"/>
67                        </p>
68                </div>
69                <div style="width: 200px">
70                        <input title="Another tooltip element IV" type="text" value="Test"/>
71                        <br/>
72                        <input type="text" value="Test"/>
73                        <br/>
74                        <input title="Another tooltip element VI" type="text" value="Test"/>
75                </div>
76        </form>
77       
78</div>
79<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
80</script>
81<script type="text/javascript">
82_uacct = "UA-2623402-1";
83urchinTracker();
84</script>
85</body>
86</html>
Note: See TracBrowser for help on using the repository browser.