-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdemo.html
77 lines (74 loc) · 3.08 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html dir="ltr" lang="de-DE">
<head>
<meta charset="UTF-8" />
<title>Wikipedia-tooltip for jQuery | Finn Dorby Webapplikationen</title>
<link rel="stylesheet" type="text/css" media="all" href="http://finndorby.com/wp-content/themes/russianlux/style.css" />
<link rel='stylesheet' id='Lobster-css' href='http://fonts.googleapis.com/css?family=Lobster&subset=latin%2Ccyrillic-ext&ver=3.3.1' type='text/css' media='all' />
<link rel='stylesheet' id='OpenSans-css' href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed%3A300&subset=latin%2Ccyrillic-ext&ver=3.3.1' type='text/css' media='all' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='wikipedia-tooltip.0.1.js'></script>
<link rel="stylesheet" type="text/css" media="all" href="wikipedia-tooltip.0.1.css" />
<script type="text/javascript">
$(document).ready(function(){
$('.wikihover').wiki_tooltip();
});
</script>
</head>
<body>
<div id="header_bg">
<header>
<div class="header-top"></div>
<div class="container_12">
<div class="grid_12">
<div class="extra-wrap">
<h1><a href="http://finndorby.com"> <strong> Finn Dorby Webapplikationen </strong> </a> <i>code is poetry</i> </h1>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</header>
</div>
<section id="content">
<div class="container_12 clearfix top35">
<div class="grid_9">
<h2 class="bottom15"> </h2>
<div class="post single-post">
<h2 class="bottom5">Wikipedia-tooltip for jQuery</h2>
<div class="marg-right30">
<p><b>jQuery plugin: Wikipedia-tooltip</b></p>
<p>Current version: 0.1 <br />
License: MIT/GPL</p>
<p>Dependencies:<br />
jQuery (tested with version 1.7.1)<br />
</p>
<p>Demo:<br />
<abbr class="wikihover" rel="mySQL">mySQL (hover over me)</abbr><br>
<abbr class="wikihover" rel="Albert Einstein">Albert Einstein (hover over me)</abbr>
</p>
<p>Code</p>
<pre class="brush: html; auto-links: false;">
<head>
<script type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='js/wikipedia-tooltip.0.1.js'></script>
<link rel="stylesheet" type="text/css" media="all" href="js/wikipedia-tooltip.0.1.css" />
<script type="text/javascript">
$(document).ready(function(){
$('.wikihover').wiki_tooltip({wiki_lang : 'en'});
});
</script>
</head>
<body><br><abbr class="wikihover" rel="mySQL">mySQL (hover over me)</abbr><br><br><br><abbr class="wikihover" rel="Albert Einstein">Albert Einstein (hover over me)</abbr>
</body>
</pre>
<p> </p>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
</body>
</html>