473,385 Members | 1,409 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,385 software developers and data experts.

live hyperlinks and Tabular Data Control (tdc) that ships with IE4.0.

can anyone add live hyperlinks to the sortable table made by the code
supplied by Machi, or know of a simple alternative
bob
Machi wrote Mar 10 1999, 8:00 am
>>>>>>>>>>

....
Hello Harjinder!
Not sure if you had this in mind or not. This is an example of
data binding and sorting using the Tabular Data Control (tdc)
that ships with IE. Please note that this will only work with IE.
Copy each section. Save the first with any name you like, but you
must save the second section (the comma delimited list) as
"docList.txt" because it's the source of the data and that name
is coded into the .html page.
--CUT 'N PASTE HTML--
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<!-- The following is the Tabular Data Control (tdc) that ships
with IE4.0. As such this will only work with IE4.0
-->
<OBJECT id="docList"
classid="clsid:333C7BC4-460F-1*1D0-BC04-0080C7055A83"
align="baseline" border="0" width="0" height="0">
<param name="DataURL" value="docList.txt">
<param name="UseHeader" value="True">
</OBJECT>
<!-- Define your table and dynamically fill the cells with the
items from the "DataURL" source, here "docList.txt"
-->
<TABLE border="1" id="tblDoc" datasrc="#docList">
<THEAD> <TR>
<TD><DIV id=docName><button
style="width:120;">Name</butto*n></DIV></TD>
<TD><DIV id=docDate><button
style="width:120;">Date</butto*n></DIV></TD>
<TD><DIV id=docSize><button style="width:120;">Size
(kb)</button></DIV></TD>
</TR>
</THEAD><TBODY> <TR>
<TD align=right><SPAN DATAFLD="docName"></SPAN></TD>
<TD align=right><DIV DATAFLD="docDate"></DIV></TD>
<TD align=right><SPAN DATAFLD="docSize"></SPAN></TD>
</tr>
</TBODY></TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Functions for sorting the columns -->
function srtName() {
docList.SortColumn = "docName";
docList.Reset();
}
docName.onclick = srtName;
function srtDate() {
docList.SortColumn = "docDate";
docList.Reset();

}
docDate.onclick = srtDate;
function srtSize() {
docList.SortColumn = "docSize";
docList.Reset();

}
docSize.onclick = srtSize;
</SCRIPT>
</BODY>
</HTML>
-- END HTML--

---CUT 'N PASTE TEXT--
docName:STRING,docDate:DATE,do*cSize:INT
index.html,03/01/1999,36
toc.html,11/20/1998,51
help.html,11/21/1998,24
source.html,10/15/1998,32
myStyle.css,12/16/1998,20
funct.js,01/16/1999,10
ie.js,02/16/1999,5
ns.js,02/17/1999,4
nav.gif,09/14/1997,22
rArrow.gif,03/12/1997,31
lArrow.gif,03/13/1997,34
--END OF TEXT FILE--
HTH
-Machi
<<<<<<<<<<<<<<<<<<<<<<<<

Jul 23 '05 #1
4 2166
No, not in Javascipt

bo*******@ukonline.co.uk wrote:
can anyone add live hyperlinks to the sortable table made by the code
supplied by Machi, or know of a simple alternative
bob
Machi wrote Mar 10 1999, 8:00 am
>>>>>>>>>>>

...
Hello Harjinder!
Not sure if you had this in mind or not. This is an example of
data binding and sorting using the Tabular Data Control (tdc)
that ships with IE. Please note that this will only work with IE.
Copy each section. Save the first with any name you like, but you
must save the second section (the comma delimited list) as
"docList.txt" because it's the source of the data and that name
is coded into the .html page.
--CUT 'N PASTE HTML--
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<!-- The following is the Tabular Data Control (tdc) that ships
with IE4.0. As such this will only work with IE4.0
-->
<OBJECT id="docList"
classid="clsid:333C7BC4-460F-1*1D0-BC04-0080C7055A83"
align="baseline" border="0" width="0" height="0">
<param name="DataURL" value="docList.txt">
<param name="UseHeader" value="True">
</OBJECT>
<!-- Define your table and dynamically fill the cells with the
items from the "DataURL" source, here "docList.txt"
-->
<TABLE border="1" id="tblDoc" datasrc="#docList">
<THEAD> <TR>
<TD><DIV id=docName><button
style="width:120;">Name</butto*n></DIV></TD>
<TD><DIV id=docDate><button
style="width:120;">Date</butto*n></DIV></TD>
<TD><DIV id=docSize><button style="width:120;">Size
(kb)</button></DIV></TD>
</TR>
</THEAD><TBODY> <TR>
<TD align=right><SPAN DATAFLD="docName"></SPAN></TD>
<TD align=right><DIV DATAFLD="docDate"></DIV></TD>
<TD align=right><SPAN DATAFLD="docSize"></SPAN></TD>
</tr>
</TBODY></TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Functions for sorting the columns -->
function srtName() {
docList.SortColumn = "docName";
docList.Reset();
}
docName.onclick = srtName;
function srtDate() {
docList.SortColumn = "docDate";
docList.Reset();

}
docDate.onclick = srtDate;
function srtSize() {
docList.SortColumn = "docSize";
docList.Reset();

}
docSize.onclick = srtSize;
</SCRIPT>
</BODY>
</HTML>
-- END HTML--

---CUT 'N PASTE TEXT--
docName:STRING,docDate:DATE,do*cSize:INT
index.html,03/01/1999,36
toc.html,11/20/1998,51
help.html,11/21/1998,24
source.html,10/15/1998,32
myStyle.css,12/16/1998,20
funct.js,01/16/1999,10
ie.js,02/16/1999,5
ns.js,02/17/1999,4
nav.gif,09/14/1997,22
rArrow.gif,03/12/1997,31
lArrow.gif,03/13/1997,34
--END OF TEXT FILE--


HTH
-Machi
<<<<<<<<<<<<<<<<<<<<<<<<


Jul 23 '05 #2
Bob,

You don't have to use a data-bound table - you can just reconstruct
the HTML for the table by getting the cell values from the DSO. Then
you can add whatever formatting (links etc) you want to.

or...

Let the data-bound table refresh on sort, and then update the contents
to include the links you want.

Tim.
bo*******@ukonline.co.uk wrote:
can anyone add live hyperlinks to the sortable table made by the
code
supplied by Machi, or know of a simple alternative
bob
Machi wrote Mar 10 1999, 8:00 am
>>>>>>>>>>>

...
Hello Harjinder!
Not sure if you had this in mind or not. This is an example of
data binding and sorting using the Tabular Data Control (tdc)
that ships with IE. Please note that this will only work with IE.
Copy each section. Save the first with any name you like, but you
must save the second section (the comma delimited list) as
"docList.txt" because it's the source of the data and that name
is coded into the .html page.
--CUT 'N PASTE HTML--
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<!-- The following is the Tabular Data Control (tdc) that ships
with IE4.0. As such this will only work with IE4.0
-->
<OBJECT id="docList"
classid="clsid:333C7BC4-460F-1*1D0-BC04-0080C7055A83"
align="baseline" border="0" width="0" height="0">
<param name="DataURL" value="docList.txt">
<param name="UseHeader" value="True">
</OBJECT>
<!-- Define your table and dynamically fill the cells with the
items from the "DataURL" source, here "docList.txt"
-->
<TABLE border="1" id="tblDoc" datasrc="#docList">
<THEAD> <TR>
<TD><DIV id=docName><button
style="width:120;">Name</butto*n></DIV></TD>
<TD><DIV id=docDate><button
style="width:120;">Date</butto*n></DIV></TD>
<TD><DIV id=docSize><button style="width:120;">Size
(kb)</button></DIV></TD>
</TR>
</THEAD><TBODY> <TR>
<TD align=right><SPAN DATAFLD="docName"></SPAN></TD>
<TD align=right><DIV DATAFLD="docDate"></DIV></TD>
<TD align=right><SPAN DATAFLD="docSize"></SPAN></TD>
</tr>
</TBODY></TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Functions for sorting the columns -->
function srtName() {
docList.SortColumn = "docName";
docList.Reset();
}
docName.onclick = srtName;
function srtDate() {
docList.SortColumn = "docDate";
docList.Reset();

}
docDate.onclick = srtDate;
function srtSize() {
docList.SortColumn = "docSize";
docList.Reset();

}
docSize.onclick = srtSize;
</SCRIPT>
</BODY>
</HTML>
-- END HTML--

---CUT 'N PASTE TEXT--
docName:STRING,docDate:DATE,do*cSize:INT
index.html,03/01/1999,36
toc.html,11/20/1998,51
help.html,11/21/1998,24
source.html,10/15/1998,32
myStyle.css,12/16/1998,20
funct.js,01/16/1999,10
ie.js,02/16/1999,5
ns.js,02/17/1999,4
nav.gif,09/14/1997,22
rArrow.gif,03/12/1997,31
lArrow.gif,03/13/1997,34
--END OF TEXT FILE--
HTH
-Machi
<<<<<<<<<<<<<<<<<<<<<<<<

Jul 23 '05 #3
hi Tim,
can you speak dumbo?
what is DSO?

my attempt borrowing code from:
http://www.ncat.edu/~esterlin/c600s01/Notes/Ch18.pdf.

was simply to add links to DBPublications1.txt

content of DBPublications1.txt :
@Title@| @Authors@|@Copyright@|@Edition@|@Type@
@50525 173201@|@ISP@|@mail@|@ <a href="Http://ukonline.co.uk">ukol</a>
@|@Example:.@
@50526 152934@|@D,D@|@xxxx@|@<a
href="http://www.wlv.ac.uk/~a9722107">WHampton</a>@|@note@
@C++ HtP@|@D,D@|@1994@|@ http://ukonline.co.uk @|@BK@
@C++ HtP@|@D,D@|@1998@|@2@|@BK@
@Java HtP@|@D,D@|@1997@|@1@|@BK@
and hope the following would show live links:

<HTML><HEAD><TITLE> Sorting and Filtering</TITLE>

<OBJECT ID = "Publications"
CLASSID = "CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
<PARAM NAME = "DataURL" VALUE = "DBPublications1.txt">
<PARAM NAME = "UseHeader" VALUE = "TRUE">
<PARAM NAME = "TextQualifier" VALUE = "@">
<PARAM NAME = "FieldDelim" VALUE = "|">
<PARAM NAME = "Sort" VALUE = "+Title">
</OBJECT>

<STYLE>
A { font-size: 9pt; text-decoration: underline; cursor: hand; color:
blue }
CAPTION { cursor: hand; }
SPAN { cursor: hand; }
</STYLE>

<SCRIPT LANGUAGE = "JavaScript">
var sortOrder; function reSort( column, order )
{if ( order ) sortOrder = ""; else sortOrder = "-";
if ( event.ctrlKey )
{Publications.Sort += "; " + sortOrder + column;
Publications.Reset(); }
else
{Publications.Sort = sortOrder + column;
Publications.Reset(); }
spanSort.innerText = "Current sort: " + Publications.Sort; }

function filter( filterText, filterColumn )
{Publications.Filter = filterColumn+ "=" + filterText;
Publications.Reset();
spanFilter.innerText = "Current filter: " + Publications.Filter; }

function clearAll()
{Publications.Sort = " ";
spanSort.innerText = "Current sort: None";
Publications.Filter = " ";
spanFilter.innerText = "Current filter: None";
Publications.Reset(); }

</SCRIPT> </HEAD>

<BODY>
<H1>Advanced Sorting</H1>
Click on the link next to a column head to sort by that column.
To sort by more than one column at a time, hold down CTRL
while you click another sorting link. Click on any cell to filter
by the data of that cell. To clear filters and sorts, click on the
green caption bar.
<a href="Http://ukonline.co.uk">ukonline>ukol</a>
<TABLE DATASRC = "#Publications"
BORDER = 1 CELLSPACING = 0 CELLPADDING = 2
STYLE = "background-color: papayawhip;">
<CAPTION STYLE = "background-color: lightgreen; padding: 5"
ONCLICK = "clearAll()">
<SPAN ID = "spanFilter"
STYLE = "font-weight: bold; background-color: lavender"> Current
filter: None</SPAN>
<SPAN ID = "spanSort"
STYLE = "font-weight: bold; background-color: khaki"> Current sort:
None </SPAN>
</CAPTION>

<THEAD> <TR> <TH>Title <BR>
(<A ONCLICK = "reSort( 'Title', true )"> Ascending</A>
<A ONCLICK = "reSort( 'Title', false )"> Descending</A>)
</TH>
<TH>Authors <BR>
(<A ONCLICK = "reSort( 'Authors', true )"> Ascending</A>
<A ONCLICK = "reSort( 'Authors', false )"> Descending</A>)
</TH>
<TH>Copyright <BR>
(<A ONCLICK = "reSort( 'Copyright', true )"> Ascending</A>
<A ONCLICK = "reSort( 'Copyright', false )"> Descending</A>)
</TH>
<TH>Edition <BR>
(<A ONCLICK = "reSort( 'Edition', true )"> Ascending</A>
<A ONCLICK = "reSort( 'Edition', false )"> Descending</A>)
</TH>
<TH>Type <BR>
(<A ONCLICK = "reSort( 'Type', true )"> Ascending</A>
<A ONCLICK = "reSort( 'Type', false )"> Descending</A>)
</TH> </TR>
</THEAD>

<TR>
<TD><SPAN DATAFLD = "Title"
ONCLICK = "filter( this.innerText, 'Title' )"> </SPAN></A> </TD>
<TD><SPAN DATAFLD = "Authors"
ONCLICK = "filter( this.innerText, 'Authors')"> </SPAN> </TD>
<TD><SPAN DATAFLD = "Copyright"
ONCLICK = "filter( this.innerText, 'Copyright' )"> </SPAN> </TD>
<TD><SPAN DATAFLD = "Edition"
ONCLICK = "filter( this.innerText, 'Edition' )"> </SPAN> </TD>
<TD><SPAN DATAFLD = "Type"
ONCLICK = "filter( this.innerText, 'Type' )"> </SPAN> </TD>
</TR>
</TABLE>
</BODY>
</HTML>

the links appear but simply as text
thanks for your tips but im too green to follow them

bob
Tim Williams wrote:
Bob,

You don't have to use a data-bound table - you can just reconstruct
the HTML for the table by getting the cell values from the DSO. Then
you can add whatever formatting (links etc) you want to.

or...

Let the data-bound table refresh on sort, and then update the contents
to include the links you want.

Tim.


Jul 23 '05 #4
Tim

if I
reconstruct the HTML for the table by getting the cell values from the DSO.
<<
would i still have sortability

its not to clear to me why to
Let the data-bound table refresh on sort, and then update the contents

to include the links <<<
will make the links active
thankyou

bob

Jul 23 '05 #5

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

Similar topics

1
by: James Broome | last post by:
Hello, I am using the TDC Active X object to display a results set from a txt file. I have a simple search form which builds up a filter string before the tdc control is reset. e.g. var...
10
by: Imran | last post by:
Hi, I am attempting to create a CSS-driven website, in that I want to be able to control the display/content from the CSS file. I do not want to use tables. On a page, I have a background...
6
by: Colleyville Alan | last post by:
I have an application that has an Access table that stores the locations of slides in a Powerpoint file. This used to work fine when there were about 4 files and 200 slides. The database would...
1
by: Don | last post by:
In my code I'm dynamically creating a GridView control and binding it to a DataView object that I create form a DataSet that I get from a web service call. It seems that no matter what I do I can...
1
by: rcoco | last post by:
Hi all, I have this big problem with hyperlinks I would appriciate any help please. My web site has two datagrids on the same page. And one has a list of names of the users which are in form of...
38
by: Sanders Kaufman | last post by:
I'm converting my table-based layouts to css-positioned divs - but the ONLY reason I'm doing it is because it's *considered* a best practice. I don't really see where anything goes hinky when...
1
by: sheldonlg | last post by:
I have inherited code with a TDC control. In this file, there are two javascripts of interest. One of these is a function, filter(), which is inside <script language=javascript></script>. The...
1
by: LBLB | last post by:
In terms of processing speed, what is the best method for displaying tabular data from a database in a Windows forms C# app? We generally use data grids (Infragistics WinGrid), but have an instance...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
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:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.