[jQuery] Re: [Tooltip Plugin] Problem with tooltip and live event
Hi Vengiss, $('#preview_'+id_mercancia).tooltip({ tip: '#img_'+id_mercancia, effect: 'fade', }); The error is the last comma. Correct: $('#preview_'+id_mercancia).tooltip({ tip: '#img_'+id_mercancia, effect: 'fade', }); This error doesn't affect IE and Safari because they are well done! =) On 6 fev, 20:35, vengiss veng...@fastmail.fm wrote: Hi, I have a table in my site that shows a list of products I get from a DB, each one has and image (thats loaded on a hidden div). I'd like to show on a tooltip eveytime the user hovers over the img element I placed on the table, heres the script to do that (I'm using the 'live' function because the user can add new products so I dynamically create a new img element): 1. $('.preview_boton_mercancia').live('mouseover', function() { 2. var id = $(this).attr(id).split(_); 3. var id_mercancia = id[1]; 4. $('#preview_'+id_mercancia).tooltip({ 5. tip: '#img_'+id_mercancia, 6. effect: 'fade', 7. }); 8. }); 9. 10. $('.preview_boton_mercancia').live('mouseout', function() { 11. var id = $(this).attr(id).split(_); 12. var id_mercancia = id[1]; 13. var tooltip = $('#preview_'+id_mercancia).tooltip('#img_'+id_mercancia); 14. tooltip.hide(); 15. }); This works almost as intended the problems are: 1) The tooltip doesn't work on the first hover but after the second time the user hovers the img element. 2) It doesn't work at all on dynamically created elements. You can see an example here:http://sm-dev.webege.com/(login: admin / pass:admin) Go to Registro - Mercancia and hover over the preview icon. Is it something I'm doing wrong? Any help will be appreciated. Thanks in advance! PD: This is in FF and Safari, in IE and Opera it won't work at all.. -- View this message in context:http://old.nabble.com/-Tooltip-Plugin--Problem-with-tooltip-and-live-... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [Tooltip Plugin] Problem with tooltip and live event
the error is the last comma in literal object: the correct is 6. effect: 'fade' 7.}); On 6 fev, 20:35, vengiss veng...@fastmail.fm wrote: Hi, I have a table in my site that shows a list of products I get from a DB, each one has and image (thats loaded on a hidden div). I'd like to show on a tooltip eveytime the user hovers over the img element I placed on the table, heres the script to do that (I'm using the 'live' function because the user can add new products so I dynamically create a new img element): 1. $('.preview_boton_mercancia').live('mouseover', function() { 2. var id = $(this).attr(id).split(_); 3. var id_mercancia = id[1]; 4. $('#preview_'+id_mercancia).tooltip({ 5. tip: '#img_'+id_mercancia, 6. effect: 'fade', 7. }); 8. }); 9. 10. $('.preview_boton_mercancia').live('mouseout', function() { 11. var id = $(this).attr(id).split(_); 12. var id_mercancia = id[1]; 13. var tooltip = $('#preview_'+id_mercancia).tooltip('#img_'+id_mercancia); 14. tooltip.hide(); 15. }); This works almost as intended the problems are: 1) The tooltip doesn't work on the first hover but after the second time the user hovers the img element. 2) It doesn't work at all on dynamically created elements. You can see an example here:http://sm-dev.webege.com/(login: admin / pass:admin) Go to Registro - Mercancia and hover over the preview icon. Is it something I'm doing wrong? Any help will be appreciated. Thanks in advance! PD: This is in FF and Safari, in IE and Opera it won't work at all.. -- View this message in context:http://old.nabble.com/-Tooltip-Plugin--Problem-with-tooltip-and-live-... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: (tooltip) Markup problem
On Oct 12, 8:57 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: That sounds like you validate a page for the sake of validation. I think thats beneath the point, therefore I don't get your argument. Do you worry about accessibility? If so, did you test the tooltip with a screenreader? Afaik thats the best way to test for accessibility; validation not so much. Jörn, I didn't talk about validation. Take the example I created here: http://flyonpages.flyondreams.pt/tooltip.html The document structure already contains a H3 header. IMHO it does not make sense to me the tooltip to add a header at same level ... I even think the tooltip shouldn't have a header ... But of course that is my opinion. But in this example, to use a header on tooltip, it should be a H4 ... agree? I really like the functionality of your plugin: For example, when tooltip disappears when a input is selected ... Would be possible to tell me how to change the plugin code so the tooltip would be just: divspanTitle ... spandiv And I need to display only the title ... no url in case of anchors. Just the title in all situations. Basically, a really simple tooltip but with the same behavior as yours. I have been looking for such a plugin but they never work as good as yours. And all my tries to adapt your code ended with a broken plugin ... Thank You, Miguel
[jQuery] Re: (tooltip) Markup problem
You could give the jQuery UI tooltip a try. Source is here: http://jquery-ui.googlecode.com/svn/branches/dev/ui/jquery.ui.tooltip.js Theme: http://jquery-ui.googlecode.com/svn/branches/dev/themes/base/ui.tooltip.css Visual test (sort of demo) here: http://jquery-ui.googlecode.com/svn/branches/dev/tests/visual/tooltip/default.html Jörn On Wed, Oct 14, 2009 at 1:55 PM, shapper mdmo...@gmail.com wrote: On Oct 12, 8:57 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: That sounds like you validate a page for the sake of validation. I think thats beneath the point, therefore I don't get your argument. Do you worry about accessibility? If so, did you test the tooltip with a screenreader? Afaik thats the best way to test for accessibility; validation not so much. Jörn, I didn't talk about validation. Take the example I created here: http://flyonpages.flyondreams.pt/tooltip.html The document structure already contains a H3 header. IMHO it does not make sense to me the tooltip to add a header at same level ... I even think the tooltip shouldn't have a header ... But of course that is my opinion. But in this example, to use a header on tooltip, it should be a H4 ... agree? I really like the functionality of your plugin: For example, when tooltip disappears when a input is selected ... Would be possible to tell me how to change the plugin code so the tooltip would be just: divspanTitle ... spandiv And I need to display only the title ... no url in case of anchors. Just the title in all situations. Basically, a really simple tooltip but with the same behavior as yours. I have been looking for such a plugin but they never work as good as yours. And all my tries to adapt your code ended with a broken plugin ... Thank You, Miguel
[jQuery] Re: (tooltip) Markup problem
Hi, documents can contain as many H3 headers as are needed. In a tooltip, 'H3' makes the most sense because a single page generally should have only one 'H1' and 'H2' should be reserved for segment heads. So it's not a big issue to have the 'H3' in the tooltip dialog and still remain semantically correct. If that is what you are concerned with. But if you want to change the behavior of this particular tooltip dialog, just go into the source code and alter what it creates. Then, check any css file the plugin comes with and change that to match what you altered in the source code. DED On Wed, Oct 14, 2009 at 6:55 AM, shapper mdmo...@gmail.com wrote: On Oct 12, 8:57 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: That sounds like you validate a page for the sake of validation. I think thats beneath the point, therefore I don't get your argument. Do you worry about accessibility? If so, did you test the tooltip with a screenreader? Afaik thats the best way to test for accessibility; validation not so much. Jörn, I didn't talk about validation. Take the example I created here: http://flyonpages.flyondreams.pt/tooltip.html The document structure already contains a H3 header. IMHO it does not make sense to me the tooltip to add a header at same level ... I even think the tooltip shouldn't have a header ... But of course that is my opinion. But in this example, to use a header on tooltip, it should be a H4 ... agree? I really like the functionality of your plugin: For example, when tooltip disappears when a input is selected ... Would be possible to tell me how to change the plugin code so the tooltip would be just: divspanTitle ... spandiv And I need to display only the title ... no url in case of anchors. Just the title in all situations. Basically, a really simple tooltip but with the same behavior as yours. I have been looking for such a plugin but they never work as good as yours. And all my tries to adapt your code ended with a broken plugin ... Thank You, Miguel
[jQuery] Re: (tooltip) Markup problem
That sounds like you validate a page for the sake of validation. I think thats beneath the point, therefore I don't get your argument. Do you worry about accessibility? If so, did you test the tooltip with a screenreader? Afaik thats the best way to test for accessibility; validation not so much. Jörn On Mon, Oct 12, 2009 at 5:49 PM, shapper mdmo...@gmail.com wrote: Hello, I have been using Bassistance tooltip but I think the markup is really incorrect. http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Why forcing an H3 into the tooltip? Did you ever checked a page with it in Opera's table of contents? By imposing H3 you are breaking the semantics of a page ... At least you could allow to have an option to have the H3 or not ... What do you think? Thanks, Miguel
[jQuery] Re: tooltip - how do i remove an existing tooltip
How about giving the tooltip an identifier, such as a class name, and remove the class once the validation is satisfied. -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of cgipson Sent: Friday, October 02, 2009 1:51 PM To: jQuery (English) Subject: [jQuery] tooltip - how do i remove an existing tooltip Hi, I am using tooltip in my application as a way to notify the user as to what kind of error was found in thier input field. My question is, once that error is resolved and validated correctly, is there a way i can remove the tooltip?
[jQuery] Re: [tooltip] integration with jQuery UI
Works fine for me with extraClass. To change it once for all tooltips: $.tooltip.defaults.extraClass = ui-widget ui-widget-content ui-corner-all; Jörn On Thu, Aug 13, 2009 at 8:25 PM, tvanfossontvanfos...@gmail.com wrote: I've made some minor modifications to the Tooltip plugin to have it integrate with jQuery UI. I'm wondering, though, if this has already been done. I couldn't get it to work reliably with the extraClass option (sometimes the styles didn't seem to be applied in IE anyway) so I extended the options with a uiClasses option that by default is set to ui-widget ui-widget-content ui-corner-all and set these as the default class when the tool tip is created. This seems to work reliably, but I don't want to reinvent the wheel, especially if there are things that I've missed in my limited testing. defaults: { delay: 200, fade: false, showURL: true, extraClass: , new uiClasses: ui-widget ui-widget-content ui-corner-all, top: 15, left: 15, id: tooltip }, function createHelper(settings) { // there can be only one tooltip helper if( helper.parent ) return; // create the helper, h3 for title, div for url helper.parent = $('div id=' + settings.id new + ' class=' + settings.uiClasses + 'h3/h3div class=body/divdiv class=url/div/div')
[jQuery] Re: [tooltip] Persistence
I don't think you can do that with Tooltip. But you can with clueTip: plugins.learningjquery.com/cluetip/ --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 21, 2009, at 5:40 AM, Hogsmill wrote: Is it possible to make tooltoips persistent, i.e. you have to click to remove? Cheers, H
[jQuery] Re: [tooltip] Fade on IE
I've struggled with similar problems - and have reluctantly had to use a gif instead. Although the image might not be as nice, it does actually seem to work fine in IE On Mon, Jul 20, 2009 at 1:42 AM, apuredolapure...@gmail.com wrote: Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: - , extraClass: pretty, fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7. Is there a way to use it? Thanks.
[jQuery] Re: [tooltip] Fade on IE
Yep, simply no way around this except to not use a PNG or not to animate the opacity. Michael Smith wrote: I've struggled with similar problems - and have reluctantly had to use a gif instead. Although the image might not be as nice, it does actually seem to work fine in IE On Mon, Jul 20, 2009 at 1:42 AM, apuredolapure...@gmail.com wrote: Hi, I am using and modifying the sample demo page and have a error on IE: Using: $(function() { $('#pretty').tooltip({ track: true, delay: 0, fade: 500, showURL: false, showBody: - , extraClass: pretty, fixPNG: true, left: 120 }); }); The fade effect on IE causes that the image shadow.png appears black on border for a while, fade effect is too uggly, firefox and safari works fine. Now I have to set fade=0 only to support IE7. Is there a way to use it? Thanks.
[jQuery] Re: Tooltip for hotspot (area shape)
have used it on area tags, no differennt than any other tag,, follow standard instructions e...@uitenbogaard.nl wrote: Hi, I'am looking for a solution to use dynamic tooltips when mouse comes over a hotspot (several hotspots in an image). I like the tooltip on the homepage of this forum (http:// bassistance.de/jquery-plugins/jquery-plugin-tooltip/). - tooltip sticks to pointer - appears directly - fonts, colors etc. can be manipulated Is there a proper solution? This is what the script shows now: map name="Map" id="Map" area shape="poly" coords="75,131,77,153,103,152,99,130" href="" / area shape="poly" coords="110,127,114,149,140,150,136,126" href="" / area shape="poly" coords="147,123,152,148,178,146,172,121" href="" / /map/div (I need separate tooltips on every area shape) Thanks, Erik
[jQuery] Re: Tooltip for hotspot (area shape)
I tried, but din'nt funcyion. All new for me. Can you tell me. On 17 jul, 21:44, Charlie charlie...@gmail.com wrote: have used it on area tags, no differennt than any other tag,, follow standard instructionse...@uitenbogaard.nlwrote:Hi, I'am looking for a solution to use dynamic tooltips when mouse comes over a hotspot (several hotspots in an image). I like the tooltip on the homepage of this forum (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/). - tooltip sticks to pointer - appears directly - fonts, colors etc. can be manipulated Is there a proper solution? This is what the script shows now: map name=Map id=Map area shape=poly coords=75,131,77,153,103,152,99,130 href=#l / area shape=poly coords=110,127,114,149,140,150,136,126 href=#l /area shape=poly coords=147,123,152,148,178,146,172,121 href=# //map/div (I need separate tooltips on every area shape) Thanks, Erik
[jQuery] Re: [tooltip] dont close tooltip after click
Hi, I don't know JQuery or JavaScript much, but tooltip takes what's in 'title' field of its target to create header and body when page loads. I suppose it creates and put in DOM tree everything else like onMouseOver() or other functions, so it should be possible to just modify DOM tree to take them in after it has been initialized, and put them in a timer or somewhere else in DOM tree. 2009/6/25 Erwin Purnomo panda...@gmail.com Hi all I'm using jquery tooltip by Jorn (http://jquery.bassistance.de/) It's a great plugin, and pretty too :) But I want to change it so the tooltip wont close on mouse click Anyone has idea?
[jQuery] Re: Tooltip placement
*width*change the hover function to get the object width and remove the mousemove function. Do somenthing like: this.tooltip = function(){ /* CONFIG */ xOffset = 20; yOffset = 50; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $(a.tooltip).hover(function(e){ this.t = this.title; * width=$(this).width();* this.title = ; $(body).append(p id='tooltip'+ this.t +/p); $(#tooltip) .css(top,(e.pageY - xOffset) + px) .css(left,(e.pageX + *width* + 10) + px) .fadeIn(600); }, function(){ this.title = this.t; $(#tooltip).remove(); }); }; 2009/6/7 ivanisevic82 ivanisevi...@gmail.com Hi! Sorry for my english, I hope you understand me. I'm using a tooltip created with Jquery, this is the code: _ this.tooltip = function(){ /* CONFIG */ xOffset = 20; yOffset = 50; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $(a.tooltip).hover(function(e){ this.t = this.title; this.title = ; $(body).append(p id='tooltip'+ this.t +/p); $(#tooltip) .css(top,(e.pageY - xOffset) + px) .css(left,(e.pageX + yOffset) + px) .fadeIn(600); }, function(){ this.title = this.t; $(#tooltip).remove(); }); $(a.tooltip).mousemove(function(e){ $(#tooltip) .css(top,(e.pageY - xOffset) + px) .css(left,(e.pageX + yOffset) + px); }); }; // starting the script on page load $(document).ready(function(){ tooltip(); }); If you want to see a preview go in this link and with the mouse over the image on top-right. http://www.ivanisevic82.com/pages/prova-8.php So, my problem is this: i'd like to place the tooltip in a different place: not with a relative position (relative to che mouse, the tooltip moves whit it, as you can see in the preview) but an absolute position. I would like that the tooltip stay fixed on the right of the image, and without moving if I move the mouse. How can I do it? Can I change the jquery code and say to it that the position of the tooltip has to be definied in the css part of my site? Thank you! Bye! -- Gustavo Salome Silva
[jQuery] Re: [tooltip] Blocking tooltips
In the quoted example, the block function is passed as the event handler. In your example, you just reference, but don't call it. Easy to fix: $(#block).click(function() { $.tooltip.block(); alert ('woo-hoo'); }); Its a function that you can both pass around or call directly. Jörn On Thu, May 28, 2009 at 2:09 PM, fredriley fred.ri...@gmail.com wrote: Hi all I'm using the Tooltip plugin (http://bassistance.de/jquery-plugins/ jquery-plugin-tooltip/) on a test page (http://www.nottingham.ac.uk/ ~ntzfr/test/ajax/jquery/jquery_formtest1.html). It works fine as it stands. I want the user to be able to toggle tooltips on/off, and a demo on the plugin page uses the code: $(#block).click($.tooltip.block); to call the click event of the button id block. That also works. What I then want is to display the tooltip status by changing the button text, which I thought I could do with a function. However, the following does nothing, though doesn't throw any errors: $(#block).click(function() { $.tooltip.block; alert ('woo-hoo'); }); The alert box displays ok. So can anyone tell me why $.tooltip.block works on its own but not in a function? More generally, and here my jQuery newbie ignorance is showing, what is 'block' - a method or a property? What does the line $.tooltip.block actually mean? In this case $ isn't a selector but just shorthand for 'jQuery', so it looks like it says 'run the method jQuery.tooltip.block'. TIA for any tips/advice. Cheers Fred
[jQuery] Re: [tooltip] Blocking tooltips
Ah, that makes sense. Thanks, Jörn. I suppose I'd have stumbled across that solution eventually, but I really wanted to know *why* it wasn't working, which you've now explained. I had a look in the plugin docs for block() but couldn't see it mentioned. Is it an 'undocumented feature', or have I not looked properly? That's no criticism, btw - I'd like to offer many thanks for your excellent plugins, which have been very useful indeed in my work. Much appreciated :) Cheers Fred On May 28, 1:57 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: In the quoted example, the block function is passed as the event handler. In your example, you just reference, but don't call it. Easy to fix: $(#block).click(function() { $.tooltip.block(); alert ('woo-hoo'); }); Its a function that you can both pass around or call directly. Jörn
[jQuery] Re: [tooltip] overriding definition
Try this: 1. $([title]:not(.fast))... 2. $([title].fast) Jörn On Tue, May 5, 2009 at 11:30 AM, nomad jeste.z...@gmail.com wrote: Newbies question: I need different definitions of tooltip on one page: 1/ Replace the default tooltip of all title elements $('*[title]').tooltip({ delay: 500 }); AND 2/ Replace only Title elements within class fast (e.g. a class=fast href=... title=fast tooltipFast/a ) $('*[title].fast').tooltip({ delay: 0 }); But first definition overrides the second one all the time. I moved general definition 1/ on the first position of js and the class based 2/ on the last one but no success. Is there any solution? What do I wrong?
[jQuery] Re: [tooltip] overriding definition
Wow .. how easy, works, thank you.
[jQuery] Re: [tooltip] overriding definition
Wow .. how easy, works, thank you.
[jQuery] Re: [tooltip] Way to make the tooltip plugin accessible to browsers with no mouseover?
How does the iPhone handle native tooltips? According to quirksmode.org, the mouseover event is actually fired. Just not quite in the usual way: http://www.quirksmode.org/blog/archives/2008/08/iphone_events.html Jörn On Wed, Apr 8, 2009 at 12:55 PM, Emmett emmett.the.s...@gmail.com wrote: The tooltip plugin is slick, but there's one vital thing it appears to be missing: the ability to click instead of hovering. Why do I want that? Some browsers, like the iPhone, don't have the mouseover event at all. The tooltips are completely unavailable to those browsers. Is there a hack to support this?
[jQuery] Re: [tooltip]
Sorry, please ignore this message, which I posted without a proper subject line hence it's appending to this thread. I've reposted it in a new thread with the subject [tooltip] Tooltips out of position with imagemaps. Cheers Fred
[jQuery] Re: tooltip container flowing off page in Safari 4, not resizing as should
Does anyone know if this can be easily addressed? It is Safari 4 Mac, to be precise. Thanks, On Mar 10, 8:52 am, roryreiff roryre...@gmail.com wrote: Hi there, In my implementation of the tooltip plugin, I have notice that in Safari 4 the tooltip does not resize when the cursor moves against the window. That is, I have track set to true as default, so initially the tooltip formats so that it does not overflow over the side of the window, but then as the mouse moves it will maintain the same height and width, forcing a scrollbar when moused over in the direction of the window. Im not sure if this is just a little bug that needs to be fixed for the plugin, or something wrong with my implementation. Here is the page in question. Hover over the image in the article body (in Safari 4) to see what I mean.http://www.pomona.edu/dev/web44.asp Thanks,
[jQuery] Re: tooltip container flowing off page in Safari 4, not resizing as should
Does anyone know if this can be easily addressed? It is Safari 4 Mac, to be precise. Thanks, On Mar 10, 8:52 am, roryreiff roryre...@gmail.com wrote: Hi there, In my implementation of the tooltip plugin, I have notice that in Safari 4 the tooltip does not resize when the cursor moves against the window. That is, I have track set to true as default, so initially the tooltip formats so that it does not overflow over the side of the window, but then as the mouse moves it will maintain the same height and width, forcing a scrollbar when moused over in the direction of the window. Im not sure if this is just a little bug that needs to be fixed for the plugin, or something wrong with my implementation. Here is the page in question. Hover over the image in the article body (in Safari 4) to see what I mean.http://www.pomona.edu/dev/web44.asp Thanks,
[jQuery] Re: [tooltip]
Check out http://docs.jquery.com/FAQ#Why_do_my_events_stop_working_after_an_AJAX_request.3F Jörn On Mon, Mar 30, 2009 at 4:13 PM, jmmccoy...@googlemail.com jmmccoy...@googlemail.com wrote: Hi, im using your jquery tooltip although I have a question about doing something bespoke I call the code to my page via $(function() { $('a,div,span,img,td,input').tooltip({ etc. Which works fine, however, if using ajax I populate a div with external content, any title tags from the ajax request do not have the tooltip function applied to it I thought I had found a way around it by recalling $(function() { $('a,div,span,img,td,input').tooltip({ etc. That works for the new content populated via ajax, but any other title is thus dead and will not display I need some code I can call to repopulate all title tags on the page
[jQuery] Re: [tooltip] help please
thanks for replies. applied sean o's corrections and found/applied screen.css (below); script's still not executing. other suggestions? thanks html, body, div, span, applet, object, iframe, 2h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3a, abbr, acronym, address, big, cite, code, 4del, dfn, em, font, img, ins, kbd, q, s, samp, 5small, strike, strong, sub, sup, tt, var, 6dl, dt, dd, ol, ul, li, 7fieldset, form, label, legend, 8table, caption, tbody, tfoot, thead, tr, th, td { 9 margin: 0; 10 padding: 0; 11 border: 0; 12 outline: 0; 13 font-weight: inherit; 14 font-style: inherit; 15 font-size: 100%; 16 font-family: inherit; 17 vertical-align: baseline; 18} 19fieldset { 20 border: 1px solid black; padding: 8px; margin: 8px 0; On Mar 1, 12:32 am, Sean O seanodot...@yahoo.com wrote: Paul, Two suggestions: 1) remove the dimensions plugin script (it's integrated into jQuery as of this version) 2) close your doc ready function with parens semicolon: $(function() { $('#set1 *').tooltip(); }); SEAN Ohttp://www.sean-o.com paulmo wrote: am not getting the stylized popup window (generic yellow box instead). all files in my server root folder. please help this newbie; this in head: script type=text/javascript src=jquery-1.2.6.min.js/script script src=jquery.bgiframe.js type=text/javascript/script script src=jquery.tooltip.pack.js type=text/javascript/script script type=text/javascript src=jquery.tooltip.min.js/script script type=text/javascript src=jquery.dimensions.js/script link rel=stylesheet href=jquery.tooltip.css / script type=text/javascript $(function() { $('#set1 *').tooltip(); } /script this in body: fieldset id=set1 label title=A label with a title and default settings, no href here for=text1Write something./label br/ input title=Your input generates a database driven, interactive response based on subject key words. type=text value=Test name=action id=text1/ /fieldset -- View this message in context:http://www.nabble.com/-tooltip--help-please-tp22269309s27240p22269875... Sent from the jQuery General Discussion mailing list archive at Nabble.com.- Hide quoted text - - Show quoted text -
[jQuery] Re: [tooltip] help please
just went through that download today to implement. I ended up grabbing screen.css from project demo site and found some of the tooltip components on there and all works well paulmo wrote: am not getting the stylized popup window (generic yellow box instead). all files in my server root folder. please help this newbie; this in head: script type="text/_javascript_" src=""/script script src="" type="text/_javascript_"/script script src="" type="text/_javascript_"/script script type="text/_javascript_" src=""/script script type="text/_javascript_" src=""/script link rel="stylesheet" href="" / script type="text/_javascript_" $(function() { $('#set1 *').tooltip(); } /script this in body: fieldset id="set1" label title="A label with a title and default settings, no href here" for=""Write something./label br/ input title="Your input generates a database driven, interactive response based on subject key words." type="text" value="Test" name="action" id="text1"/ /fieldset
[jQuery] Re: [tooltip] help please
Paul, Two suggestions: 1) remove the dimensions plugin script (it's integrated into jQuery as of this version) 2) close your doc ready function with parens semicolon: $(function() { $('#set1 *').tooltip(); }); SEAN O http://www.sean-o.com paulmo wrote: am not getting the stylized popup window (generic yellow box instead). all files in my server root folder. please help this newbie; this in head: script type=text/javascript src=jquery-1.2.6.min.js/script script src=jquery.bgiframe.js type=text/javascript/script script src=jquery.tooltip.pack.js type=text/javascript/script script type=text/javascript src=jquery.tooltip.min.js/script script type=text/javascript src=jquery.dimensions.js/script link rel=stylesheet href=jquery.tooltip.css / script type=text/javascript $(function() { $('#set1 *').tooltip(); } /script this in body: fieldset id=set1 label title=A label with a title and default settings, no href here for=text1Write something./label br/ input title=Your input generates a database driven, interactive response based on subject key words. type=text value=Test name=action id=text1/ /fieldset -- View this message in context: http://www.nabble.com/-tooltip--help-please-tp22269309s27240p22269875.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip] Is there a way to make tooltip recognize modified title attributes?
You could try to use the bodyHandler-callback-option. Put the updated title into a custom attribute, and return that value in the bodyHandler. Jörn On Thu, Feb 19, 2009 at 6:00 PM, little brittle sean...@gmail.com wrote: I am trying to change the tooltip message based on user interaction, but it doesn't look like the jquery tooltip plugin recognizes modified titles. It seems like tooltip caches whatever is on the page during the initial pageload, and I can't figure out how to refresh the information. If I change a title after pageload, I have a weird effect where the jquery tooltip displays the previous message, but the browser also displays the updated title attribute in it's native title display. Keep in mind I am not changing the title attribute while in a hover state. Is there an easy way to either refresh all tooltip messages, or just single out one based on a jquery selector?
[jQuery] Re: [tooltip]
Perfect, thanks!
[jQuery] Re: [tooltip]
Hey there, in your tooltip div, add the style... white-space: nowrap; This will cause your text to appear on the same line. Hope this helps, Aaron On Mon, Feb 9, 2009 at 6:00 PM, sccr410 de...@ashwebstudio.com wrote: Having issues with the tooltip plugin - http://bassistance.de/jquery-plugins/jquery-plugin-tooltip You can see a page here - http://www.erikaashauerphoto.com/photos/scenic-travel/ The page scrolls horizontally for style reasons. As you use the tooltip on images after scrolling horizontally, it always stacks vertically and looks really ugly - one word per line. Is there any way to force this to display on a single line?
[jQuery] Re: tooltip - image preview does not respect window border
Hi there I am in the same position. I see you suggested a different script all together, from bassistance.de, instead of the original one from cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery . The one you suggested is much more than i need. Was anyone able to modify the original script to allow the preview tooltip to not break the window borders? Thanks! PS: my test URL: http://tinyurl.com/dnd8gb Jörn Zaefferer-2 wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks. -- View this message in context: http://www.nabble.com/tooltip---image-preview-does-not-respect-window-border-tp21646181s27240p21901828.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip] Upgraded to jquery 1.3.1 Tooltips doesn't show up
Could you provide a testpage? I've tested tooltip with 1.3.1 and it works just fine. Jörn On Tue, Feb 3, 2009 at 7:27 PM, ksuess k.su...@crojewe.ch wrote: Upgraded to jquery 1.3.1 Tooltips doesn't show up
[jQuery] Re: tooltip - image preview does not respect window border
Thanks, I replaced jquery.tooltip.js and jquery.tooltip.css with the new versions and the tooltips stopped working alltogether. In my wordpress theme folder I have a jquery directory. In this directory I have the following files: global.js jquery.js jquery.tabs.css jquery.tabs.pack.js jquery.tabs-ie.css jquery.tooltip.css jquery.tooltip.js jquery-1.1.3.1.pack.js I tried several ways to upgrade the tooltip but with no luck. Thanks, Nagita On Jan 25, 5:23 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: tooltip - image preview does not respect window border
You probably need to upgrade jQuery as well, the tooltip plugin was released with support for 1.2.6. Jörn On Mon, Jan 26, 2009 at 7:50 PM, CNN_news nagit...@gmail.com wrote: Thanks, I replaced jquery.tooltip.js and jquery.tooltip.css with the new versions and the tooltips stopped working alltogether. In my wordpress theme folder I have a jquery directory. In this directory I have the following files: global.js jquery.js jquery.tabs.css jquery.tabs.pack.js jquery.tabs-ie.css jquery.tooltip.css jquery.tooltip.js jquery-1.1.3.1.pack.js I tried several ways to upgrade the tooltip but with no luck. Thanks, Nagita On Jan 25, 5:23 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: tooltip - image preview does not respect window border
Also, it looks like you're loading 2 copies of jQuery: jquery.js and jquery-1.1.3.1.pack.js That can't help matters. --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 26, 2009, at 4:19 PM, Jörn Zaefferer wrote: You probably need to upgrade jQuery as well, the tooltip plugin was released with support for 1.2.6. Jörn On Mon, Jan 26, 2009 at 7:50 PM, CNN_news nagit...@gmail.com wrote: Thanks, I replaced jquery.tooltip.js and jquery.tooltip.css with the new versions and the tooltips stopped working alltogether. In my wordpress theme folder I have a jquery directory. In this directory I have the following files: global.js jquery.js jquery.tabs.css jquery.tabs.pack.js jquery.tabs-ie.css jquery.tooltip.css jquery.tooltip.js jquery-1.1.3.1.pack.js I tried several ways to upgrade the tooltip but with no luck. Thanks, Nagita On Jan 25, 5:23 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: tooltip - image preview does not respect window border
Hi Karl, sorry I have been working on this and I think you caught me halfway though. I think I updated jquery correctly. But it still does not work correctly and the opacity is wrong in FF and Opera (ok in IE). /Nagita On Jan 26, 4:04 pm, Karl Swedberg k...@englishrules.com wrote: Also, it looks like you're loading 2 copies of jQuery: jquery.js and jquery-1.1.3.1.pack.js That can't help matters. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Jan 26, 2009, at 4:19 PM, Jörn Zaefferer wrote: You probably need to upgrade jQuery as well, the tooltip plugin was released with support for 1.2.6. Jörn On Mon, Jan 26, 2009 at 7:50 PM, CNN_news nagit...@gmail.com wrote: Thanks, I replaced jquery.tooltip.js and jquery.tooltip.css with the new versions and the tooltips stopped working alltogether. In my wordpress theme folder I have a jquery directory. In this directory I have the following files: global.js jquery.js jquery.tabs.css jquery.tabs.pack.js jquery.tabs-ie.css jquery.tooltip.css jquery.tooltip.js jquery-1.1.3.1.pack.js I tried several ways to upgrade the tooltip but with no luck. Thanks, Nagita On Jan 25, 5:23 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: tooltip - image preview does not respect window border
ok, As usual after 4 hours messing with this and then posting on this list, it started working 5 minutes later. /Nagita On Jan 26, 5:16 pm, CNN_news nagit...@gmail.com wrote: Hi Karl, sorry I have been working on this and I think you caught me halfway though. I think I updated jquery correctly. But it still does not work correctly and the opacity is wrong in FF and Opera (ok in IE). /Nagita On Jan 26, 4:04 pm, Karl Swedberg k...@englishrules.com wrote: Also, it looks like you're loading 2 copies of jQuery: jquery.js and jquery-1.1.3.1.pack.js That can't help matters. --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Jan 26, 2009, at 4:19 PM, Jörn Zaefferer wrote: You probably need to upgrade jQuery as well, the tooltip plugin was released with support for 1.2.6. Jörn On Mon, Jan 26, 2009 at 7:50 PM, CNN_news nagit...@gmail.com wrote: Thanks, I replaced jquery.tooltip.js and jquery.tooltip.css with the new versions and the tooltips stopped working alltogether. In my wordpress theme folder I have a jquery directory. In this directory I have the following files: global.js jquery.js jquery.tabs.css jquery.tabs.pack.js jquery.tabs-ie.css jquery.tooltip.css jquery.tooltip.js jquery-1.1.3.1.pack.js I tried several ways to upgrade the tooltip but with no luck. Thanks, Nagita On Jan 25, 5:23 am, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: tooltip - image preview does not respect window border
It looks like you got an old version of the plugin. Try the latest release, it has built-in support for repositioning the tooltip at the viewport border: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Sat, Jan 24, 2009 at 11:26 PM, CNN_news nagit...@gmail.com wrote: Hello, I have a theme that shows a preview of the image that the mouse is currently hovering over with a larger image using jquery tooltip. The problem is that it always places the preview on the right and if the image is on the right side of the page the preview causes horizontal scrolling, see for yourself: http://torontopersonalinjurylawyers.org Is it possible make the preview switch to the left side of the mouse if the mouse if on the right side of the page (ie. past a certain point in the x-axis), Somebody posted this code as a solution but I have not been able to implement it: --- Thanks a lot of the extremely useful script! To position the tooltip depending where you are, you need to rewrite some of the code using the offset() property of jQUERY. var toolTipPosition = $(this).offset(); //Declare the Offset object var offsetX = 0; var offsetY = 0; //Then in the hover property $(#tooltip) .css(top,( toolTipPosition.top - posiY) + px)//Will set where the link/thumbnail is horizontally .css(left,( toolTipPosition.left + this.offsetWidth/2 + posiX) + px) /*Will be positioned to the middle of the link/thumbnail, you can alway remove this.offsetWidth/2 to remove the middle placement thing.*/ //Remove the mouseover function and your set! .fadeIn(fast); --- Thanks.
[jQuery] Re: [tooltip] - Hover over tooltip so you can add a link
The site isn't reachable... Jörn On Sat, Dec 27, 2008 at 8:36 PM, kenitech keithhop...@gmail.com wrote: This is an easy way to hack Jorn's tooltip so you may hover over the tooltip and click on a link: http://www.artworknotavailable.com/2008/12/27/jorn-zaefferers-tooltip-hacks/ hack of: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
[jQuery] Re: [tooltip] Problem in IE 6 with multiple tooltips of different 'extra' classes
The code looks fine. Could you file a ticket for this? http://dev.jquery.com/newticket (requires registration) Thanks Jörn On Fri, Dec 5, 2008 at 2:46 AM, Eric P [EMAIL PROTECTED] wrote: Hi, Just started messing around with Jörn's tooltip plugin, and I think I found a bug while using IE 6 (not a problem in IE 7 and FF 3). Here's some reference code. http://epierce.freeshell.org/jquery-tooltip-bug/index.html In the example I'm assigning three different tooltips each with their own unique extraClass to three different p blocks. In IE 6 only the first p tooltip works (tooltip has a blue background). The other two don't use their respective extraClasses (different background colors, etc.). As I'm new to this plugin, I wouldn't be surprised if I've borked the syntax, but since it works in IE 7 and FF I'm not so sure. Thanks for any ideas. Eric
[jQuery] Re: [tooltip] Problem in IE 6 with multiple tooltips of different 'extra' classes
Done. http://dev.jquery.com/ticket/3689 Thanks, Eric Jörn Zaefferer wrote: The code looks fine. Could you file a ticket for this? http://dev.jquery.com/newticket (requires registration) Thanks Jörn On Fri, Dec 5, 2008 at 2:46 AM, Eric P [EMAIL PROTECTED] wrote: Hi, Just started messing around with Jörn's tooltip plugin, and I think I found a bug while using IE 6 (not a problem in IE 7 and FF 3). Here's some reference code. http://epierce.freeshell.org/jquery-tooltip-bug/index.html In the example I'm assigning three different tooltips each with their own unique extraClass to three different p blocks. In IE 6 only the first p tooltip works (tooltip has a blue background). The other two don't use their respective extraClasses (different background colors, etc.). As I'm new to this plugin, I wouldn't be surprised if I've borked the syntax, but since it works in IE 7 and FF I'm not so sure. Thanks for any ideas. Eric
[jQuery] Re: [tooltip] Image preview choppy when switching from right to left side of mouse pointer?
Sorry, no idea. Setting #tooltip { width: 284px } doesn't help at all. You could replace with the source files with unminified ones and use Firebug to profile the code. Jörn On Tue, Dec 2, 2008 at 7:13 PM, deronsizemore [EMAIL PROTECTED] wrote: Sorry about that. Here's the test page that I'm continuing to work on: http://www.randomjabber.com/test/logogala/gallery_tooltip.html You can see the updated code by viewing the head via the source. Thanks, Jörn Zaefferer-2 wrote: You example code didn't quite make it through. Could you provide a testpage? Maybe via jsbin.com Jörn On Tue, Dec 2, 2008 at 6:50 PM, deronsizemore [EMAIL PROTECTED] wrote: I'm not sure if I did it right or not, but I added the width too this line: return $( ).attr(src, this.src); Still not change after adding the width in. I think it's related to how big the image actually is for whatever reason. The other images don't do it, just the ones next to the right margin, but when I made the width smaller than 440 in the line above, it's fine, but only when it's a larger image is it choppy when you move your mouse around. Jörn Zaefferer-2 wrote: You could set a fixed with for the tooltip. That should improve the positioning. Jörn On Tue, Dec 2, 2008 at 3:08 PM, deronsizemore [EMAIL PROTECTED] wrote: I've implemented http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ plugin at this test page: http://www.randomjabber.com/test/logogala/gallery_tooltip.html. I think I've implemented it correctly, but I'm not completely sure of that? It seems to work like it should when you hover over the left two images in the left two columns. But, when you hover over the images in the right column and the image preview pops up to the left of the mouse pointer instead of to the right (since the margin of the browser window is there) the tracking seems to be a little choppy when you move your mouse around. Is this something I'm doing wrong? Is there something I can add to fix this or is it just the nature of the plugin? Thanks, Deron -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20792886.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797403.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797861.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip] Image preview choppy when switching from right to left side of mouse pointer?
You could set a fixed with for the tooltip. That should improve the positioning. Jörn On Tue, Dec 2, 2008 at 3:08 PM, deronsizemore [EMAIL PROTECTED] wrote: I've implemented http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ plugin at this test page: http://www.randomjabber.com/test/logogala/gallery_tooltip.html. I think I've implemented it correctly, but I'm not completely sure of that? It seems to work like it should when you hover over the left two images in the left two columns. But, when you hover over the images in the right column and the image preview pops up to the left of the mouse pointer instead of to the right (since the margin of the browser window is there) the tracking seems to be a little choppy when you move your mouse around. Is this something I'm doing wrong? Is there something I can add to fix this or is it just the nature of the plugin? Thanks, Deron -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20792886.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip]
The tooltip should work with all elements that trigger a mouseover event and have a title. Though there are known problems with selects, so problems with checkboxes are not unlikely, too. You could try to add a label to the checkbox and put the title on the label. Link it via the for-attribute and it could be good enough. Jörn On Tue, Dec 2, 2008 at 5:38 PM, donb [EMAIL PROTECTED] wrote: Version 1.3, this tooltip plugin: http://docs.jquery.com/Plugins/Tooltip How can I determine with Firebug whether an element HAS gotten bound to the .toolip() successfully? I have a checkbox INPUT element that simply won't display the tooltip, although it's working perfectly for several A elements. It's not limited to only being used with anchors, is it?
[jQuery] Re: [tooltip] Image preview choppy when switching from right to left side of mouse pointer?
You example code didn't quite make it through. Could you provide a testpage? Maybe via jsbin.com Jörn On Tue, Dec 2, 2008 at 6:50 PM, deronsizemore [EMAIL PROTECTED] wrote: I'm not sure if I did it right or not, but I added the width too this line: return $( ).attr(src, this.src); Still not change after adding the width in. I think it's related to how big the image actually is for whatever reason. The other images don't do it, just the ones next to the right margin, but when I made the width smaller than 440 in the line above, it's fine, but only when it's a larger image is it choppy when you move your mouse around. Jörn Zaefferer-2 wrote: You could set a fixed with for the tooltip. That should improve the positioning. Jörn On Tue, Dec 2, 2008 at 3:08 PM, deronsizemore [EMAIL PROTECTED] wrote: I've implemented http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ plugin at this test page: http://www.randomjabber.com/test/logogala/gallery_tooltip.html. I think I've implemented it correctly, but I'm not completely sure of that? It seems to work like it should when you hover over the left two images in the left two columns. But, when you hover over the images in the right column and the image preview pops up to the left of the mouse pointer instead of to the right (since the margin of the browser window is there) the tracking seems to be a little choppy when you move your mouse around. Is this something I'm doing wrong? Is there something I can add to fix this or is it just the nature of the plugin? Thanks, Deron -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20792886.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797403.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip] Image preview choppy when switching from right to left side of mouse pointer?
I'm not sure if I did it right or not, but I added the width too this line: return $( ).attr(src, this.src); Still not change after adding the width in. I think it's related to how big the image actually is for whatever reason. The other images don't do it, just the ones next to the right margin, but when I made the width smaller than 440 in the line above, it's fine, but only when it's a larger image is it choppy when you move your mouse around. Jörn Zaefferer-2 wrote: You could set a fixed with for the tooltip. That should improve the positioning. Jörn On Tue, Dec 2, 2008 at 3:08 PM, deronsizemore [EMAIL PROTECTED] wrote: I've implemented http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ plugin at this test page: http://www.randomjabber.com/test/logogala/gallery_tooltip.html. I think I've implemented it correctly, but I'm not completely sure of that? It seems to work like it should when you hover over the left two images in the left two columns. But, when you hover over the images in the right column and the image preview pops up to the left of the mouse pointer instead of to the right (since the margin of the browser window is there) the tracking seems to be a little choppy when you move your mouse around. Is this something I'm doing wrong? Is there something I can add to fix this or is it just the nature of the plugin? Thanks, Deron -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20792886.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797403.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [tooltip] Image preview choppy when switching from right to left side of mouse pointer?
Sorry about that. Here's the test page that I'm continuing to work on: http://www.randomjabber.com/test/logogala/gallery_tooltip.html You can see the updated code by viewing the head via the source. Thanks, Jörn Zaefferer-2 wrote: You example code didn't quite make it through. Could you provide a testpage? Maybe via jsbin.com Jörn On Tue, Dec 2, 2008 at 6:50 PM, deronsizemore [EMAIL PROTECTED] wrote: I'm not sure if I did it right or not, but I added the width too this line: return $( ).attr(src, this.src); Still not change after adding the width in. I think it's related to how big the image actually is for whatever reason. The other images don't do it, just the ones next to the right margin, but when I made the width smaller than 440 in the line above, it's fine, but only when it's a larger image is it choppy when you move your mouse around. Jörn Zaefferer-2 wrote: You could set a fixed with for the tooltip. That should improve the positioning. Jörn On Tue, Dec 2, 2008 at 3:08 PM, deronsizemore [EMAIL PROTECTED] wrote: I've implemented http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ plugin at this test page: http://www.randomjabber.com/test/logogala/gallery_tooltip.html. I think I've implemented it correctly, but I'm not completely sure of that? It seems to work like it should when you hover over the left two images in the left two columns. But, when you hover over the images in the right column and the image preview pops up to the left of the mouse pointer instead of to the right (since the margin of the browser window is there) the tracking seems to be a little choppy when you move your mouse around. Is this something I'm doing wrong? Is there something I can add to fix this or is it just the nature of the plugin? Thanks, Deron -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20792886.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797403.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/-tooltip--Image-preview-choppy-when-switching-from-right-to-left-side-of-mouse-pointer--tp20792886s27240p20797861.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Tooltip made from two different elements. Hover() Issue
You could make the fadeout last longer $(document).ready(function(){ $(B.toolTipCaller).hover(function(event){ $(Div.toolTip).fadeIn(slow); }, function(){ $(Div.toolTip).fadeOut(x);// where x = no. of milliseconds to fade }); /* to bring the tooltip back to full opacity */ $('div.toolTip').hover( function(){ $(this).fadeIn('fast'); }, function(){ $(this).fadeOut(slow); } ); }); On Tue, Dec 2, 2008 at 8:05 PM, NeoSwf [EMAIL PROTECTED] wrote: Hey. First time here. a New and Excited user to JQ. I got 2 elements: .toolTipCaller is a B element. .toolTip is a div with all the tooltip DOM inside of him. they are seperated elements. they r not nested one inside of the other. I dont have problems fadeIn the Div.toolTip element while hovering the B.toolTipCaller. My problem is how to close the Tooltip only if * I'm hovering out of the B.toolTipCaller, but not entering the DIV.toolTip scope. * I'm hovering out of the DIV.toolTip scope. This is the current code. as u can see, i fadeOut only when i'm hovering out the B.toolTipCaller. $(document).ready(function(){ $(B.toolTipCaller).hover(function(event){ $(Div.toolTip).fadeIn(slow); }, function(){ $(Div.toolTip).fadeOut(slow); }); }); I tried to give padding to the DIV.toolTip on his left, to cover the B element by the Div itself. didnt worked that good. look like a dirty solution. I'll appreciate any suggestions, ideas directions.
[jQuery] Re: [tooltip]
add the toolme class in your tooltip script: $.tooltip = { blocked: false, defaults: { delay: 200, fade: false, showURL: true, extraClass: toolMe, top: 15, left: 15, id: tooltip }, block: function() { $.tooltip.blocked = !$.tooltip.blocked; } }; 2008/11/17 Paul [EMAIL PROTECTED] www.drhankbarreto.com I am trying to get it to work with within a sub-ul dhtml menu. In all my reading I have not found a reason why it would not function within this context. So after much coding and headache, no luck. It is not taking effect for some reason. -- \\\ StrikingConcepts.nl /// www.strikingconcepts.nl 06 450 860 83
[jQuery] Re: [tooltip] HTML in the tooltip?
You need to encode the value of the title attribute with htmlentities(): div title=She said quot;Hello, there!quot;/div -Hector On Fri, Nov 7, 2008 at 10:55 AM, samtherobot [EMAIL PROTECTED] wrote: I have a problem where Drupal is outputting HTML that is for the tooltip. Any quotes however are ending the title attribute and then just appearing in the page. Is there a way to show html tags in with attributes in the tooltip?
[jQuery] Re: [tooltip] Title attribute reload (ajax)
Sounds like this: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F Jörn On Thu, Nov 6, 2008 at 12:47 PM, Anasha [EMAIL PROTECTED] wrote: Hello, I'm facing some trouble with tooltip plugin. I use it on pictures for description and dynamic datas inside title attribute. Its working well. I have some criterias that client-side can choose. Once criterias are chosen, picture is changed. I would like to change as well title attribute. Actually, I'm able to reload the content of the title attribute, and dynamic datas are ok, when looking to source code. But tooltip doesn't show up, and no error occurs. I tried to change id attribute, echo-ing the right new js tooltip call with the new id. Still doesn't work. Is there a way to reload title attribute and keep tooltip working ? Thank you very much :)
[jQuery] Re: [ToolTip] Suggestion/queestion
Maybe this: a href=# title=tooltipmessage onmouseover=delete this.onmouseover; $(this).tooltip();text/a Jörn On Tue, Nov 4, 2008 at 3:50 PM, AenimA [EMAIL PROTECTED] wrote: Hello, Is it possible to use the tooltips in some similar fashion. a href=# onmouseover=showToolTip(this, tooltipmessage) S /a This would make it much easier to use the thing on a heavily async page that has alot of messages that come from some array that you iterate on a jsp. For example a list of news that has a field that should go into the tooltip. The point is its inconvenient for me to attach the tooltips onLoad. If this is not possible currently is there any plan to implement it anytime soon? Sorry if something was not clear. I will try to correct myself if needed. Thanks a lot, Heiti
[jQuery] Re: [ tooltip ]
img src='test.png' title='Hello - this image is called lt;testgt;' / On 11月1日, 下午1时41分, .nu [EMAIL PROTECTED] wrote: Hi. Not sure this is a bug, but having text inside diamond brackets, the text wont show. for example: img src='test.png' title=Hello - this image is called test. / the tooltip will just show Hello - this image is called
[jQuery] Re: [tooltip] New wrapper around #tooltip
Currently the plugin doesn't expose the full markup. If you think it should, could you file a ticket? http://dev.jquery.com/newticket (requires registration) Otherwise, the bodyHandler option may help. Jörn On Wed, Oct 29, 2008 at 3:33 PM, Toccamonium [EMAIL PROTECTED] wrote: Hi, How can I add extra content to this line? Current code: helper.parent = $('div id=' + settings.id + 'h3/h3div class=body/divdiv class=url/div/div') New code structure: helper.parent = $('div id=' + settings.id + 'div id=tooltip_contenth3/h3div class=body/divdiv class=url/div/div/div') I need this extra div to have more styling possibilities. As I'm using png graphics with shadow I need this extra div to put the background image there to prevent overlapping with the second bg image in #tooltip (overlapping causes ugly shadow at the moment). Any time I add something to this line the tooltip is not working anymore. So would be kind if you could help an js novice why this happens and how a workaround could look like? thx TC
[jQuery] Re: Tooltip creation issue
Check out this tooltip plugin, it includes a fade-option that handles the queuing issues: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Jörn On Thu, Oct 30, 2008 at 3:13 PM, TS [EMAIL PROTECTED] wrote: Hello all, I have created som tooltip code for hyperlinks. I am having an issue with queueing of events. Like when I mouseover multiple links the tooltips queue up and the page goes thru every fadein fadeout. 1. Is there a way to prevent this? Ive tried chaining .stop() to the mouseout event but that doesnt work right. 2. id there a way to put a timer on the tooltip to make sure they hover over the link for say 1 sec before the TT is shown? Thanks! TS
[jQuery] Re: [tooltip] fixing the tooltip position relative to tooltipped element's position, not mouse position on event firing
Check out clueTip, it supports positioning relative to the element. Jörn On Sun, Oct 19, 2008 at 3:43 PM, RTW [EMAIL PROTECTED] wrote: Hi, So far, tooltip is working great. Only one problem - currently the tooltip's position is offset from the mouse position when the mouseover event fires. I'd like to fix the tooltip's position as always relative to tooltipped element's position (currently an image - I'd like the tooltip to always overlap the various images at the same relative spot, no matter where the mouse approaches the image from). Is there a way for me to do this? I've tried changing the following lines in update(): left = event.pageX + settings(current).left; //adds offset (settings().left) to current mouseposition when event is called. top = event.pageY + settings(current).top; //ditto. to: left = current.offsetLeft + settings(current).left; right = current.offsetTop + settings(current).top; but it doesn't work. Any ideas?
[jQuery] Re: Tooltip Plugin Looking Horrendous in IE6 - How to fix?
Could you be more specific about looks so bad? The only difference I see is the lack of opaciy in IE. Jörn On Thu, Oct 16, 2008 at 6:14 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Any ideas why the tooltips made by this plugin(http://docs.jquery.com/ Plugins/Tooltip) look so bad on my site (http://www.gigbayes.com) in IE6? I'm following it's advice of including the bgiframe plugin but it doesn't seem to help. Is this tooltip plugin just not good with IE6? I notice its demos page (http://jquery.bassistance.de/tooltip/demo/) is having the same problems my site is. Let me know if there is a fix. If there's no easy fix, I'd like to just not use this tooltip in IE6. What's the best way to detect when I'm in IE6? thanks, Greg
[jQuery] Re: Tooltip Plugin Looking Horrendous in IE6 - How to fix?
That's strange, it looks ok on my copy of IE6 here. I was testing on IEs4linux last night, perhaps that was messing up the display of the tooltips? It was putting the tooltips in white boxes with no borders and adding a scrollbar. Well it's all ok now. Sorry for the confusion. -Greg On Oct 16, 3:47 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: Could you be more specific about looks so bad? The only difference I see is the lack of opaciy in IE. Jörn On Thu, Oct 16, 2008 at 6:14 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Any ideas why the tooltips made by this plugin(http://docs.jquery.com/ Plugins/Tooltip) look so bad on my site (http://www.gigbayes.com) in IE6? I'm following it's advice of including the bgiframe plugin but it doesn't seem to help. Is this tooltip plugin just not good with IE6? I notice its demos page (http://jquery.bassistance.de/tooltip/demo/) is having the same problems my site is. Let me know if there is a fix. If there's no easy fix, I'd like to just not use this tooltip in IE6. What's the best way to detect when I'm in IE6? thanks, Greg
[jQuery] Re: ToolTip Bassistance insert external information
You can read the xml document like this $.get(data.xml,null,function(xmlDoc){ // xmlDoc is a xml document object // you can read data by xmlDoc.document.getElementsByTagName('para') etc.. // and you can use the jquery tool tip plugin to generate tooltip },'xml') tooltip plugin url http://docs.jquery.com/Plugins/Tooltip On Fri, Oct 3, 2008 at 11:34 PM, jampov [EMAIL PROTECTED] wrote: Hello. I want to know if it is possible to insert external information in the tooltip, for example, from XML. I that by means of the function of jQuery $get or $post I can read a file XML or part of he, of the following way. $.get (data.xml, function (xml) { … } How to implement it with the tooltip? Can someone of you orientate me or to give me some idea? Thank you very much. P.D.: Forgive my horrible english language.
[jQuery] Re: ToolTip Bassistance and TinyMCE
Your selector is borked, the $-prefix doesn't make much sense. That should be #tinymce (by id) or .mceContentBody (by class). Jörn On Thu, Sep 11, 2008 at 11:51 PM, shapper [EMAIL PROTECTED] wrote: Hello, I am trying to make the ToolTip Bassistance to work with TinyMCE: http://tinymce.moxiecode.com/examples/full.php I want to display a message when the user places the mouse on the content area which renders as follows: body id=tinymce class=mceContentBody spellcheck=false title=this is the title dir=ltr The content area is inside an IFrame. I used the following: $($mceContentBody).tooltip(); or $($tinymce).tooltip(); But it is not working. Could someone help me in solving this? Thanks, Miguel
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi Miguel, try set the element style position:absolute which id is tooltip. #tooltip{ position:absolute; } On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote: Hello, Please check my form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html Why does the ToolTip over the Title input shows on the bottom? And why the ToolTip for the input of type file does not even show? How can I solve this- Thanks, Miguel
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi, I corrected and styles my ToolTip ... However, if you note that is still a problem with the Input of type file ... it only shows the tooltip over the styled browse button and not over the input. Do you know what I need to do to solve this? Thanks, Miguel On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote: Hi Miguel, try set the element style position:absolute which id is tooltip. #tooltip{ position:absolute; } On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote: Hello, Please check my form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html Why does the ToolTip over the Title input shows on the bottom? And why the ToolTip for the input of type file does not even show? How can I solve this- Thanks, Miguel
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
Hi, you use FileStyle plugin so that this plugin change your file input label for=PathFile/label ++added by FileStyle plugin input class=file style=display: inline; width: 320px; alt=/ and wrapped your input file by FileStyle plugin div style=background: transparent url(FileUpload_Button.jpg) no- repeat scroll right center; overflow: hidden; width: 20px; height: 15px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz- initial; -moz-background-inline-policy: -moz-initial; display: inline; position: absolute; input type=file value= name=Path id=Path style=position: relative; height: 15px; width: 320px; display: inline; cursor: pointer; opacity: 0; margin-left: -142px; alt=/ /div So you will try this code $(input[type=file]).filestyle({ image: FileUpload_Button.jpg, imageheight: 15, imagewidth: 20, width: 320 }); ++add $(.file).attr('title','Select a file'); because this input which has file class created by FileStyle plugin or you can change this plugin code at line 43-49 43 var filename = $('input class=file') 44.addClass($(self).attr(class)) 45.css({ 46display: inline, 47width: settings.width + px 48}) 49 +++add .attr('title',$(self).attr(title)); On 11 Eylül, 14:21, shapper [EMAIL PROTECTED] wrote: Hi, I corrected and styles my ToolTip ... However, if you note that is still a problem with the Input of type file ... it only shows the tooltip over the styled browse button and not over the input. Do you know what I need to do to solve this? Thanks, Miguel On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote: Hi Miguel, try set the element style position:absolute which id is tooltip. #tooltip{ position:absolute; } On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote: Hello, Please check my form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html Why does the ToolTip over the Title input shows on the bottom? And why the ToolTip for the input of type file does not even show? How can I solve this- Thanks, Miguel
[jQuery] Re: ToolTip Bassistance. Not working as expected ...
I just changed the plugin and it worked great! Thank You Very Much! Miguel On Sep 11, 1:27 pm, TheBoyaci [EMAIL PROTECTED] wrote: Hi, you use FileStyle plugin so that this plugin change your file input label for=PathFile/label ++added by FileStyle plugin input class=file style=display: inline; width: 320px; alt=/ and wrapped your input file by FileStyle plugin div style=background: transparent url(FileUpload_Button.jpg) no- repeat scroll right center; overflow: hidden; width: 20px; height: 15px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz- initial; -moz-background-inline-policy: -moz-initial; display: inline; position: absolute; input type=file value= name=Path id=Path style=position: relative; height: 15px; width: 320px; display: inline; cursor: pointer; opacity: 0; margin-left: -142px; alt=/ /div So you will try this code $(input[type=file]).filestyle({ image: FileUpload_Button.jpg, imageheight: 15, imagewidth: 20, width: 320 }); ++add $(.file).attr('title','Select a file'); because this input which has file class created by FileStyle plugin or you can change this plugin code at line 43-49 43 var filename = $('input class=file') 44 .addClass($(self).attr(class)) 45 .css({ 46 display: inline, 47 width: settings.width + px 48 }) 49 +++add .attr('title',$(self).attr(title)); On 11 Eylül, 14:21, shapper [EMAIL PROTECTED] wrote: Hi, I corrected and styles my ToolTip ... However, if you note that is still a problem with the Input of type file ... it only shows the tooltip over the styled browse button and not over the input. Do you know what I need to do to solve this? Thanks, Miguel On Sep 11, 9:03 am, TheBoyaci [EMAIL PROTECTED] wrote: Hi Miguel, try set the element style position:absolute which id is tooltip. #tooltip{ position:absolute; } On 11 Eylül, 04:18, shapper [EMAIL PROTECTED] wrote: Hello, Please check my form:http://www.27lamps.com/Beta/FileStyleValidate/FileStyleValidate.html Why does the ToolTip over the Title input shows on the bottom? And why the ToolTip for the input of type file does not even show? How can I solve this- Thanks, Miguel
[jQuery] Re: [tooltip] how to add a delay to tooltip removal
There is no easy way, no. You'd have to look at the delay-implementation and apply that to hiding, including timeout cancel on rehover. If you can provide a patch, no matter how messy, I'll look into implementing it into the plugin. Jörn On Tue, Jul 15, 2008 at 6:26 PM, Matt [EMAIL PROTECTED] wrote: Hello, I'm using Joern's fantastic tooltip plugin. For a project I'm working on, I need the tooltips to persist for a certain number of seconds after the user has ceased hovering over the element(in this case a label). I am already using the delay option, but was wondering if there was an easy way to add a post-delay before hiding the tooltip. Thanks! Matt
[jQuery] Re: [tooltip] how to add a delay to tooltip removal
Thanks Jorn, since I have to have that post-delay(damn requirements!), I'm certainly going to work on implementing it, as best I can :). I'll contact you if/when I've got something. Thanks! Matt On Jul 15, 10:18 am, Jörn Zaefferer [EMAIL PROTECTED] wrote: There is no easy way, no. You'd have to look at the delay-implementation and apply that to hiding, including timeout cancel on rehover. If you can provide a patch, no matter how messy, I'll look into implementing it into the plugin. Jörn On Tue, Jul 15, 2008 at 6:26 PM, Matt [EMAIL PROTECTED] wrote: Hello, I'm using Joern's fantastic tooltip plugin. For a project I'm working on, I need the tooltips to persist for a certain number of seconds after the user has ceased hovering over the element(in this case a label). I am already using the delay option, but was wondering if there was an easy way to add a post-delay before hiding the tooltip. Thanks! Matt
[jQuery] Re: [tooltip]
saf ha scritto: Hello 1) How do I display tooltip at a fix position. 2) I want to display a tooltip when mouseover occures on text also when it has focus. Thanx in advance try this (untested, but it would work): html head style type=text/css #tooltipbox { border:1px solid black; background-color:grey; color:red; position:absolute; top:1em; left:1em; width:10em; height:4em; display:none; z-index:10 } /style script type=text/javascript $('.tooltip').hover(function() { $('#tooltipbox').html($(this).attr('title')).show('fast'); }, function() { $('#tooltipbox').hide(); } ) /script /head body div id=tooltipbox/div a href=# class=tooltip title=your message here?/a /body /html -- gianiaz.net - web solutions p.le bertacchi 66, 23100 sondrio (so) - italy +39 347 7196482
[jQuery] Re: Tooltip
I'm unable to reproduce the issue you describe - could you try to describe the steps necessary in a different way? Thanks Jörn On Thu, Jun 5, 2008 at 3:01 PM, casavecchio [EMAIL PROTECTED] wrote: Hello, I am using tooltip 1.2. There is one strange behaviour. And since now i didn't find out how to avoid. Moving over a input-field the tooltip is shown as wanted. But when the mouse is dragged accidently into the input field the tooltip remains highlighted and follows the mouse over the whole screen. Only when another Tooltip is activated the 'wrong' tooltip lowlights again. Maybe you know a solution? REgards Boris
[jQuery] Re: Tooltip
Hi Emmanuel, Sorry for the delay in replying. If you include the hoverIntent plugin, then you can easily have the tooltip display after a small, configurable delay About the tooltip hiding on input focus, I wasn't aware that the tooltip got the focus when it was shown. Also, the default positioning puts the tooltip to the side of the invoking element, so it shouldn't cover it up. I don't think I'm understanding the issue entirely, though, so if you wouldn't mind clarifying, that would be great. You can certainly display only part of an ajax requested page. Probably the best way is to use the data property of the ajaxSettings option. It works the same way as the data option for $.ajax. Alternatively, you can process the response text through the ajaxProcess option. Here is the default, which strips out script, style, title, and link tags: ajaxProcess: function(data) { data = data.replace(/s(cript|tyle)(.|\s)*?\/ s(cript|tyle)/g, '').replace(/(link|title)(.|\s)*?\/(link|title)/ g,''); return data; } Hmm. that regex is pretty messy. guess I'll have to revisit that before the next release. Hope this helps --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On May 30, 2008, at 11:59 AM, Emmanuel Briot wrote: On Fri, May 30, 2008 at 5:17 PM, Karl Swedberg [EMAIL PROTECTED] wrote: You might want to take a look at my clueTip plugin. It allows you to load the contents of the tooltip with the title attribute, the text contents of an element on the current page, or the result of an ajax request. Also, in the most recent version, if you can use a string as the first argument, it will use that for the contents. Use an anonymous function and it will use the return value of that function. I like clueTip, but there are two things I wish it could do: - display the tooltips only after a small delay (configurable, although 500ms seems reasonnable) - automatically hide the tooltip whenever the mouse is pressed: if you have set the tooltip on an input field, it really should disappear when you type to give the focus to the input. Perhaps same on keypress events I am not sure, also, whether it can take only part of the loaded ajax document (similar to what load() allows). I use that in my application where I have a single file containing all the tooltip texts, and select the one I want. Since the file is cached on the client, I don't have too many http requests, and I found it more convenient for internationalization. I might, of course, have misunderstood the documentation and code, sorry if that's the case. regards Emmanuel
[jQuery] Re: Tooltip
Hallo Jörn, mmh, strange, right now i cannot reproduce it myself. I will check it tomorrow again. When i recognize that effect again, i will sent a link. But it wasn't imagination. Thanks for the fast reply. Boris On 5 Jun., 17:50, Jörn Zaefferer [EMAIL PROTECTED] wrote: I'm unable to reproduce the issue you describe - could you try to describe the steps necessary in a different way? Thanks Jörn On Thu, Jun 5, 2008 at 3:01 PM, casavecchio [EMAIL PROTECTED] wrote: Hello, I am using tooltip 1.2. There is one strange behaviour. And since now i didn't find out how to avoid. Moving over a input-field the tooltip is shown as wanted. But when the mouse is dragged accidently into the input field the tooltip remains highlighted and follows the mouse over the whole screen. Only when another Tooltip is activated the 'wrong' tooltip lowlights again. Maybe you know a solution? REgards Boris
[jQuery] Re: Tooltip onlink inside td falls below the table
I found the problem. It is not reading my CSS for #tooltip. Very strange. I tried to strip my CSS completely. Still it does not read the position etc. of #tooltip. So I had to hardcode the same CSS into the plugin: .css(position,absolute)..etc. Any Idea why it does not read the CSS for the tooltip? I tried to strip out all other js files except jquery and tooltip. No luck. /asle
[jQuery] Re: Tooltip onlink inside td falls below the table
It would help a lot to see a testpage. Jörn On Wed, Jun 4, 2008 at 1:16 PM, asle [EMAIL PROTECTED] wrote: I found the problem. It is not reading my CSS for #tooltip. Very strange. I tried to strip my CSS completely. Still it does not read the position etc. of #tooltip. So I had to hardcode the same CSS into the plugin: .css(position,absolute)..etc. Any Idea why it does not read the CSS for the tooltip? I tried to strip out all other js files except jquery and tooltip. No luck. /asle
[jQuery] Re: Tooltip
You might want to take a look at my clueTip plugin. It allows you to load the contents of the tooltip with the title attribute, the text contents of an element on the current page, or the result of an ajax request. Also, in the most recent version, if you can use a string as the first argument, it will use that for the contents. Use an anonymous function and it will use the return value of that function. http://plugins.learningjquery.com/cluetip/ --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On May 30, 2008, at 4:22 PM, armyofda12monkeys wrote: Hello all, I was looking at tooltip examples in Tooltip plugin and just saw all examples where it makes the tooltip based off the title attribute. I was wondering if there were any other solutions? i was using a prototype based solution seen here http://blog.innerewut.de/files/tooltip/demo.html , where the tooltip is whatever you want it to be. So that div is hidden until hover over something else, so you would provide the id of the element to hover over, and the id of the tooltip that is shown after hovered over. This is nice to tooltips which are more customized. correct me if i'm wrong that you cant do that with http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/? Thanks, Ari
[jQuery] Re: Tooltip
Have you seen or tried clueTip? http://plugins.learningjquery.com/cluetip/demo/ ~Pyro On May 30, 10:22 am, armyofda12monkeys [EMAIL PROTECTED] wrote: Hello all, I was looking at tooltip examples in Tooltip plugin and just saw all examples where it makes the tooltip based off the title attribute. I was wondering if there were any other solutions? i was using a prototype based solution seen herehttp://blog.innerewut.de/files/tooltip/demo.html, where the tooltip is whatever you want it to be. So that div is hidden until hover over something else, so you would provide the id of the element to hover over, and the id of the tooltip that is shown after hovered over. This is nice to tooltips which are more customized. correct me if i'm wrong that you cant do that withhttp://bassistance.de/jquery-plugins/jquery-plugin-tooltip/? Thanks, Ari
[jQuery] Re: Tooltip
On Fri, May 30, 2008 at 5:17 PM, Karl Swedberg [EMAIL PROTECTED] wrote: You might want to take a look at my clueTip plugin. It allows you to load the contents of the tooltip with the title attribute, the text contents of an element on the current page, or the result of an ajax request. Also, in the most recent version, if you can use a string as the first argument, it will use that for the contents. Use an anonymous function and it will use the return value of that function. I like clueTip, but there are two things I wish it could do: - display the tooltips only after a small delay (configurable, although 500ms seems reasonnable) - automatically hide the tooltip whenever the mouse is pressed: if you have set the tooltip on an input field, it really should disappear when you type to give the focus to the input. Perhaps same on keypress events I am not sure, also, whether it can take only part of the loaded ajax document (similar to what load() allows). I use that in my application where I have a single file containing all the tooltip texts, and select the one I want. Since the file is cached on the client, I don't have too many http requests, and I found it more convenient for internationalization. I might, of course, have misunderstood the documentation and code, sorry if that's the case. regards Emmanuel
[jQuery] Re: tooltip - highlighting when a formfield is reached by a tab
Yup, there is and it's pretty simple. With the mouseover, bind the tooltip to a 'focus()' event (HTML: onFocus). And you can remove the tooltip with the 'blur()' event (HTML: onBlur) I think that'll work. Regards
[jQuery] Re: [tooltip] explorer 6 conditional statement?
There is are options for the positioning, top and left. Something like this should work: $(...).tooltip({ top: $.browser.ie ? 100 : -60 }); More details at http://docs.jquery.com/Plugins/Tooltip/tooltip Jörn On Tue, May 20, 2008 at 7:17 PM, olestaats [EMAIL PROTECTED] wrote: I've using the tooltip script from bassistance.de and I have some issues with IE6. The jquery code has a line that defines the position of the tooltip (top: 15;) I'm not 100% sure why, but for all other browsers, the value for top should be -60 and just for IE6, it should be 100 Is there any way I can add a line to the jquery.tooltip.js file that will target the change for IE6? The link is: http://www.projects.redpointdesign.ca/rp/index.php I am using a conditional css for IE6. I'm not a javascript programmer at all. Thanks! Brian
[jQuery] Re: [tooltip] explorer 6 conditional statement?
Thanks for this. I played around and can't find any docs to explain it specifically... This is the code I'm working with: $.tooltip = { blocked: false, defaults: { delay: 200, showURL: true, extraClass: , top: -60, left: 15, id: tooltip }, Would this become: $.tooltip = { blocked: false, defaults: { delay: 200, showURL: true, extraClass: , top: $.browser.ie ? 100 : -60 left: 15, id: tooltip }, Sorry for the confusion... I've looked at the syntax of javascript before today... Brian
[jQuery] Re: Tooltip IE area map Patch
I think I finally found a fix for the issue. Please give the latest revision a try: http://dev.jquery.com/view/trunk/plugins/tooltip/ Once I got a confirmation that the issue is really gone, I'll create a new release. Jörn On Mon, May 19, 2008 at 4:21 AM, ferdjuan [EMAIL PROTECTED] wrote: I see there's a patch to get IE to work with tooltip and an image map area, does anyone know how to implement it? When i ran into this problem I tried using cluetip instead but I had problems with it's ajax features, and also it didn't have the iePNGfix like tooltip does, anyone use tooltip in IE?
[jQuery] Re: tooltip data?
Hi Chris, I just updated the clueTip plugin to allow you to display data from a javascript function (or a string). It's not in a packaged release yet, but you can grab the file from the svn here: http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluetip.js So, now you can do something like this if you want: $('a.mytooltip').cluetip('Hello. This will appear in the clueTip contents.'); And you can still include other options. For example: $('a.mytooltip2').cluetip('Hello. This will appear in the clueTip contents.', {sticky: true}); And you can do something like this: function moreStuff() { return 'more stuff!'; } $('a.mytooltip3').cluetip( moreStuff() ); My testing was pretty cursory, so if you run into any problems with it, let me know and I'll try to fix them asap. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On May 19, 2008, at 3:21 PM, Chris Hall wrote: Does anyone know if a plugin exists that can display a tooltip from information received via ajax or from the output of a javascript function? I see a few that use ajax but I'm unable to modify them to also display tooltip data from a javascript function. Many thanks for the help.
[jQuery] Re: ToolTip Sticky
On May 16, 2008, at 11:58 AM, Demerzel21 wrote: I'm trying to get the following functionality I used to get from a Dojo Tooltip v 0.4 I want to have like a mini-form on my tooltip. I would hover over my element and the tooltip would appear. Then I could mouseover the tooltip. To keep it from disappearing I put sticky:true - the thing is, if I hover off of the tooltiped item, I want it to disappear. Basically, I want to be able to hover over the tooltipped item and the tooltip without the tooltip disappear and without having to have a close button. Now it forces you to close if you want to be able to hover over the tooltip, but rather I'd like it give me a chance to move from the tooltipped item and not disappear if i am over the tooltip itself. Is there any way to achieve this? Thanks. The clueTip plugin has the feature. http://plugins.jquery.com/project/cluetip See the jTip Theme example #1 here: http://plugins.learningjquery.com/cluetip/demo/ --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com
[jQuery] Re: ToolTip Sticky
That's kind of what I'm using, but the enhancement I'd really love to see is such that if you do a mouseout on the original text that had the tooltip attached to it - in your case jTip Style clueTip then that would cause the tooltip to disappear too. On May 16, 5:04 pm, Karl Swedberg [EMAIL PROTECTED] wrote: On May 16, 2008, at 11:58 AM, Demerzel21 wrote: I'm trying to get the following functionality I used to get from a Dojo Tooltip v 0.4 I want to have like a mini-form on my tooltip. I would hover over my element and the tooltip would appear. Then I could mouseover the tooltip. To keep it from disappearing I put sticky:true - the thing is, if I hover off of the tooltiped item, I want it to disappear. Basically, I want to be able to hover over the tooltipped item and the tooltip without the tooltip disappear and without having to have a close button. Now it forces you to close if you want to be able to hover over the tooltip, but rather I'd like it give me a chance to move from the tooltipped item and not disappear if i am over the tooltip itself. Is there any way to achieve this? Thanks. The clueTip plugin has the feature. http://plugins.jquery.com/project/cluetip See the jTip Theme example #1 here: http://plugins.learningjquery.com/cluetip/demo/ --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] Re: [tooltip] Help creating tooltips for several objects
Try to put var in front of your variables to avoid declaring and overwriting global variables. Jörn On Thu, May 8, 2008 at 6:05 PM, Kusanagi [EMAIL PROTECTED] wrote: Hello. I have a problem with the tooltip plugin. I have several dynamicaly created images, with different id's and classes; the same goes for DIVs that i will use to fill the contents for the tooltip, here's the code (i'm using PHP): echo 'img border=0 class=tooltip '.$filterKey.' id=img-'. $filterKey.' style=vertical-align:bottom; src='.$this-settings- incLib('imagenes/ayuda.gif').''; echo 'div id=help_'.$filterKey.' style=display:none;span class=txtInput'.$filterData['help'].'/span/div'; the problem comes when i try to set different tooltips for each img, here's te js code: $(document).ready(function(){ $('img.tooltip').each(function(){ id = this.id.split('-'); helpId = 'help_'+id[1]; helpHtml = $('#'+helpId).html(); $(this).tooltip({ track: true, delay: 0, showURL: false, opacity: 0.85, bodyHandler: function(){return(helpHtml);} }); }); }); What i get as a result is putting the last div's html for every img, instead of actually attaching that div's html to the corresponding img. I hope you guys understand. Thanks in advance
[jQuery] Re: Tooltip
fritz schrieb: Hello Jörn, i have read, that you are considering to implement sticky to your tolltip plugin. Has or will this happen or more likely not in the near future? Hasn't happended yet. A reference implementation (eg. a dirty hack in the current codebase) would help to get things rolling. Jörn
[jQuery] Re: [Tooltip] How to implement an fadeIn and fadeout?
[EMAIL PROTECTED] schrieb: Hi! I use the tooltip from here: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ I use Jquery 1.2.3 and wish to know how to implement an fadeIn and fadeOut into it.[...] I've commited a patch that addes a fade-option: http://dev.jquery.com/changeset/5279 In the demo under The next four links have no delay with tracking, with extra content: (http://dev.jquery.com/view/trunk/plugins/tooltip/demo/) you can see whats missing: if you hover over serveral tooltipped elements quickly, it doesn't fade in properly. Haven't found a solution for that yet. You can find the latest revision here: http://dev.jquery.com/view/trunk/plugins/tooltip/ Jörn
[jQuery] Re: [tooltip] image map area not working on ie6
I'm still experiencing issues with the Image map; http://legacyvillage.optiemstaging.com/Directory/ I've updated my .js files, also updated my script to include the map area code. No love. Any help would be greatly appreciated. -C On Mar 26, 3:54 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: flobou schrieb: Thanks Karl and Jörn, I'm sad there's no solution yet with jQuery toolip but I will try clueTip. The mouse tracking was very good withtooltipso I hope to find a good combination, I'll let you know =) [...] Thanks for Karls motiviation. I found the issue and fixed it:http://dev.jquery.com/changeset/5133 Please give the latest revision a try:http://dev.jquery.com/view/trunk/plugins/tooltip/ Jörn
[jQuery] Re: Tooltip with Lightbox
I had similar and the fix was to use different setting for the title value in tooltip plugin. On Apr 6, 8:41 pm, Macarrão [EMAIL PROTECTED] wrote: Hi! I've been using the jquery.tooltip withLightbox, but the Tooltip 'steals' the title attribute value and theLightboxcan't show it! What can I do to solve this? Any suggestion? Have anyone had the same problem?
[jQuery] Re: ToolTip Plug Crashes (bassistance)
OK. Not quite so perfect. At first it seemed to work fine. When I manually set the text... $(.ToolTip).tooltip({bodyHandler: function() { return Add Comment },showURL:false}); It works fine. However, when I set it as the result of a function, I get a 'nodeType' is null or not an object error. Example: function test() { return TextResult.OfSome.AjaxFunction() } $(.ToolTip).tooltip({bodyHandler: function() { return Add Comment },showURL:false}); Any insight? Thanks, K- On Apr 3, 4:52 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Kyle Holder schrieb: Hi, I have a page with about 30 instances of the tool tip object on them. These are dynamically updated divs. In order to change the text inside the tooltip, you need to re-initialize them by calling $ (#object).tooltip(). This works perfectly. However, when I do that too many times (the number changes), the tool completely kills javascript in my browser. The number of refreshes changes (I can't say it's 5 or 10), but it keeps happening. Any thoughts? Instead of reinitializing the tooltip plugin, use the bodyHandler option to retrieve the updated tooltip. That should avoid rebinding the same event oder and over again. Jörn
[jQuery] Re: ToolTip Plug Crashes (bassistance)
Kyle Holder schrieb: Hi, I have a page with about 30 instances of the tool tip object on them. These are dynamically updated divs. In order to change the text inside the tooltip, you need to re-initialize them by calling $ (#object).tooltip(). This works perfectly. However, when I do that too many times (the number changes), the tool completely kills javascript in my browser. The number of refreshes changes (I can't say it's 5 or 10), but it keeps happening. Any thoughts? Instead of reinitializing the tooltip plugin, use the bodyHandler option to retrieve the updated tooltip. That should avoid rebinding the same event oder and over again. Jörn
[jQuery] Re: ToolTip Plug Crashes (bassistance)
Perfect. Thank You! On Apr 3, 4:52 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Kyle Holder schrieb: Hi, I have a page with about 30 instances of the tool tip object on them. These are dynamically updated divs. In order to change the text inside the tooltip, you need to re-initialize them by calling $ (#object).tooltip(). This works perfectly. However, when I do that too many times (the number changes), the tool completely kills javascript in my browser. The number of refreshes changes (I can't say it's 5 or 10), but it keeps happening. Any thoughts? Instead of reinitializing the tooltip plugin, use the bodyHandler option to retrieve the updated tooltip. That should avoid rebinding the same event oder and over again. Jörn
[jQuery] Re: tooltip in select
I have had so many problems of similar sort with select's that I finally gave up and now I just use a library to generate a select box that's got only DIV tags. That way I can have multi-line items, tooltips, fading, etc... death to select input form tag :P especially I see google using similar technigues everywhere in their apps - yahoo as well. did I say 'death to select input form tag' ? On Mar 25, 10:45 am, alexanmtz [EMAIL PROTECTED] wrote: When you hover a tooltip in a select, it should disappear when you are selecting a option. In this case, the tooltip are putting the box of tip completely in wrong place. And worse: when you are hovering the option the tooltip keeps behind them, whats its strange user experience. I try to solve this problem with this code $(select).click(function(){ $.Tooltip.blocked ? $.Tooltip.blocked = false : $.Tooltip.blocked = true; $(#tooltip:hidden).length ? $(#tooltip).show() : $ (#tooltip).hide(); }); $(select).blur(function(){ $.Tooltip.blocked = false; }); It works in firefox, blocking the tooltip when you click in a select and when you exit the tooltip back to act But didnt works in safari and IE. Anyone know a way to handler the tooltip properly with select when you are choosing a option?
[jQuery] Re: [tooltip] Something left in your test page
alexanmtz schrieb: Hi Jorn, I would like to request you to add a tooltip in your select box that you use to test bgiframe. Actually it work well, but try to put in your demo page a tooltip and a title in select box in your test page: http://jquery.bassistance.de/tooltip/demo/ Try to test this: $(select).tooltip(); Note when you are choosing a option, the firefox looses the correct position and the tooltip keeps behind the options and all browsers. Any idea how to solve this? Your plugin is almost 100%, it just lack the right handler in select boxes. The better way to user its when the user are selecting a option, the tooltip is blocked, and when he goes out of select, the back to work... I hope it helps to make the plugin even better... [...] I've taken a look at the issue and commited a first fix: http://dev.jquery.com/changeset/5131 Take a look at the update method if you want. Its still a bit annoying, but at least not as broken as before. Jörn
[jQuery] Re: [tooltip] image map area not working on ie6
flobou schrieb: Thanks Karl and Jörn, I'm sad there's no solution yet with jQuery toolip but I will try clueTip. The mouse tracking was very good with tooltip so I hope to find a good combination, I'll let you know =) [...] Thanks for Karls motiviation. I found the issue and fixed it: http://dev.jquery.com/changeset/5133 Please give the latest revision a try: http://dev.jquery.com/view/trunk/plugins/tooltip/ Jörn
[jQuery] Re: [tooltip] image map area not working on ie6
Thanks Karl and Jörn, I'm sad there's no solution yet with jQuery toolip but I will try clueTip. The mouse tracking was very good with tooltip so I hope to find a good combination, I'll let you know =) Thanks again Flo On 20 mar, 20:19, Karl Swedberg [EMAIL PROTECTED] wrote: Not to poach a user from the excellenttooltipplugin, but clueTip can handleimagemaps. Here is a test page that shows it in action (only two of the icons have clueTip applied to them, so you have to wander around themapa bit): http://test.learningjquery.com/clue/chic-test.html Documentation can be found here: http://plugins.learningjquery.com/cluetip/demo/ Hope that helps. --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Mar 20, 2008, at 12:32 PM, Jörn Zaefferer wrote: flobou schrieb: Hi, considering this plugin :http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ I have atooltipapplied on each area tag on myimagemapand it's working fine with FireFox PC but not with IE6 or IE7. [...] Thanks for any help to fix this =) Form the 1.2 changelog: * Droppedimagemapexample - completely incompatible with IE;image maps aren't supported anymore Its not like I didn't try - but I recommend to look for an alternative. Jörn
[jQuery] Re: [tooltip] image map area not working on ie6
flobou schrieb: Thanks Karl and Jörn, I'm sad there's no solution yet with jQuery toolip but I will try clueTip. The mouse tracking was very good with tooltip so I hope to find a good combination, I'll let you know =) Apparently I just need to try again. I wonder what piece I was missing... Jörn
[jQuery] Re: [tooltip] image map area not working on ie6
Jörn If I recall correctly, I had to force positioning by mouse (pageX/Y) rather than by invoking element when using an area element. Not sure if I had to do something else, too. flobou, I have an experimental mouse tracking option in clueTip that works most of the time. just set tracking to true in the options. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 25, 2008, at 2:16 PM, Jörn Zaefferer wrote: flobou schrieb: Thanks Karl and Jörn, I'm sad there's no solution yet with jQuery toolip but I will try clueTip. The mouse tracking was very good with tooltip so I hope to find a good combination, I'll let you know =) Apparently I just need to try again. I wonder what piece I was missing... Jörn
[jQuery] Re: [tooltip] Looping and variable tooltip setup
derek, i haven't thoroughly examined how bodyHandler works but i think something like this should work, provided that your html structure won't change: $('div[id^=tt]').tooltip({ bodyHandler: function(){ return $(this).next().html(); } }); if your html structure will change, you could do something like this: $('div[id^=tt]').tooltip({ bodyHandler: function(){ var id = 'tb' + this.id.substr(2); return $('#'+id).html(); } }); although i'd recommend using classes instead of id's, to avoid cluttering your html (and then using something in the lines of the first example, only instead of $('div[id^=tt]') you could use $('div.tt'), and of course, putting a tt class on the 'item' divs ) .. dennis. derek wrote: Greetings, After evaluating several different javascript tooltip libraries I've settled on the jQuery 'Tooltip' plug-in, however I'm having one minor issue getting something working. I'm trying to setup a series of pairs of tooltip triggers/bodies using a generic naming system so that it's easily enable through CGI scripts. To test I have two sets of triggers/bodies that look like this: table tr td div id=tt0Item 1/div div id=tb0 class=tbItem 1's Tooltip/div /td td div id=tt1Item 2/div div id=tb1 class=tbItem 2's Tooltip/div /td /tr /table Where the div with the 'tt?' ids are the tooltip triggers and the 'tb?' ids are the associated tooltip bodies. Now, if for each pair I add the following jQuery script the results are fine: $(function() { $(#tt0).tooltip({bodyHandler: function(){return $ (#tb0).html();}}); $(#tt1).tooltip({bodyHandler: function(){return $ (#tb1).html();}}); }); I get the appropriate tooltip bodies when the mouse hovers over the triggers. The pages that will be generated however will have dozens of tooltips and to have one of these for each would end up causing a lot of overhead in the output, so to alleviate this output overhead I'd like to have a loop that will dynamically perform that. Currently I have the following code: $(function() { var tc = $('[id^=tt]').size(); for (var i = 0; i tc; i++) { var tt = #tt + i; var tb = #tb + i; $(tt).tooltip({bodyHandler: function(){return $ (tb).html();}}); } }); This does create tooltips for the two triggers, however both of them have the tooltip body from 'tb1', I've verified that the values for the 'tt' and 'tb' variables are correct during the loop, and the .text() values from the bodies also show the correct values. Is there something I'm missing from this, or am I going about this the wrong way? I would appreciate any comments or suggestions! Thanks, Derek R.
[jQuery] Re: [tooltip] Looping and variable tooltip setup
dennis, Thanks for the help, both of your examples work great. I also tried substituting in a class 'tt' in place of the individual ids and that seems to work good as well. Is there any speed advantage to this method? I'll probably end up using this method instead as it seems more elegant. Thanks again! Derek R. On Feb 23, 8:16 am, spinnach [EMAIL PROTECTED] wrote: derek, i haven't thoroughly examined how bodyHandler works but i think something like this should work, provided that your html structure won't change: $('div[id^=tt]').tooltip({ bodyHandler: function(){ return $(this).next().html(); } }); if your html structure will change, you could do something like this: $('div[id^=tt]').tooltip({ bodyHandler: function(){ var id = 'tb' + this.id.substr(2); return $('#'+id).html(); } }); although i'd recommend using classes instead of id's, to avoid cluttering your html (and then using something in the lines of the first example, only instead of $('div[id^=tt]') you could use $('div.tt'), and of course, putting a tt class on the 'item' divs ) .. dennis. derek wrote: Greetings, After evaluating several different javascript tooltip libraries I've settled on the jQuery 'Tooltip' plug-in, however I'm having one minor issue getting something working. I'm trying to setup a series of pairs of tooltip triggers/bodies using a generic naming system so that it's easily enable through CGI scripts. To test I have two sets of triggers/bodies that look like this: table tr td div id=tt0Item 1/div div id=tb0 class=tbItem 1's Tooltip/div /td td div id=tt1Item 2/div div id=tb1 class=tbItem 2's Tooltip/div /td /tr /table Where the div with the 'tt?' ids are the tooltip triggers and the 'tb?' ids are the associated tooltip bodies. Now, if for each pair I add the following jQuery script the results are fine: $(function() { $(#tt0).tooltip({bodyHandler: function(){return $ (#tb0).html();}}); $(#tt1).tooltip({bodyHandler: function(){return $ (#tb1).html();}}); }); I get the appropriate tooltip bodies when the mouse hovers over the triggers. The pages that will be generated however will have dozens of tooltips and to have one of these for each would end up causing a lot of overhead in the output, so to alleviate this output overhead I'd like to have a loop that will dynamically perform that. Currently I have the following code: $(function() { var tc = $('[id^=tt]').size(); for (var i = 0; i tc; i++) { var tt = #tt + i; var tb = #tb + i; $(tt).tooltip({bodyHandler: function(){return $ (tb).html();}}); } }); This does create tooltips for the two triggers, however both of them have the tooltip body from 'tb1', I've verified that the values for the 'tt' and 'tb' variables are correct during the loop, and the .text() values from the bodies also show the correct values. Is there something I'm missing from this, or am I going about this the wrong way? I would appreciate any comments or suggestions! Thanks, Derek R.
[jQuery] Re: [tooltip] Looping and variable tooltip setup
derek, i'm not sure if there are any speed advantages (in both cases jquery has to loop through all divs on the page to find the ones you need - either by class or by id, so there probably is none) but by using classes your keeping your html cleaner.. as a rule, things that repeat on a page or through out the site, and have the same purpose, should use classes, and things which are specific and more important should use id's.. or at least, that's the how i do it :).. dennis. derek wrote: dennis, Thanks for the help, both of your examples work great. I also tried substituting in a class 'tt' in place of the individual ids and that seems to work good as well. Is there any speed advantage to this method? I'll probably end up using this method instead as it seems more elegant. Thanks again! Derek R. On Feb 23, 8:16 am, spinnach [EMAIL PROTECTED] wrote: derek, i haven't thoroughly examined how bodyHandler works but i think something like this should work, provided that your html structure won't change: $('div[id^=tt]').tooltip({ bodyHandler: function(){ return $(this).next().html(); } }); if your html structure will change, you could do something like this: $('div[id^=tt]').tooltip({ bodyHandler: function(){ var id = 'tb' + this.id.substr(2); return $('#'+id).html(); } }); although i'd recommend using classes instead of id's, to avoid cluttering your html (and then using something in the lines of the first example, only instead of $('div[id^=tt]') you could use $('div.tt'), and of course, putting a tt class on the 'item' divs ) .. dennis. derek wrote: Greetings, After evaluating several different javascript tooltip libraries I've settled on the jQuery 'Tooltip' plug-in, however I'm having one minor issue getting something working. I'm trying to setup a series of pairs of tooltip triggers/bodies using a generic naming system so that it's easily enable through CGI scripts. To test I have two sets of triggers/bodies that look like this: table tr td div id=tt0Item 1/div div id=tb0 class=tbItem 1's Tooltip/div /td td div id=tt1Item 2/div div id=tb1 class=tbItem 2's Tooltip/div /td /tr /table Where the div with the 'tt?' ids are the tooltip triggers and the 'tb?' ids are the associated tooltip bodies. Now, if for each pair I add the following jQuery script the results are fine: $(function() { $(#tt0).tooltip({bodyHandler: function(){return $ (#tb0).html();}}); $(#tt1).tooltip({bodyHandler: function(){return $ (#tb1).html();}}); }); I get the appropriate tooltip bodies when the mouse hovers over the triggers. The pages that will be generated however will have dozens of tooltips and to have one of these for each would end up causing a lot of overhead in the output, so to alleviate this output overhead I'd like to have a loop that will dynamically perform that. Currently I have the following code: $(function() { var tc = $('[id^=tt]').size(); for (var i = 0; i tc; i++) { var tt = #tt + i; var tb = #tb + i; $(tt).tooltip({bodyHandler: function(){return $ (tb).html();}}); } }); This does create tooltips for the two triggers, however both of them have the tooltip body from 'tb1', I've verified that the values for the 'tt' and 'tb' variables are correct during the loop, and the .text() values from the bodies also show the correct values. Is there something I'm missing from this, or am I going about this the wrong way? I would appreciate any comments or suggestions! Thanks, Derek R.