Back To Programming / Scripting / Coding Forum

Pie graph inside tooltip

  • nucaj
  • Born
  • Born
  • No Avatar
  • Joined: Mar 04, 2009
  • Posts: 1
  • Status: Offline

Post March 4th, 2009, 9:53 am

Hello:)
I’m trying to find a way to include a 'pie' graph in a tooltip, but it's without any success.

Here, below, an example using:
Jquery Sparklines
Tooltip JavaScript Library
without any luck.

Code: [ Select ]
<!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>
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
    <script src="http://omnipotent.net/jquery.sparkline/1.1/jquery.sparkline.min.js"></script>
</head>
    <body>
        <script src="http://www.mitcio.com/js/wz_tooltip/wz_tooltip.js"></script>
       
        <script type="text/javascript">
            $(document).ready(function() {
                $('.pie').sparkline('html', { type: 'pie', height: '20px' });
            });
            foo='<span class=&quot;pie&quot;>80,20</span>'
        </script>
 
        <span class='pie'>80,20</span>
 
        <a href=""
            onmouseover="Tip('Pie: ' + foo)"
            onmouseout="UnTip()">Test
        </a>
       
   
    </body>
</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.     <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
  5.     <script src="http://omnipotent.net/jquery.sparkline/1.1/jquery.sparkline.min.js"></script>
  6. </head>
  7.     <body>
  8.         <script src="http://www.mitcio.com/js/wz_tooltip/wz_tooltip.js"></script>
  9.        
  10.         <script type="text/javascript">
  11.             $(document).ready(function() {
  12.                 $('.pie').sparkline('html', { type: 'pie', height: '20px' });
  13.             });
  14.             foo='<span class=&quot;pie&quot;>80,20</span>'
  15.         </script>
  16.  
  17.         <span class='pie'>80,20</span>
  18.  
  19.         <a href=""
  20.             onmouseover="Tip('Pie: ' + foo)"
  21.             onmouseout="UnTip()">Test
  22.         </a>
  23.        
  24.    
  25.     </body>
  26. </html>


Any suggestions welcome:)
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 4th, 2009, 9:53 am

Page 1 of 1

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 109 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.