Comments on: Tippy for WordPress http://croberts.me Thu, 10 May 2012 04:29:23 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Chris Roberts http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-7759 Chris Roberts Mon, 07 May 2012 15:49:18 +0000 http://croberts.me/?page_id=45#comment-7759 Lonnie, Nothing in Tippy automatically filters out scripts, but I'm seeing a similar issue where scripts cause a problem in the plugin. I've never tried including javascript within a tippy tooltip and will have to give it a closer look to see why it's not working. Lonnie,

Nothing in Tippy automatically filters out scripts, but I’m seeing a similar issue where scripts cause a problem in the plugin. I’ve never tried including javascript within a tippy tooltip and will have to give it a closer look to see why it’s not working.

]]> By: Lonnie http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-7448 Lonnie Thu, 03 May 2012 15:54:27 +0000 http://croberts.me/?page_id=45#comment-7448 I'm trying to place a <a href="http://www.fusioncharts.com/" rel="nofollow">fusionchart</a> inside a Tippy tooltip, but when I publish my page (wordpress) the script tag that is used inside the tooltip is completed removed in the code. Is there a filter or something that keeps scripts from running inside a tippy tooltip? Thanks. I’m trying to place a fusionchart inside a Tippy tooltip, but when I publish my page (wordpress) the script tag that is used inside the tooltip is completed removed in the code. Is there a filter or something that keeps scripts from running inside a tippy tooltip? Thanks.

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-6554 Tim Hanson Fri, 20 Apr 2012 02:10:10 +0000 http://croberts.me/?page_id=45#comment-6554 Chris, Is there a way to get tippy to close instantly when you mouse away, right now there is a lag time. I tried changing "this.allowFreeze = true;" to "this.allowFreeze = false;" (only guessing here) but made no difference. Thanks Tim Chris,

Is there a way to get tippy to close instantly when you mouse away, right now there is a lag time.

I tried changing “this.allowFreeze = true;” to “this.allowFreeze = false;”
(only guessing here) but made no difference.

Thanks
Tim

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5774 Tim Hanson Wed, 04 Apr 2012 18:58:15 +0000 http://croberts.me/?page_id=45#comment-5774 Chris, This works <code> add_action('wp_footer','myscript_in_footer'); function myscript_in_footer(){ ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("*").delegate("div.domTip_tipBody","mouseover",function(){ jQuery("#yyy a.tippy_link").css("background-color","#392281"); }); jQuery("*").delegate("div.domTip_tipBody","mouseout",function(){ jQuery("#yyy a.tippy_link").css("background-color","transparent"); }); }); </script> <?php } </code> I hope all this posting was not to annoying Chris,
This works

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
add_action('wp_footer','myscript_in_footer');
function myscript_in_footer(){
?>
<script type="text/javascript">
 jQuery(document).ready(function(){
   jQuery("*").delegate("div.domTip_tipBody","mouseover",function(){
    jQuery("#yyy a.tippy_link").css("background-color","#392281");
    });
   
   jQuery("*").delegate("div.domTip_tipBody","mouseout",function(){
    jQuery("#yyy a.tippy_link").css("background-color","transparent");
    });
   });
</script>
<?php
}

I hope all this posting was not to annoying

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5753 Tim Hanson Wed, 04 Apr 2012 00:46:09 +0000 http://croberts.me/?page_id=45#comment-5753 This part was left out of my comment above I found a thread on a forum that had a similar question it suggested: "This looks like a jQuery event delegation issue. If the new DOM elements are added after the page has loaded, jQuery wont read them. So you need to tell jQuery before hand to bind an event if any such element exists now or in future." This part was left out of my comment above

I found a thread on a forum that had a similar question it suggested:

“This looks like a jQuery event delegation issue. If the new DOM elements are added after the page has loaded, jQuery wont read them. So you need to tell jQuery before hand to bind an event if any such element exists now or in future.”

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5752 Tim Hanson Wed, 04 Apr 2012 00:44:16 +0000 http://croberts.me/?page_id=45#comment-5752 Chris, The function is running with elements not outputted by tippy, I tested with 'p' in place of 'div.domTip_tipBody.domTip_noHeader' and it worked as expected. I found a thread on a forum that had a similar question it suggested: <blockquote cite="This looks like a jQuery event delegation issue. If the new DOM elements are added after the page has loaded, jQuery wont read them. So you need to tell jQuery before hand to bind an event if any such element exists now or in future."> and a code snippet that might work using .delegate, my attempt at translating it is: <code> <script type="text/javascript"> jQuery(document).ready(function($){ $.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow"); }); $.delegate('p','mouseout', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); }); </script> </code> But dose not work even with the 'p' element, so I probably did not get the syntax right. Dose this seem to you fruitful approach? if so can you see a syntax issue with it or is it just garbage and needs to be thrown out? (I know next to nothing about jquey) Thank you for all your comments. Chris,
The function is running with elements not outputted by tippy, I tested with ‘p’ in place of ‘div.domTip_tipBody.domTip_noHeader’ and it worked as expected.

I found a thread on a forum that had a similar question it suggested:

and a code snippet that might work using .delegate, my attempt at translating it is:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
 jQuery(document).ready(function($){
    $.delegate('p','mouseover', function(e){
        jQuery("#yyy a.tippy_link").css("background-color","yellow");
    });

    $.delegate('p','mouseout', function(e){
        jQuery("#yyy a.tippy_link").css("background-color","red");
    });
    });  
</script>

But dose not work even with the ‘p’ element, so I probably did not get the syntax right.

Dose this seem to you fruitful approach? if so can you see a syntax issue with it or is it just garbage and needs to be thrown out? (I know next to nothing about jquey)

Thank you for all your comments.

]]> By: Chris Roberts http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5744 Chris Roberts Tue, 03 Apr 2012 14:41:23 +0000 http://croberts.me/?page_id=45#comment-5744 Tim, On your first question, on styling, there is no way to add styling in the short code, it has to be done via css. From your second question I'm guessing you figured that out? On the second question, I'll have to fiddle with that. Are you sure it isn't matching the element? Could it be matching but not handling the mouseover/mouseout as you expect? Tim,

On your first question, on styling, there is no way to add styling in the short code, it has to be done via css. From your second question I’m guessing you figured that out?

On the second question, I’ll have to fiddle with that. Are you sure it isn’t matching the element? Could it be matching but not handling the mouseover/mouseout as you expect?

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5743 Tim Hanson Tue, 03 Apr 2012 13:15:16 +0000 http://croberts.me/?page_id=45#comment-5743 Chris, I am using tippy with a shorcode and this part is working fine. I am tiring to apply a JavaScript function to it: <code> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("div.domTip_tipBody.domTip_noHeader").mouseover(function(){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); jQuery("div.domTip_tipBody.domTip_noHeader").mouseout(function(){ jQuery("#yyy a.tippy_link").css("background-color","green"); }); }); </script> </code> but the js is not reading any of the tippy elements e.g "div.domTip_tipBody.domTip_noHeader" Though they do work in my style.css Asking if you had any ideas on how to get the js to read the tippy elements, or if you can say this will not work (so I can give up tiring to get it to work) Thanks Tim Chris, I am using tippy with a shorcode and this part is working fine.

I am tiring to apply a JavaScript function to it:

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
  jQuery(document).ready(function(){
   jQuery("div.domTip_tipBody.domTip_noHeader").mouseover(function(){
   jQuery("#yyy a.tippy_link").css("background-color","yellow");});  

   jQuery("div.domTip_tipBody.domTip_noHeader").mouseout(function(){
   jQuery("#yyy a.tippy_link").css("background-color","green");
 });
 });  
 </script>

but the js is not reading any of the tippy elements e.g “div.domTip_tipBody.domTip_noHeader” Though they do work in my style.css

Asking if you had any ideas on how to get the js to read the tippy elements, or if you can say this will not work (so I can give up tiring to get it to work)

Thanks
Tim

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5616 Tim Hanson Thu, 29 Mar 2012 14:01:14 +0000 http://croberts.me/?page_id=45#comment-5616 Chris, is it possible to style the background color of a individual tippy, as in: [tippy title="My Groups" header="off" background="red"] The above does not work, hoping there is a method to do this. Thanks Tim Chris, is it possible to style the background color of a individual tippy, as in:
[tippy title="My Groups" header="off" background="red"]

The above does not work, hoping there is a method to do this.

Thanks
Tim

]]> By: Tim Hanson http://croberts.me/tippy-for-wordpress/comment-page-7/#comment-5595 Tim Hanson Thu, 29 Mar 2012 03:13:11 +0000 http://croberts.me/?page_id=45#comment-5595 Chris, I just used the new tippy w/shortcode, works great! had to play a little with firebug to get the css but so far love it. THANK YOU Tim Chris,
I just used the new tippy w/shortcode, works great! had to play a little with firebug to get the css but so far love it.

THANK YOU
Tim

]]>