i'm trying to hide title and alt tooltips from popping up. i realized that tooltip plugins can hide the browser tooltip and display their own generated style. i am using plugins like fancybox and cycle which have been configured to use attributes for links and description therefore i need title/alt.
i've been unsuccessfully trying to write a function that onmousehover saves the title/alt attribute and empties the attributes (alt="" title="") so they don't popup, then restores them onmouseout.
i know it has something to do with .data() but I can't seem to get it working. i've tried breaking down very simple tooltip plugins, but once i start removing lines of code, it doesn't do anything.
I have a lot of DIV tags on an HTML page. I want to group some of them so that I can hide them all together at once if needed. What's a good way to do this? I want this to be compatible with at least IE 5. Would it be a good idea to assign all DIV tags in the same group the same "title" attribute?
This is what I want to do, but I'm not sure if it's the correct approach, and I'm not sure how to set the style with javascript either:
<div title="groupA">hello world</div> <div title="groupB">from group b</div>
then with javascript set this style: div[title='groupA'] { display:none }
If this is the right approach, and is compatible with say IE 5 or 6, would someone tell me how to do it in javascript?
If I want to hide a title / heading if a field below is not filled in, what would be the js for that?
I have an "Attachments" h2 heading and three following fields for the client to add up to three attachments. But if none are filled in I want the h2 heading to not display.
This is what I have so far:
This should take care of the three fields, but how do I tie in the heading too?
I'm sure some of you guys are familiar with the jquery plugin, tipsy. I want to be able to display HTML inside the tooltip but more like a div layer (<div id="tweet"></div>). I noticed I can put tags like bold and italic text inside the tooltip but not full divs. How would I go about doing that? I'm trying to display a twitter script by seaofclouds inside the tooltip. The script looks like this:
I'm using Tipsy on my site and in IE7/8 I get a double tooltip when I hover over an element.I've looked around for a fix but can't find any reliable solutionAttachments Screen shot 2011-04-14 at 1.40.54 PM.pngSize : 11.93 KB Download : 317
I have this photo gallery that I'm setting up where I've used some jquery to pop a magnified view of an image when the mouse is hovered over the thumbnail. As it is right now, it always positions the magnified image with the top-left corner at the x and y position of the mouse cursor. What I need it to do is if the image is going to be displayed beyond the viewport, that it would change its positioning to the corner that will show the whole image.
I sourced the codes and made some changes, but I need to know a better way to add multi-tooltips on the phone image when its selected by mouse move event. I need an example of the codes that will work on 360.On the site you can look at the source-codes to see where Im going.
I have a grammar check on the server that can grammar check text... big surprise there. It'll return a list of match problems, along with the positions in the text that are flawed. It'll also send the grammar rule that was broken in plain english, to help someone fix it.
So we have a list of these basically:
What I'd like to do is apply different styles to the text inside of the <textarea> for all these positions (5 to 10 in the case above, but I'm going to have a list of these).
I also want to make it so if a user hovers on top one of these problems, I can show a tooltip that contains the "message" property.
Demo page illustrating current issue:[URL]... I'm calling different tooltip DIVs from different triggers.Using bodyHandler, each trigger has a unique corresponding DIV To keep a clean document, i've grouped the tooltip DIVs at the bottom of the source When you hover over triggers, the correct tooltip is displayed However, the tooltip displays at the bottom of the page, not tracking with cursor.
How can i group my DIVs away from my trigger markup and still achieve tooltips that track with mouse cursor?
I have some simple tooltips on my site that load the content of the "title" tag into the tooltip. I am currently using this plugin[URL].. I have tried several others. They all work fine for static elements, but the main content of my pages are loaded by an ajax load() call. The tooltips don't work on any this content loaded via ajax. Why is this happening and is there a way to fix this? Or maybe a tooltip plugin that will work for this?
I'd like to find certain keywords in the text of an html page and give it an underline and the ability to show a tooltip when hovered. When I try to use .text() on the top-level element, it just spits everything out, including javascript, etc. How can I go through line-by-line and do a word comparison with the keyword I'd like highlighted? I'm thinking of basically doing: $(#toplevel).each(function () { if ($(this).text() == 'keyword') $(this).contents().filter(return this.nodeType == 3).wrap('<a></a>'); If that makes any sense.
This page: [URL] seems to indicate that it's possible, but it looks like it also pops up an alert window which would be annoying as hell. Is there a way to, say, once every minute change the title bar text?
You see I have a text file of rotating slogans that appear each time you reload a page on my site and someone suggested that having them change even when the page is already open might be fun. I thought I'd look into it and see if it's possible. The site is [URL]
I don't know enough about javascript to know if this is possible. I am fairly good at implementing and installing other people's code, though, and can usually make minor changes to tweak things.
i working on web map of MMORPG gamehttp:[url].....(here is "working" version dont comment a code, its shitty i working on funkcionality,i will perform code cleaning and optimalizacion after i implement all needed functions and solve all my problems)so i have 2 problems:
1) map performance when zooming.i need drawn ~600 dots of NPCs on map and recalculate their positions on map when zoom in/out, my current solution is slow ( cleaning and appending HTML into map content) i wana know if there is faster solution how do it ?
2)i using jQuery tooltips to show data when NPC or fort icon is mouseovered , it works great only with one problem, when i zoom with tooltip opened , it loose "connecion" with fort/NPC icon and tooltip stuck on screen...
so the story is that i using and IFRAME in my web site , and i want the main title of the document (which appears in the browser title bar) to be the title from the iframe 'page' . my English is not so good so i 'll give an example .
I am looking to use a similar method as facebook chat does, where it alternates between the original title text and 'friendsName has sent you a message!...'
At my day job, we use a cms that generates really terrible <title></title> tags that are killing our SE rankings.
Instead of taking the title of the piece of content and putting it in the title tags, it uses the name of the page template.
I first attempted this with jquery, but i'm looking for something that will basically just take <title>template name</title> and replace it with something friendlier.
I am trying to do a mouseover with tooltips with an XSL stylesheet. I want to be able to pick data from the XML using the syntax <xsl:value-of select="CHALLENGE_REMARKS"/> How do I send the data from this element to the doToolTip function.
Ex. <td> select="CHALLENGE_REMARKS"/>) </td>
This does not work. I have tried putting the element in a var and this works except when there are multiple rows the mouseover tooltip only displays the data for the last row for all rows.
<body> <script type="text/javascript" src="tooltips.js"></script> <p>Use the TAB and Shift-TAB keys to navigate this list.</p> <ul> <li><a href="/" title="Home Page" tabindex="10">Home</a> <ul> <li><a href="/sitemap.php" title="A guide to the areas of this website" tabindex="20">Sitemap</a></li> <li><a href="/preferences.php" title="Change the design scheme and functionality" tabindex="30">Preferences</a></li> <li><a href="/brothercake.php" title="About this site and its webmaster :)" tabindex="40">About brothercake</a></li> </ul> </li> </ul>
</body></html>
And this in tooltips.js
// global vars var i, pos, obj, tempObj, tempEle, winSize, extent, scrollHeight;
//toolTip object var toolTip = null; var toolTipParent = null;
I'm currently generating some tooltips to display data for certain items in a game. The tooltips and stats work great, however, for certain items, the tooltip gets long and will extend pass the viewable range for the user.
Here are the links: test page: [URL] javascript: [URL] css (for hover div only): [URL]
If you hover over the links of items (like villages, barracks, etc.) a tooltip will pop up to show you the stats. But if you notice, for items like castles, the tooltip can extend past the viewable range for the user.
I am working on editing an events calendar that uses tooltips. I am using javascript from Walter Zorn . The page is valid xhtml strict and uses valid css and things work fine in Firefox. But in IE the tooltips are the wrong size and the border/padding on the right side is much too wide. Can anyone look at Zorn's javascript (#1 google result for "tooltip") or my code and see if it needs some IE hack.
I use jQuery MsDropDown plugin to realise a combo box with icons. However, I need to use "title" attribute of the option to indicate the name of the icon. Also I can't use this attribute to write the text I want to show as tooltips.
I have a scenario where I show a drop-down-with-few-items in a JSP page, to the user. The length of few options in the drop down is greater than that of the drop down's, hence our requirement is to show the hovered (not selected) option as tooltip for user's convenience. I am not able to use title attribute for displaying tooltips in my browser. Now the code ... implements a tooltip for multiple select drop down menu.Can you modify the code for single select
The problem: Popups work fine, as they open the mini thumbnails when you mouseover. However, as you scroll down the page, the images move with you. So, if you mouseover'd the top result (having not scrolled down) the graph would appear when it was supposed to. However, if you scrolled down 200px, and then mouseover'd the top result (or any result), the thumbnail would popup 200px lower than it should.
The guide site I used: [url]- it doesn't happen on their site.
I set up a dummy site of their site: [url]- I just copied the source code for everything and changed literally nothing. It still happens on my version of the site.
I'm using custom javascript tooltips to show information about designs in a t-shirt shop, such as design name and artist. I downloaded the code and CSS for the tooltips and am attempting to assign the tooltip to each design using a javascript array and a for-in loop. Only problem is that the tooltips aren't showing at all, no matter what I do. I think the problem is related to the onmouseover event that I'm using, but the only thing that seems to work even partway is changing the visibility to "show" in the CSS. From that I can see that the text is being assigned to the tooltips properly and that they are being positioned within the window, but the onmouseover event is having no effect either way when I revert the visibility back to "hidden."
