473,405 Members | 2,176 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,405 software developers and data experts.

Header Fixed

Hello misters,

I have an DAtalist that generates an html table with a header. There are
many rows, and I want that it appears scroll horizontal and vertical, and the
header be fixed.

Any help ? Thanks in advance.
--
http://www.alhambra-eidos.es/web2005/index.html
www.kiquenet.net

Apr 26 '07 #1
10 1526
Hi,
This link should help you:
http://www.dotnet247.com/247referenc...edHeader.shtml
--
If my answer helped you,then please do press Yes below.
Thanks and Regards.
Manish Bafna.
MCP and MCTS.

"Alhambra Eidos Kiquenet" wrote:
Hello misters,

I have an DAtalist that generates an html table with a header. There are
many rows, and I want that it appears scroll horizontal and vertical, and the
header be fixed.

Any help ? Thanks in advance.
--
http://www.alhambra-eidos.es/web2005/index.html
www.kiquenet.net
Apr 27 '07 #2

Hello misters again,

Thanks mister Manish, for your answer, but I'm with the same problem. Repeat
my trouble:

I have an HTML table with a header.
There are many rows, and I want that it appears scroll horizontal and
vertical, and the header be fixed.

Very important point, the user would select an row and then, its changes
row's color (I use javascript to do this)

I have seen this references:

http://home.tampabay.rr.com/bmerkey/...olumn-csv.html
http://www.webdeveloper.com/forum/sh...d.php?t=108597

The trouble about this references, when the user select an row and changes
color of row, the header dissaparears !!!.

Any solution about this issue, now I'm crazy.

Thanks in advance. Any help will be appreciated, very grateful if any help.
Greetings
--
http://www.alhambra-eidos.es/web2005/index.html
www.kiquenet.net

"Manish Bafna" wrote:
Hi,
This link should help you:
http://www.dotnet247.com/247referenc...edHeader.shtml
--
If my answer helped you,then please do press Yes below.
Thanks and Regards.
Manish Bafna.
MCP and MCTS.

"Alhambra Eidos Kiquenet" wrote:
Hello misters,

I have an DAtalist that generates an html table with a header. There are
many rows, and I want that it appears scroll horizontal and vertical, and the
header be fixed.

Any help ? Thanks in advance.
--
http://www.alhambra-eidos.es/web2005/index.html
www.kiquenet.net
May 3 '07 #3
On May 3, 1:52 pm, Alhambra Eidos Kiquenet
<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Hello misters again,

Thanks mister Manish, for your answer, but I'm with the same problem. Repeat
my trouble:

I have an HTML table with a header.
There are many rows, and I want that it appears scroll horizontal and
vertical, and the header be fixed.

Very important point, the user would select an row and then, its changes
row's color (I use javascript to do this)

I have seen this references:

http://home.tampabay.rr.com/bmerkey/...d.php?t=108597

The trouble about this references, when the user select an row and changes
color of row, the header dissaparears !!!.

Any solution about this issue, now I'm crazy.
A solution about which issue? You referenced to an examples with the
fixed headers, but not with the code you used to select a row.

May 3 '07 #4
Sorry,

the javascript code for change color of row:

// Selecciona la fila y cambia el hidden del seleccionado
function SeleccionarFila(identificadorTarea, offset)
{
if( (identificadorSeleccionada != null) &&
(document.getElementById(identificadorSeleccionada ) != null) )
{
document.getElementById(identificadorSeleccionada) .className
= 'ItemStyle';
if(identificadorTarea == identificadorSeleccionada)
{
identificadorSeleccionada == null;
if(document.getElementById(HiddenSeleccionadoClien tID)
!= null)
{

document.getElementById(HiddenSeleccionadoClientID ).value = null;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = null;

}
return;
}
}
document.getElementById(identificadorTarea).classN ame =
'SelectedItemStyle';
identificadorSeleccionada = identificadorTarea;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value =
identificadorTarea;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = offset;
}
}
May 3 '07 #5
On May 3, 4:15 pm, Alhambra Eidos Kiquenet
<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Sorry,

the javascript code for change color of row:

// Selecciona la fila y cambia el hidden del seleccionado
function SeleccionarFila(identificadorTarea, offset)
{
if( (identificadorSeleccionada != null) &&
(document.getElementById(identificadorSeleccionada ) != null) )
{
document.getElementById(identificadorSeleccionada) .className
= 'ItemStyle';
if(identificadorTarea == identificadorSeleccionada)
{
identificadorSeleccionada == null;
if(document.getElementById(HiddenSeleccionadoClien tID)
!= null)
{

document.getElementById(HiddenSeleccionadoClientID ).value = null;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = null;

}
return;
}
}
document.getElementById(identificadorTarea).classN ame =
'SelectedItemStyle';
identificadorSeleccionada = identificadorTarea;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value =
identificadorTarea;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = offset;
}
}
Hi... how do you call that function?
>Very important point, the user would select an row and then, its changes
row's color (I use javascript to do this)
I see that in your js-function you are doing much more than just
changing a color. What exactly do you need once the row is clicked?

May 3 '07 #6

Hi,

I call my function like this

<tr ... onclick="SeleccionarFila(12034, 0)" ...

the function SeleccionarFila does the following:

- change the color of row (selected row)

- set values in input hidden. This values are codes (id of row and another
value)

Any problem with the code ?? Only put values in hidden ...and changes color
with className attribute..

Thanks...

"Alexey Smirnov" wrote:
On May 3, 4:15 pm, Alhambra Eidos Kiquenet
<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Sorry,

the javascript code for change color of row:

// Selecciona la fila y cambia el hidden del seleccionado
function SeleccionarFila(identificadorTarea, offset)
{
if( (identificadorSeleccionada != null) &&
(document.getElementById(identificadorSeleccionada ) != null) )
{
document.getElementById(identificadorSeleccionada) .className
= 'ItemStyle';
if(identificadorTarea == identificadorSeleccionada)
{
identificadorSeleccionada == null;
if(document.getElementById(HiddenSeleccionadoClien tID)
!= null)
{

document.getElementById(HiddenSeleccionadoClientID ).value = null;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = null;

}
return;
}
}
document.getElementById(identificadorTarea).classN ame =
'SelectedItemStyle';
identificadorSeleccionada = identificadorTarea;
if(document.getElementById(HiddenSeleccionadoClien tID) != null)
{
document.getElementById(HiddenSeleccionadoClientID ).value =
identificadorTarea;

document.getElementById(HiddenSeleccionadoOffsetCl ientID).value = offset;
}
}

Hi... how do you call that function?
Very important point, the user would select an row and then, its changes
row's color (I use javascript to do this)

I see that in your js-function you are doing much more than just
changing a color. What exactly do you need once the row is clicked?

May 3 '07 #7
On May 3, 6:27 pm, Alhambra Eidos Kiquenet
<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Hi,

I call my function like this

<tr ... onclick="SeleccionarFila(12034, 0)" ...

the function SeleccionarFila does the following:

- change the color of row (selected row)

- set values in input hidden. This values are codes (id of row and another
value)

Any problem with the code ?? Only put values in hidden ...and changes color
with className attribute..
Well, I prefer to use something simple, as an example at the following
tutorial

http://www.rgagnon.com/jsdetails/js-0093.html

You don't need any offset, etc. and I hope it will work better.

May 3 '07 #8
<!--display header here-->
<div style="width: 800px; height: 400px; overflow : auto">
<!--display data here-->
</div>

Change the width and height to whatever floats your boat.

Derek

On May 3, 1:49 pm, Alexey Smirnov <alexey.smir...@gmail.comwrote:
On May 3, 6:27 pm, Alhambra Eidos Kiquenet

<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Hi,
I call my function like this
<tr ... onclick="SeleccionarFila(12034, 0)" ...
the function SeleccionarFila does the following:
- change the color of row (selected row)
- set values in input hidden. This values are codes (id of row and another
value)
Any problem with the code ?? Only put values in hidden ...and changes color
with className attribute..

Well, I prefer to use something simple, as an example at the following
tutorial

http://www.rgagnon.com/jsdetails/js-0093.html

You don't need any offset, etc. and I hope it will work better.- Hide quoted text -

- Show quoted text -

May 3 '07 #9
Thanks, Derek. Have you any sample code about it ??

Regards.
<!--display header here-->
<div style="width: 800px; height: 400px; overflow : auto">
<!--display data here-->
</div>

Change the width and height to whatever floats your boat.
May 4 '07 #10
I thought you already had the data displaying on the page? Just make
two tables from your existing table (header and body). Place the
header table above the div and the body table inside the div. Your
clientside code should all still work.

On May 4, 1:08 am, Alhambra Eidos Kiquenet
<AlhambraEidosKique...@discussions.microsoft.comwr ote:
Thanks, Derek. Have you any sample code about it ??

Regards.
<!--display header here-->
<div style="width: 800px; height: 400px; overflow : auto">
<!--display data here-->
</div>
Change the width and height to whatever floats your boat.- Hide quoted text -

- Show quoted text -

May 4 '07 #11

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

17
by: Matt Kruse | last post by:
I'm looking for the best JS/CSS solution to add functionality to tables. The only browser which needs to be supported is IE5.5+, but no activeX can be used. to be able to do: - Fixed header row...
0
by: Lokkju | last post by:
I am pretty much lost here - I am trying to create a managed c++ wrapper for this dll, so that I can use it from c#/vb.net, however, it does not conform to any standard style of coding I have seen....
1
by: batista | last post by:
Hi there, I'm developing a website that is in 2 languages english and arabic. Now I wanted to have fixed header scrollable datagrid. For scrolling i found a solution which works fine. But for...
0
by: batista | last post by:
Hi there, I'm developing a website that is in 2 languages english and arabic. Now I wanted to have fixed header scrollable datagrid. For scrolling i found a solution which works fine. But...
14
by: Markus Olderdissen | last post by:
each web-page contains header and footer. if the web-page contains more then one page i want to print its header and footer to each page. but header is only printed on first page and footer on last...
2
by: dfdavis.mtu | last post by:
I have a table that I dynamically fill with data from a database for medical companies to be able to determine if their patients meet certain criteria. However they want a fixed header for it so...
2
by: =?Utf-8?B?QWxoYW1icmEgRWlkb3MgS2lxdWVuZXQ=?= | last post by:
Hello misters, In another post of the news, mister Manish Bafna, give me a reference: ...
15
by: daniel2335 | last post by:
Hello people, I could do with a little help.. I have been piecing some code together to make a table with a fixed header and that has light up rows. I thought id got it but I notice when i scroll...
1
by: mb | last post by:
I know this sounds strange, but I have set up a dataview with a fixed header, so the header does not scroll up with the rows of data. However, I need the header to scroll horizontally (not...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.