← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to lib/jquery/jquery-tooltip/demo/formtip.html

Restructured Helioviewer.org project layout. Custom code for both client- and server-side now resides in src/ folders, images/css in resources/. Removed legacy libraries and code.

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/jquery/jquery-tooltip/demo/formtip.html
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">
30
 
form.test div {
31
 
        width: 250px;
32
 
        border: 1px solid black;
33
 
        float: left;
34
 
        margin: 1em;
35
 
}
36
 
form.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";
83
 
urchinTracker();
84
 
</script>
85
 
</body>
86
 
</html>
 
 
b'\\ No newline at end of file'