/    Sign up×
Community /Pin to ProfileBookmark

Tooltips

Copy linkTweet thisAlerts:
Jun 14.2009

Hi everyone,
I am using the code from walterzorn.com for showing html elements in tooltips.
So every time a page load fires, the html tag becomes invisible and is inserted into the tooltip.
In my web site, i use Ajax UpdatePanel in which a timer control exists, and updates every 10sec. The thing that happens here is that after the first 10s the html tag becomes visible.

Does anyone know a solution for this?

Thank you

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@JMRKERJun 14.2009 — Post a brief example of your problem.
Copy linkTweet thisAlerts:
@jorgyauthorJun 14.2009 — I have region on which I show tooltip with html table in it. The table contains data from database and is read every 10 sec using Timer and UpdatePanel.

The point here is that the table shouldnt be visible outside, only in the tooltip. <br/>
The first time, when the page loads, the table isnt visible. But on the next tick the table becomes visible, since I use Ajax UpdatePanel which does not initiate Page Load.

So my question is , is there any way that I could call JavaScript function on every UpdatePanel load to hide the html table and show it only in the tooltip and which function exactly (from the script) should be called.
Copy linkTweet thisAlerts:
@jorgyauthorJun 15.2009 — I am posting an example

Here is how it looks:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>


<img src="pict.jpg" usemap="#V" />

<map name="V" id="V">

<area shape="circle" coords="238,380,54" onmouseover="TagToTip('tableV',WIDTH, '-400', BGCOLOR, '#FFFFFF', SHADOW, true, SHADOWCOLOR, '#333333',BORDERCOLOR,'#FFFFFF', FOLLOWMOUSE, true, TITLE, 'Header',TITLEBGCOLOR,'#00A653',TITLEFONTCOLOR,'#FFFFFF',ABOVE,true,FONTFACE, 'Tahoma, sans-serif',OPACITY,90)" onmouseout="UnTip()" />

</map>

<asp:Timer ID="Timer1" runat="server" Interval="10000" ontick="Timer1_Tick">
</asp:Timer>
<table id="tableV">

<tr><td>

<asp:Label ID="lblA" runat="server" ></asp:Label></td></tr>

<tr><td><asp:Label ID="lblB" runat="server"></asp:Label></td></tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>
×

Success!

Help @jorgy spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.22,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...