Skip to content

Commit

Permalink
Imported jquery-tooltip 1.3 and updated README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
jhcaiced committed Jan 25, 2017
1 parent 9daefc1 commit 4b362da
Show file tree
Hide file tree
Showing 21 changed files with 4,905 additions and 1 deletion.
16 changes: 15 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,16 @@
# jquery-tooltip
Unofficial clone of jquery-tooltip for use with bower

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

jQuery plugin: Tooltip


This plugin is no longer supported. Use the jQuery UI Tooltip widget instead.


The jQuery Tooltip plugin let’s you transform native tooltip’s into customizable overlays. You can adjust their content, position and appearance.

Current version: 1.3
Compressed filesize: 3910 bytes
License: MIT/GPL

38 changes: 38 additions & 0 deletions changelog.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
1.3
---

* Added fade option (duration in ms) for fading in/out tooltips; IE <= 6 is excluded when bgiframe plugin is included
* Fixed imagemaps in IE, added back example
* Added positionLeft-option - positions the tooltip to the left of the cursor
* Remove deprecated $.fn.Tooltip in favor of $.fn.tooltip

1.2
---

* Improved bodyHandler option to accept HTML strings, DOM elements and jQuery objects as the return value
* Fixed bug in Safari 3 where to tooltip is initially visible, by first appending to DOM then hiding it
* Improvement for viewport-border-positioning: Add the classes "viewport-right" and "viewport-bottom" when the element is moved at the viewport border.
* Moved and enhanced documentation to docs.jquery.com
* Added examples for bodyHandler: footnote-tooltip and thumbnail
* Added id option, defaults to "tooltip", override to use a different id in your stylesheet
* Moved demo tooltip style to screen.css
* Moved demo files to demo folder and dependencies to lib folder
* Dropped image map example - completely incompatible with IE; image maps aren't supported anymore

1.1
---

* Use bgiframe-plugin if available
* Use dimensions-plugin to calculate viewport
* Expose global blocked-property via $.Tooltip.blocked to programmatically disable all tooltips
* Fixed image maps in IE by setting the alt-attribute to an empty string
* Removed event-option (only hover-tooltips now)
* Simplified event-handling (using hover instead of mouseover und mouseout)
* Added another "pretty" example
* Added top and left options to specify tooltip offset
* Reworked example page: New layout, code examples

1.0
---

* first release considered stable
Binary file added demo/bg.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions demo/chili-1.7.pack.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

86 changes: 86 additions & 0 deletions demo/formtip.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>jQuery Tooltip Plugin Demo</title>

<link rel="stylesheet" href="../jquery.formtip.css" />
<link rel="stylesheet" href="screen.css" />
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../lib/jquery.bgiframe.js" type="text/javascript"></script>
<script src="../lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="../lib/jquery.delegate.js" type="text/javascript"></script>
<script src="../jquery.formtip.js" type="text/javascript"></script>

<script src="chili-1.7.pack.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
$("form:first").formtip();
$("form.test").formtip({
positionParent: function(element) {
return element.parent();
},
left: -5
});
});
</script>

<style type="text/css">
form.test div {
width: 250px;
border: 1px solid black;
float: left;
margin: 1em;
}
form.test p {
border: 1px solid #999;
}
</style>

</head>
<body>
<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Tooltip Plugin</a> Demo</h1>
<div id="main">
<form>
<fieldset id="set1">
<legend>Three elements with tooltips, default settings</legend>
<a title="A tooltip with default settings, the href is displayed below the title" href="http://google.de">Link to google</a>
<br/>
<label title="A label with a title and default settings, no href here" for="text1">Input something please!</label>
<br/>
<input title="Note that the tooltip disappears when clicking the input elementthe input elementthe input element" type="text" value="Test" name="action" id="text1"/>

<h3>Code</h3>
<pre><code class="mix">$('#set1 *').tooltip();</code></pre>
<input title="Another tooltip element I" type="text" value="Test"/>
</fieldset>
</form>

<form class="test">
<div>
<p>
<label>II</label><input title="Another tooltip element II" type="text" value="Test"/>
</p>
<p>
<label>III</label><input title="Another tooltip element III" type="text" value="Test"/>
</p>
</div>
<div style="width: 200px">
<input title="Another tooltip element IV" type="text" value="Test"/>
<br/>
<input type="text" value="Test"/>
<br/>
<input title="Another tooltip element VI" type="text" value="Test"/>
</div>
</form>

</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2623402-1";
urchinTracker();
</script>
</body>
</html>
Binary file added demo/image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 4b362da

Please sign in to comment.