MyBB Community Forums

Full Version: [jQuery] ToolTip MyBB
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
FIRST RESULT:
[Image: 2YI0w.png]

NOW INSTALATION:

Go to headerinclude and put inside it:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery/jquery.tipTip.minified.js"></script>
<link rel="stylesheet" href="jscripts/jquery/tipTip.css" type="text/css">
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

OR WITH CLASS:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery/jquery.tipTip.minified.js"></script>
<link rel="stylesheet" href="jscripts/jquery/tipTip.css" type="text/css">
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery("a .tooltip").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img .tooltip").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script>

And now go to FTP and upload folder

\/

[attachment=29375]

Any problems? write in comment Wink
Didn't work..?
Show you headerinclude.
Use a newer version of jQuery. 1.4.2 is way too old. Recommend jQuery 1.7.2 or higher.
The latest version of this 1.9.2
the latest is 2.0.0
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

1.9.2 doesnt exist -_-
will see if work. If yes, i put 1.9