ASP.NET

11-Sep-07 22:56

i made a multiline tooltip that appears when the mouse over a link
this tooltip is a div element , i have multiple links and i need to set the text of the div element
according to the link under the mouse which means that i must change the div text dinamically
can any body help me??

Sandeep Akhare11-Sep-07 23:05

11-Sep-07 23:05

Yes make that div tag runat server and give proper id
Now you can access that div at server side can do anything with it at runtime ...
But why are you using div tag for tool tip? use anchor tag and make run at server or you have asp.net Hyperlink control in that you have tool tip property

Thanks and Regards
Sandeep

If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "

abu sundus11-Sep-07 23:11

11-Sep-07 23:11

i need multiline tooltip that can contain table
so i used the div element

the control of the apperance of the div element is by javascript function that showa and hide the div element
depending on mouse position, i need to change the text of the div element using the javascript function not in the run time
can you help me?

regards

Sandeep Akhare11-Sep-07 23:21

11-Sep-07 23:21

you can change it in javascript first see the source code of your page and check which is the property of div tag for tool tip make such changes in div by
document.getElementById('DivtagId').PrpertyName='New tool tip';
Not sure but check it will work i think

Thanks and Regards
Sandeep

If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "

abu sundus11-Sep-07 23:46

11-Sep-07 23:46

sorry i tried that but it does not work

thanx

abu sundus11-Sep-07 23:48

11-Sep-07 23:48

sorry i tried that but it does not work

thanx

Sandeep Akhare11-Sep-07 23:51

11-Sep-07 23:51

Can you post the code how are you displaying the div tag i.e aspx page ? if then i could help you

Thanks and Regards
Sandeep

If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "

abu sundus11-Sep-07 23:58

11-Sep-07 23:58

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="MyFavorites.aspx.vb" Inherits="MyFavorites" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" href="StyleSheet.css" type="text/css" runat="server" id="stylesheet" />

<script type="text/javascript" language="javascript" >
function toggleAllCheckboxes(rowsCount)
{
var idsIndex = 0
var mainCheckBox = document.getElementById('ChkBxRemoveAll')

for (idsIndex=1;idsIndex<=rowsCount;idsIndex=idsIndex+2)
{
if(idsIndex<10)
{
var checkBox = document.getElementById('ctl0'+idsIndex)
if (mainCheckBox.checked == true)
{checkBox.checked = true}
else
{checkBox.checked = false}

}
else
{
var checkBox = document.getElementById('ctl'+idsIndex)
if (mainCheckBox.checked == true)
{checkBox.checked = true}
else
{checkBox.checked = false}
}
}
}

//*****************************************************************
function UnCheckMainCheckBox(rowsCount)
{
var idsIndex = 0
var mainCheckBox = document.getElementById('ChkBxRemoveAll')

for (idsIndex=1;idsIndex<=rowsCount;idsIndex=idsIndex+2)
{
if(idsIndex<10)
{
var checkBox = document.getElementById('ctl0'+idsIndex)
if (checkBox.checked == false)
{mainCheckBox.checked = false}

}
else
{
var checkBox = document.getElementById('ctl'+idsIndex)
if (checkBox.checked == false)
{mainCheckBox.checked = false}
}
}
}
//*****************************************************************************
function xstooltip_findPosX(obj)
{
var curleft = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}
//******************************************************************************
function xstooltip_findPosY(obj)
{
var curtop = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}
//*******************************************************************************
function xstooltip_show(tooltipId, parentId, posX, posY)
{

it = document.getElementById(tooltipId);
if ((it.style.top == '' || it.style.top == 0)&& (it.style.left == '' || it.style.left == 0))
{
// need to fixate default size (MSIE problem)
//it.style.width = it.offsetWidth + 'px';
//it.style.height = it.offsetHeight + 'px';
link = document.getElementById(parentId);

// if tooltip is too wide, shift left to be within parent
//if (posX + it.offsetWidth > link.offsetWidth) posX = link.offsetWidth - it.offsetWidth;
if (posX < 0 ) posX = 0;

x = xstooltip_findPosX(link) + posX;
y = xstooltip_findPosY(link) + posY;

it.style.top = y + 'px';
it.style.left = x + 'px';
}

it.style.visibility = 'visible';
it.InnerText = "asfasfasdf"

}
//*********************************************************************************
function xstooltip_hide(id)
{
it = document.getElementById(id);
it.style.top ='';
it.style.left = '';
it.style.visibility = 'hidden';

}
</script>

</head>
<body style="color: #000000">
<form id="form1" runat="server">
<div id="tooltip" class="xstooltip" style="background:red; color:white " >

</div>
<div>

</div>
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff" width="1290">
<tr>
<td style="width: 1290px">
<table width="1290" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 1290px; height: 80px;">
<div>
<table width="1290" border="0" cellspacing="0" cellpadding="1" style="background-color:#000000">
<tr>
<td colspan="" style="width: 1290px">
<table width="1290" border="0" cellspacing="0" cellpadding="0" style="height:40; background-color:#ffffff">
<tr>
<td class="Color1" style="width:10px ; color:#000000; background-color: #035cae; height: 45px;">
</td>
<td class="Color3" style="color:#000000; width: 400px; vertical-align: bottom; text-align: left; background-color: #f5f5f5; height: 45px;" valign="baseline"><h3 style="vertical-align: middle; text-align: left"> 
   
<div style="z-index: 101; left: 40px; width: 384px; position: absolute; top: 40px;
height: 24px">
<asp:HyperLink ID="HyperLink1" runat="server" Font-Names="Arial" Font-Size="Medium"
Font-Underline="False" NavigateUrl="~/Search.aspx">Online Job Application</asp:HyperLink>
<asp:Label ID="Label1" runat="server" Text=":My Favorite Applications" Font-Bold="False"></asp:Label></div>
</h3>
</td>
<td class="Color2" style="width: 6px; background-color: #ffcc00; height: 45px;"><div style="text-align:center"></div>
</td>
<td class="Color1" style="width: 150px; background-color: #035cae; height: 45px;"><div class="text1" style="text-align:left">
    
<div style="z-index: 102; left: 1112px; width: 200px; position: absolute; top: 40px;
height: 32px">
<asp:HyperLink ID="HyperLink3" runat="server" CssClass="styleSheet.links1" Font-Bold="True"
Font-Names="Arial" Font-Size="X-Small" Font-Underline="True" ForeColor="White"
NavigateUrl="~/Search.aspx">Search Applications</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink4" runat="server" CssClass="styleSheet.links1" Font-Bold="True"
Font-Names="Arial" Font-Size="X-Small" Font-Underline="True" ForeColor="White"
NavigateUrl="~/AddEdit.aspx">Add/Edit Jobs</asp:HyperLink></div>
 <span style="color: #ffffff"> </span>
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td style="width: 1290px; height: 87px;">
<table width="1290px" border="0" cellspacing="0" cellpadding="0">
<tr style="background-color: #035cae">
<td class="text1" colspan="9" style="height: 31px; background-color: #3399cc; text-align: left">
        <asp:Button ID="Button1" runat="server" Font-Bold="True"
Height="26px" Text="Remove" Width="80px" /></td>
</tr>
<tr style="background-color:#035cae">
<td class="text1" style="width: 25px; height: 24px; text-align: left">
 <asp:CheckBox ID="ChkBxRemoveAll" runat="server" style="text-align: center" Width="24px" AutoPostBack="True" />
</td>
<td class="text1" style="height: 24px; width:90px; text-align: left;">
<div style="text-align:left; color:#ffffff">
<strong>  Date of<br />
  Selection</strong></div>
</td>
<td class="text1" style="height:24px ;width:175px; color:#ffffff; text-align: left;"><b>     Applicant Name</b></td>
<td class="text1" style="width: 175px; color: #ffffff; height: 24px; text-align: left">
<strong>    Job Position</strong></td>
<td class="text1" style="height: 24px;width:520px; color:#ffffff; text-align: left;"><b>     Skills</b></td>
<td class="text1" style="width: 90px; color: #ffffff; height: 24px; text-align: left">
<strong>Date of Submition</strong></td>
<td class="text1" style="height:24px ;width:85px; vertical-align: middle; text-align: center; direction: ltr; line-height: normal;" valign="middle">
<div style="text-align:left;color:#ffffff"><b style="direction: ltr">   Status</b></div>
</td>
<td class="text1" style="height:24px ;width:65px; text-align: center;">
<div style="text-align:left;color:#ffffff"><b> Mark</b></div>
</td>
<td class="text1" style="height:24px ;width:65px; text-align: center;">
<div style="text-align:left;color:#ffffff"><b> Rank</b></div>
</td>
</tr>
</table>
<asp:Panel ID="Panel1" runat="server" Height="600px" ScrollBars="Vertical" Width="1290px">
<asp:Table ID="Table1" runat="server" Width="1290px" cellspacing="0" cellpadding="0">

</asp:Table>
</asp:Panel>

</td>
</tr>

<tr>
<td style="width: 1290px; height: 59px;">
<table width="100%" border="0" cellspacing="0" cellpadding="1" style="background-color:#000000">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="Color1" style="width:10px; height: 19px; background-color: #035cae;"> </td>
<td class="Color3" style="width:10px; height: 19px; background-color: #f5f5f5;"> </td>
<td class="Color3" style="width:350px; height: 19px; background-color: #f5f5f5;">
<div style="text-align:left; color:#ff0000" class="text1"></div>
</td>
<td class="Color3" style="width:210px; height: 19px; background-color: #f5f5f5;">
<div style="text-align:center; background-color: #f5f5f5;"> </div>
</td>
<td class="Color2" style="width:6px; height: 19px; background-color: #ffcc00;"> </td>
<td class="Color1" style="width:123px; height: 19px; background-color: #035cae;"> </td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>
</table>

</form>
</body>
</html>

Sandeep Akhare12-Sep-07 0:17

12-Sep-07 0:17

Sorry but which are the div tags which you are using as tool tip i am confused

Thanks and Regards
Sandeep

If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "

Imran Khan Pathan12-Sep-07 1:35

Imran Khan Pathan

12-Sep-07 1:35

visit this link.AjaxPro.

best Regard
Pathan

---------------------------------------------------

Re: radio button in gridview

jc.net12-Sep-07 7:00

jc.net

12-Sep-07 7:00

Maybe you can do it like this:

document.getElementById('DivtagId').innerText='New text';
or
document.getElementById('DivtagId').innerHTML='New text';

radio button in gridview

RajeevKumarSharma11-Sep-07 22:53

RajeevKumarSharma

11-Sep-07 22:53

hi to all

i want to use radio button in gridview
but there should be selection of only one radion button at a time

and i want to call a function on radio button selection

plz help me some

rajeev kumar sharma
vri software pvt. ltd.
new delhi India

John-ph11-Sep-07 23:34

improve performance of website

11-Sep-07 23:34

hope you can use the same Javascript used in this article for single radiobutton selection.

Radio Button Single Selection[^]

call the javascript on the onclick event of the radiobuttons.

Regards
J O H N

"Even eagles need a push." David McNally

subbu.sk11-Sep-07 22:33

subbu.sk

11-Sep-07 22:33

Hai All,

How can we find the page size (.aspx)And
Is there are any tools and
in visual source safe how we find the
size of the page which isrunning..any
options available in vss?

and also i just want to know how should we improve the performance of the website (exclude of Stored procedure)?

Thanks
Subbu.

John-ph11-Sep-07 23:17

11-Sep-07 23:17

subbu.sk wrote:
how should we improve the performance of the website

1.Having 3-Tier or N-Tier Architecture (Layered Approach)
2.Optimized Code
3.Proper Usage of Session and Application Variables
4.Proper Implementation of Caching Techniques
5.Reduced Viewstate Maintenance
6.Client-Side Validation

taking care of all this will improve the performance of web application. This is what I have learned from my experience as Web Developer.

subbu.sk wrote:
How can we find the page size (.aspx)

what do you mean by this?

Regards
J O H N

"Even eagles need a push." David McNally

subbu.sk11-Sep-07 23:35

subbu.sk

11-Sep-07 23:35

hai john,

thank u for u r reply?
How can we find the page size (.aspx) means ,
in one web application i have more no.of dropdownlist and another controls,but i want this,
in my system the page size is set,but in another system it is not set,then how can i set the page size perfectly set for any System?

Thanks
Subbu.

John-ph11-Sep-07 23:54

11-Sep-07 23:54

I'm not quite sure about what you are talking.
Do You mean Height and Width of the WebPage?

Regards
J O H N

"Even eagles need a push." David McNally

subbu.sk11-Sep-07 23:58

subbu.sk

11-Sep-07 23:58

hai john,

ya, i mean the pagesize(height and width)it is set for every system(Screen)

Thanks
Subbu.

John-ph12-Sep-07 0:09

12-Sep-07 0:09

Again I'm bit confused. Hope you not talking about the Browser window size (Height and width).

In General Webpages will have have the Maximum height and Width depending up on the Design and Controls that you have used.

Regards
J O H N

"Even eagles need a push." David McNally