init files
Dieser Commit ist enthalten in:
Ortwin Pinke
GitHub
Ursprung
d41e3b5158
Commit
16ad56ae48
41 geänderte Dateien mit 8754 neuen und 0 gelöschten Zeilen
43
external/aToolTip/css/atooltip.css
gevendort
Normale Datei
43
external/aToolTip/css/atooltip.css
gevendort
Normale Datei
|
|
@ -0,0 +1,43 @@
|
|||
/*
|
||||
Node structure
|
||||
--------------
|
||||
.aToolTip
|
||||
.aToolTipInner
|
||||
.aToolTipContent
|
||||
.aToolTipCloseBtn
|
||||
|
||||
*/
|
||||
|
||||
.aToolTip { margin:2px 0 0 2px; }
|
||||
|
||||
.aToolTipInner {
|
||||
border-left:1px solid #b3b3b3;
|
||||
border-top:1px solid #666;
|
||||
border-right:2px solid #b3b3b3;
|
||||
border-bottom:2px solid #b3b3b3;
|
||||
background:#f1f1f1;
|
||||
color:#000;
|
||||
margin:0;
|
||||
padding:4px 12px 6px 24px;
|
||||
margin:-2px 0 0 -2px;
|
||||
}
|
||||
|
||||
.aToolTipInner .aToolTipContent {
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
a.aToolTipCloseBtn {
|
||||
display:block;
|
||||
height:16px;
|
||||
width:16px;
|
||||
background:url(../images/infoBtn.gif) no-repeat;
|
||||
text-indent:-9999px;
|
||||
outline:none;
|
||||
position:absolute;
|
||||
top:1px;
|
||||
left:1px;
|
||||
margin:1px 2px 2px 1px;
|
||||
padding:0px;
|
||||
}
|
||||
174
external/aToolTip/css/style.css
gevendort
Normale Datei
174
external/aToolTip/css/style.css
gevendort
Normale Datei
|
|
@ -0,0 +1,174 @@
|
|||
/* Eric Meyer's Reset Reloaded */
|
||||
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code,del, dfn, em,
|
||||
font, img, ins, kbd, q, s, samp,small, strike, strong, sub,
|
||||
sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,table, caption, tbody, tfoot,
|
||||
thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
ol, ul {list-style: none;}
|
||||
blockquote, q {quotes: none;}
|
||||
table {border-collapse: collapse;border-spacing: 0;}
|
||||
|
||||
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
|
||||
/* IE6 */
|
||||
* html .clearfix {height: 1%;}
|
||||
/* IE7 */
|
||||
*:first-child+html .clearfix {min-height: 1px;}
|
||||
|
||||
|
||||
body {
|
||||
background: #282828 url(../images/bg.png) repeat-x;
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-family: Arial, helvetica;
|
||||
}
|
||||
|
||||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
color: #FEC92C;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
a.exampleTip {
|
||||
color: #FEC92C;
|
||||
}
|
||||
|
||||
a.exampleTip:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.section {
|
||||
text-align: left;
|
||||
padding-bottom: 18px;
|
||||
border-bottom: 1px solid #333;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
margin: 0 0 24px;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3{
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
|
||||
|
||||
h1.logo {
|
||||
display: block;
|
||||
height: 80px;
|
||||
width: 260px;
|
||||
margin: 40px auto 0;
|
||||
}
|
||||
|
||||
h1.logo a{
|
||||
display: block;
|
||||
height: 80px;
|
||||
width: 260px;
|
||||
text-indent: -9999px;
|
||||
background: url(../images/logo.png) no-repeat;
|
||||
}
|
||||
|
||||
|
||||
ul.demos {
|
||||
list-style-type: none;
|
||||
|
||||
}
|
||||
|
||||
ul.demos li{
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
|
||||
.primaryWrapper {
|
||||
margin: 0 auto;
|
||||
width: 960px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.branding{
|
||||
text-align: center;
|
||||
display: block;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
|
||||
.ctaBtns {border: none; text-align: center;}
|
||||
|
||||
.ctaBtns p {
|
||||
width: 263px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
.ctaBtns a{
|
||||
display: block;
|
||||
height: 37px;
|
||||
width: 122px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
a.dloadBtn {
|
||||
background: url(../images/dload-btn.png) no-repeat top left;
|
||||
float: left;
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
a.demoBtn {
|
||||
background: url(../images/demo-btn.png) no-repeat top left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.dloadBtn:hover,
|
||||
a.demoBtn:hover {
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.usage p {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
ul.quickFacts {
|
||||
list-style-position: inside;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
p.license,
|
||||
p.copyright {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
81
external/aToolTip/demos.html
gevendort
Normale Datei
81
external/aToolTip/demos.html
gevendort
Normale Datei
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
|
||||
<title>aToolTip Demos</title>
|
||||
|
||||
<!-- CSS -->
|
||||
<link type="text/css" href="css/style.css" rel="stylesheet" media="screen">
|
||||
|
||||
<!-- aToolTip css -->
|
||||
<link type="text/css" href="css/atooltip.css" rel="stylesheet" media="screen">
|
||||
|
||||
|
||||
<!-- Scripts -->
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
|
||||
<!-- aToolTip js -->
|
||||
<script type="text/javascript" src="js/atooltip.min.jquery.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$('a.normalTip').aToolTip();
|
||||
|
||||
|
||||
$('a.fixedTip').aToolTip({
|
||||
fixed: true
|
||||
});
|
||||
|
||||
$('a.clickTip').aToolTip({
|
||||
clickIt: true,
|
||||
tipContent: 'Hello I am aToolTip with content from the "tipContent" param'
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="primaryWrapper">
|
||||
|
||||
<div class="branding">
|
||||
<h1 class="logo"><a href="#">aToolTip</a></h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- DEMOS -->
|
||||
|
||||
<div class="section" id="demos">
|
||||
<h2>Demos</h2>
|
||||
|
||||
<ul class="demos">
|
||||
<li><a href="#" class="normalTip exampleTip" title="Hello, I am aToolTip">Normal Tooltip</a> - This is a normal tooltip with default settings.</li>
|
||||
<li><a href="#" class="fixedTip exampleTip" title="Hello, I am aToolTip">Fixed Tooltip</a> - This is a fixed tooltip that doesnt follow the mouse.</li>
|
||||
<li><a href="#" class="clickTip exampleTip" >On Click Tooltip</a> - This is a click activated tooltip with content passed in from 'tipContent' param</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- END DEMOS -->
|
||||
|
||||
|
||||
<p class="copyright">
|
||||
Copyright © 2009 Ara Abcarians. aToolTip was built for use with <a href="http://jquery.com">jQuery</a> by <a href="http://ara-abcarians.com/"> Ara Abcarians.</a>
|
||||
</p>
|
||||
|
||||
<p class="license">
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png"></a><br>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.
|
||||
</p>
|
||||
|
||||
|
||||
</div> <!-- /primaryWrapper -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
external/aToolTip/images/bg.png
gevendort
Normale Datei
BIN
external/aToolTip/images/bg.png
gevendort
Normale Datei
Binäre Datei nicht angezeigt.
|
Nachher Breite: | Höhe: | Größe: 1,2 KiB |
BIN
external/aToolTip/images/infoBtn.gif
gevendort
Normale Datei
BIN
external/aToolTip/images/infoBtn.gif
gevendort
Normale Datei
Binäre Datei nicht angezeigt.
|
Nachher Breite: | Höhe: | Größe: 90 B |
118
external/aToolTip/js/atooltip.jquery.js
gevendort
Normale Datei
118
external/aToolTip/js/atooltip.jquery.js
gevendort
Normale Datei
|
|
@ -0,0 +1,118 @@
|
|||
/*
|
||||
jQuery Version: jQuery 1.3.2
|
||||
Plugin Name: aToolTip V 1.0
|
||||
Plugin by: Ara Abcarians: http://ara-abcarians.com
|
||||
License: aToolTip is licensed under a Creative Commons Attribution 3.0 Unported License
|
||||
Read more about this license at --> http://creativecommons.org/licenses/by/3.0/
|
||||
Modified: Murat Purc <murat@purc>, 2010-01-28: Position clickable tooltip on right side,
|
||||
remove previous opened tooltip
|
||||
|
||||
Creates following node:
|
||||
-----------------------
|
||||
<div class="aToolTip">
|
||||
<div class="aToolTipInner">
|
||||
<p class="aToolTipContent"></p>
|
||||
Content
|
||||
<a alt="close" href="#" class="aToolTipCloseBtn">close</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.aToolTip = function(options) {
|
||||
|
||||
// setup default settings
|
||||
var defaults = {
|
||||
clickIt: false,
|
||||
closeTipBtn: 'aToolTipCloseBtn',
|
||||
fixed: false,
|
||||
inSpeed: 400,
|
||||
outSpeed: 100,
|
||||
tipContent: '',
|
||||
toolTipClass: 'aToolTip',
|
||||
xOffset: 0,
|
||||
yOffset: 0
|
||||
},
|
||||
|
||||
// This makes it so the users custom options overrides the default ones
|
||||
settings = $.extend({}, defaults, options);
|
||||
|
||||
return this.each(function() {
|
||||
var obj = $(this);
|
||||
// Decide weather to use a title attr as the tooltip content
|
||||
if (obj.attr('title') && !settings.tipContent) {
|
||||
// set the tooltip content/text to be the obj title attribute
|
||||
var tipContent = obj.attr('title');
|
||||
} else {
|
||||
// if no title attribute set it to the tipContent option in settings
|
||||
var tipContent = settings.tipContent;
|
||||
}
|
||||
|
||||
// check if obj has a title attribute and if click feature is off
|
||||
if(tipContent && !settings.clickIt){
|
||||
// Activate on hover
|
||||
obj.hover(function(el){
|
||||
obj.attr({title: ''});
|
||||
$('body').append("<div class='"+ settings.toolTipClass +"'><div class='"+ settings.toolTipClass +"Inner'><p class='aToolTipContent'>"+ tipContent +"</p></div></div>");
|
||||
$('.' + settings.toolTipClass).css({
|
||||
position: 'absolute',
|
||||
display: 'none',
|
||||
zIndex: '50000',
|
||||
top: (obj.offset().top - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset) + 'px',
|
||||
left: (obj.offset().left + obj.outerWidth() + settings.xOffset) + 'px'
|
||||
})
|
||||
.stop().fadeIn(settings.inSpeed);
|
||||
},
|
||||
function(){
|
||||
// Fade out
|
||||
$('.' + settings.toolTipClass).stop().fadeOut(settings.outSpeed, function(){$(this).remove();});
|
||||
});
|
||||
}
|
||||
|
||||
// Follow mouse if fixed is false and click is false
|
||||
if(!settings.fixed && !settings.clickIt){
|
||||
obj.mousemove(function(el){
|
||||
$('.' + settings.toolTipClass).css({
|
||||
top: (el.pageY - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset),
|
||||
left: (el.pageX + settings.xOffset)
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// check if click feature is enabled
|
||||
if(tipContent && settings.clickIt){
|
||||
// Activate on click
|
||||
obj.click(function(el){
|
||||
if (!settings.tipContent) {
|
||||
obj.attr({title: ''});
|
||||
}
|
||||
|
||||
// $('.' + settings.toolTipClass).remove();
|
||||
$('.' + settings.toolTipClass).stop().fadeOut(settings.outSpeed, function(){$(this).remove();});
|
||||
|
||||
$('body').append("<div class='"+ settings.toolTipClass +"'><div class='"+ settings.toolTipClass +"Inner'><p class='aToolTipContent'>"+ tipContent +"</p><a class='"+ settings.closeTipBtn +"' href='#' alt='close'>close</a></div></div>");
|
||||
$('.' + settings.toolTipClass).css({
|
||||
position: 'absolute',
|
||||
display: 'none',
|
||||
zIndex: '50000',
|
||||
// top: (obj.offset().top - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset) + 'px',
|
||||
// left: (obj.offset().left + obj.outerWidth() + settings.xOffset) + 'px'
|
||||
top: (obj.offset().top - settings.yOffset) + 'px',
|
||||
left: (obj.offset().left + obj.outerWidth() + settings.xOffset) + 'px'
|
||||
})
|
||||
.fadeIn(settings.inSpeed);
|
||||
// Click to close tooltip
|
||||
$('.' + settings.closeTipBtn).click(function(){
|
||||
$('.' + settings.toolTipClass).fadeOut(settings.outSpeed, function(){$(this).remove();});
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
}); // END: return this
|
||||
|
||||
// returns the jQuery object to allow for chainability.
|
||||
return this;
|
||||
};
|
||||
})(jQuery);
|
||||
2
external/aToolTip/js/atooltip.min.jquery.js
gevendort
Normale Datei
2
external/aToolTip/js/atooltip.min.jquery.js
gevendort
Normale Datei
|
|
@ -0,0 +1,2 @@
|
|||
/*Plugin by: Ara Abcarians: http://ara-abcarians.com License: http://creativecommons.org/licenses/by/3.0/ */
|
||||
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(2($){$.O.w=2(d){8 e={9:f,q:\'P\',x:f,r:Q,s:R,y:\'\',1:\'w\',g:5,h:5},0=$.S({},e,d);i 3.T(2(){8 b=$(3);j(b.k(\'l\')){8 c=b.k(\'l\')}U{8 c=0.y}j(c&&!0.9){b.V(2(a){b.k({l:\'\'});$(\'z\').t("<m 4=\'"+0.1+"\'><p 4=\'A\'>"+c+"</p></m>");$(\'.\'+0.1).u({B:\'C\',D:\'E\',F:\'G\',6:(b.n().6-$(\'.\'+0.1).v()-0.h)+\'o\',7:(b.n().7+b.H()+0.g)+\'o\'}).I().J(0.r)},2(){$(\'.\'+0.1).I().K(0.s,2(){$(3).L()})})}j(!0.x&&!0.9){b.W(2(a){$(\'.\'+0.1).u({6:(a.X-$(\'.\'+0.1).v()-0.h),7:(a.Y+0.g)})})}j(c&&0.9){b.M(2(a){b.k({l:\'\'});$(\'z\').t("<m 4=\'"+0.1+"\'><p 4=\'A\'>"+c+"</p></m>");$(\'.\'+0.1).t("<a 4=\'"+0.q+"\' Z=\'#\' 10=\'N\'>N</a>");$(\'.\'+0.1).u({B:\'C\',D:\'E\',F:\'G\',6:(b.n().6-$(\'.\'+0.1).v()-0.h)+\'o\',7:(b.n().7+b.H()+0.g)+\'o\'}).J(0.r);$(\'.\'+0.q).M(2(){$(\'.\'+0.1).K(0.s,2(){$(3).L()});i f});i f})}});i 3}})(11);',62,64,'settings|toolTipClass|function|this|class||top|left|var|clickIt||||||false|xOffset|yOffset|return|if|attr|title|div|offset|px||closeTipBtn|inSpeed|outSpeed|append|css|outerHeight|aToolTip|fixed|tipContent|body|aToolTipContent|position|absolute|display|none|zIndex|50000|outerWidth|stop|fadeIn|fadeOut|remove|click|close|fn|aToolTipCloseBtn|400|100|extend|each|else|hover|mousemove|pageY|pageX|href|alt|jQuery'.split('|'),0,{}))
|
||||
19
external/aToolTip/js/jquery.min.js
gevendort
Normale Datei
19
external/aToolTip/js/jquery.min.js
gevendort
Normale Datei
Dateidiff unterdrückt, weil mindestens eine Zeile zu lang ist
Laden …
Tabelle hinzufügen
Einen Link hinzufügen
In neuem Issue referenzieren