Given some recent success on a simple form validation (mainly due to
the kind folks in this forum), I've tried to tackle something a bit
more difficult. I'm pulling data down from a database and populating a
simple table. I'd like the table to contain 10 entries per page and
have the option for the user to scroll through the pages of data
without having to go back to refresh the page (I've already pulled all
the info I need from the database). So, I've taken a stab at it and
this is probably not the best way to do it (so if you have a better
idea I'm open), but I think it will work. Right now I'm encountering
an 'Object Expected' error and I don't know how to interpret what it's
telling me.
Here's an isolated example of the code that I've been playing with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr>
<td width="100%" style="padding: 2px;">
<div id="panel"></div>
<script type="text/javascript">
//<![CDATA[
var dataArray = new Array();
var panel = document.getEle mentById('panel ');
dataArray[0] = "<tr valign=\"top\" class=\"rowOff\ "
onMouseOver=\"t his.className=' rowOn'\"
onMouseOut=\"th is.className='r owOff'\"><td class=\"grid\"
align=\"center\ "><a class=\"inlineA ctionLink\"
href=\"detailin fo.php?MlsNum=5 31245&nomap=tru e\" title=\"Unable to
locate on map\">Details</a></td><td class=\"tableCo ntent\"
align=\"right\" >129,900</td><td class=\"tableCo ntent\"
align=\"center\ ">3</td><td class=\"tableCo ntent\"
align=\"center\ ">3</td><td class=\"tableCo ntent\"
align=\"center\ ">1,720</td></tr>";
dataArray[1] = "<tr valign=\"top\" class=\"rowOff\ "
onMouseOver=\"t his.className=' rowOn'\"
onMouseOut=\"th is.className='r owOff'\"><td class=\"grid\"
align=\"center\ "><a class=\"inlineA ctionLink\"
href=\"detailin fo.php?MlsNum=5 13195&nomap=tru e\" title=\"Unable to
locate on map\">Details</a></td><td class=\"tableCo ntent\"
align=\"right\" >124,500</td><td class=\"tableCo ntent\"
align=\"center\ ">4</td><td class=\"tableCo ntent\"
align=\"center\ ">3</td><td class=\"tableCo ntent\"
align=\"center\ ">1,528</td></tr>";
panel.innerHTML = "<table border=\"0\" cellpadding=\"2 \"
cellspacing=\"1 \" width=\"100%\" class=\"tableGr idList\"><tr><t d
class=\"colHead \" align=\"center\ "> </td><td class=\"colHead \"
align=\"center\ ">Price</td><td class=\"colHead \"
align=\"center\ ">Beds</td><td class=\"colHead \"
align=\"center\ ">Baths</td><td class=\"colHead \"
align=\"center\ ">SqFt.</td></tr>";
panel.innerHTML += dataArray[0];
panel.innerHTML +="</table>";
//]]
function changePage(inde x) {
panel.innerHTML = "<table border=\"0\" cellpadding=\"2 \"
cellspacing=\"1 \" width=\"100%\" class=\"tableGr idList\"><tr><t d
class=\"colHead \" align=\"center\ "> </td><td class=\"colHead \"
align=\"center\ ">Price</td><td class=\"colHead \"
align=\"center\ ">Beds</td><td class=\"colHead \"
align=\"center\ ">Baths</td><td class=\"colHead \"
align=\"center\ ">SqFt.</td></tr>";
panel.innerHTML += dataArray[index];
panel.innerHTML += "</table">;
}
</script>
</td>
</tr>
<tr>
<td><a href="#" onClick="javasc ript:changePage (0);">1</a> | <a
href="#" onClick="javasc ript:changePage (1);">2</a></td>
</tr>
</table>
</body>
</html>
Oct 16 '05
31  4156 
One thing I read online is that the support of the tbody tag is not
cross-browser friendly. That worries me... any idea of the browsers
that do not support or render tbody appropriatly?
I took what Rob put together and added some more rows to the tables.
One question, if I have a table of 3 rows and only 4 results, can I
shrink the second page (the display with only one row) to display
appropriatly? I get "undefined" results otherwise.
Here's an example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> dataTable.htm</title>
<script type="text/javascript">
var dataArray = [
"531245^129,900 ^3^3^1,720^5312 46^130,900^3^3^ 1,800"
+ "^531246^150,10 0^3^2^1,910",
"513195^124,500 ^4^3^1,528"
];
var dataTable = [
"<table border='1' cellpadding='2' cellspacing='1' "
+ "width='100 %' class='tableGri dList'>",
"<tr>",
" <td class='colHead' align='center'> </td>",
" <td class='colHead' align='center'> Price</td>",
" <td class='colHead' align='center'> Beds</td>",
" <td class='colHead' align='center'> Baths</td>",
" <td class='colHead' align='center'> SqFt.</td>",
"</tr>",
"<tr valign='top' class='rowOff' onMouseOver='th is.className="
+ "\"rowOn\"' onMouseOut='thi s.className=\"r owOff\"'>",
" <td class='grid' align='center'> <a class='inlineAc tionLink'"
+ "href='detailin fo.php?MlsNum=# 0&nomap=true' "
+ "title='Una ble to locate on map'>Details</a></td>",
" <td class='tableCon tent' align='right'>$ #1</td>",
" <td class='tableCon tent' align='center'> #2</td>",
" <td class='tableCon tent' align='center'> #3</td>",
" <td class='tableCon tent' align='center'> #4</td>",
"</tr>",
"<tr valign='top' class='rowOff' onMouseOver='th is.className="
+ "\"rowOn\"' onMouseOut='thi s.className=\"r owOff\"'>",
" <td class='grid' align='center'> <a class='inlineAc tionLink'"
+ "href='detailin fo.php?MlsNum=# 5&nomap=true' "
+ "title='Una ble to locate on map'>Details</a></td>",
" <td class='tableCon tent' align='right'>$ #6</td>",
" <td class='tableCon tent' align='center'> #7</td>",
" <td class='tableCon tent' align='center'> #8</td>",
" <td class='tableCon tent' align='center'> #9</td>",
"</tr>",
"<tr valign='top' class='rowOff' onMouseOver='th is.className="
+ "\"rowOn\"' onMouseOut='thi s.className=\"r owOff\"'>",
" <td class='grid' align='center'> <a class='inlineAc tionLink'"
+ "href='detailin fo.php?MlsNum=# 10&nomap=true' "
+ "title='Una ble to locate on map'>Details</a></td>",
" <td class='tableCon tent' align='right'>$ #11</td>",
" <td class='tableCon tent' align='center'> #12</td>",
" <td class='tableCon tent' align='center'> #13</td>",
" <td class='tableCon tent' align='center'> #14</td>",
"</tr>",
"</table>"
];
function changePage(inde x) {
var dataBuild = "";
for (var i=0; i<dataTable.len gth; i++) {
dataBuild += dataTable[i];
}
var dataValue = dataArray[index].split("^");
for (var j=0; j<dataArray[index].length; j++) {
dataBuild = dataBuild.repla ce("#"+j,dataVa lue[j]);
}
document.getEle mentById("panel ").innerHTM L = dataBuild;
}
</script>
</head>
<body onload="changeP age(0)">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr>
<td width="100%" style="padding: 2px;">
<div id="panel"></div>
</td>
</tr>
<tr>
<td>
<a href="#" onClick="javasc ript:changePage (0);">1</a> |
<a href="#" onClick="javasc ript:changePage (1);">2</a>
</td>
</tr>
</table>
</body>
</html>
Also. Dr. Stockton - If you are prepared to assume that your page will only be used by
"DocDom" browsers, DynWrite could be much simplified (and it would be
well if the FAQ were to show that). However, it is still IMHO highly
beneficial to code dynamic writing like DynWrite("aID", Str) ,
however simple DynWrite becomes, for reasons of legibility.
I'm not following at all... can you dumb what you're saying down for me?
Greg Scharlemann wrote: One thing I read online is that the support of the tbody tag is not
cross-browser friendly. That worries me... any idea of the browsers
that do not support or render tbody appropriatly?
It's preferred that you quote what you are replying to. You appear to be
using Google group's web interface. To quote what you are replying to,
don't use the 'reply' link at the bottom of the post. Click the 'show
options' link, then use the 'reply' link at the top of the message.
Support for the tbody tag is a requirement of HTML 4.01 (I'd guess that
it's been around since HTML 1 but I don't care to check). Any browser
that doesn't support is is not worth considering.
I think the issue you are referring to is in regard to the tbody element
and adding table rows in IE using DOM methods.
According to the HTML 4 specification, the tbody *tag* is optional, but
the tbody *element* is not. If the HTML source has a table with no
tbody tags, browsers will insert a tbody element where they feel it is
appropriate - the tbody element will exist whether the tags do or not.
When adding rows to a table using DOM, IE requires that you add the new
row to the tbody element, not the table element. Most other browsers
are happy to add the row to the table. It could well be argued that IE
is more 'correct' here, but the point is moot.
The situation is possibly muddied by the fact that the rows collection
is a property of the table object. It could be argued that the the
table should have a tbodies (tbodys?) collection, and the rows
collection should be a property of a tbody - but I don't like the
chances of that being adopted. :-)
There are a number of solutions:
1. Add new rows based on a reference to an existing row, e.g.
existingRow.par entNode.appendC hild(newRow);
Here existingRow.par entNode will refer to the (probably not in the
source code) tbody element
2. Use a reference to the tbody to start with.
3. Use the table's insertRow method:
<URL:http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-39872903>
--
Rob
"Greg Scharlemann" <gr************ **@gmail.com> wrote in message
news:11******** **************@ g47g2000cwa.goo glegroups.com.. . I took what Rob put together and added some more rows to the tables.
One question, if I have a table of 3 rows and only 4 results, can I
shrink the second page (the display with only one row) to display
appropriatly? I get "undefined" results otherwise.
" <td class='tableCon tent' align='right'>$ #1</td>",
" <td class='tableCon tent' align='right'>$ #11</td>",
" <td class='tableCon tent' align='center'> #12</td>",
" <td class='tableCon tent' align='center'> #13</td>",
" <td class='tableCon tent' align='center'> #14</td>",
dataBuild = dataBuild.repla ce("#"+j,dataVa lue[j]);
If you have more than 9 replacements then it's easiest to
use 3 digits; because "#1" is found in "#11".
Thus,
" <td class='tableCon tent' align='right'>$ #1</td>",
should be
" <td class='tableCon tent' align='right'>$ #101</td>",
and change
dataBuild = dataBuild.repla ce("#"+j,dataVa lue[j]);
to
dataBuild = dataBuild.repla ce("#"+(100+j), dataValue[j]);
Greg Scharlemann wrote: I took what Rob put together and added some more rows to the tables.
Not much of it.
One question, if I have a table of 3 rows and only 4 results, can I
shrink the second page (the display with only one row) to display
appropriatly? I get "undefined" results otherwise.
Here's an example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> dataTable.htm</title>
<script type="text/javascript">
var dataArray = [
"531245^129,900 ^3^3^1,720^5312 46^130,900^3^3^ 1,800"
+ "^531246^150,10 0^3^2^1,910",
"513195^124,500 ^4^3^1,528"
];
Your data would be much better expressed as an array of arrays:
var dataArray =
[
['531245','129,9 00','3','3','1, 720'],
['531246','130,9 00','3','3','1, 800'],
['531246','150,1 00','3','2','1, 910'],
['513195','124,5 00','4','3','1, 528']
];
Now each value in the array is specified explicitly and you aren't
hoping one of your values contains a '^' character that will mess up
your later use of split().
var dataTable = [
"<table border='1' cellpadding='2' cellspacing='1' "
[...]
The use of an array here does not use any of the benefits of an array,
you may as well just concatenate the string. But why not use a loop to
build the rows based on the data that is needed?
"</tr>",
"</table>"
];
function changePage(inde x) {
var dataBuild = "";
for (var i=0; i<dataTable.len gth; i++) {
dataBuild += dataTable[i];
}
This simply concatenates the array, it can be replaced with:
var dataBuild = dataTable.join( '');
var dataValue = dataArray[index].split("^");
for (var j=0; j<dataArray[index].length; j++) {
dataBuild = dataBuild.repla ce("#"+j,dataVa lue[j]);
}
Here the weakness of your method is demonstrated. Having constructed a
large string of dummy values, you now have to replace them with the real
ones using a series of regular expressions, the effect of which is to
garble the table content. It may also put something into the string
that is interpreted as HTML - results may be unpredictable.
Insert the correct values as you create the table and ensure that they
can't be misinterpreted as markup. Use a for or while loop to build the
string for each row, then you can write as many/few as you like.
You could also significantly reduce the amount of innerHTML if you make
better use of CSS = you could remove nearly all the class attributes.
document.getEle mentById("panel ").innerHTM L = dataBuild;
[...]
Also. Dr. Stockton -
If you are prepared to assume that your page will only be used by
"DocDom" browsers, DynWrite could be much simplified (and it would be
well if the FAQ were to show that). However, it is still IMHO highly
beneficial to code dynamic writing like DynWrite("aID", Str) ,
however simple DynWrite becomes, for reasons of legibility.
I'm not following at all... can you dumb what you're saying down for me?
Read the FAQ.
Below is a version of your script using innerHTML. I still think it's
better to simply replace the content of the cells rather than writing
the entire table each time, but there you go. You can just add more
rows to the data array and add more 'changePage()' links to extend the
table. Modifying the call will change how many rows are displayed.
A better version would use 'previous' and 'next' links that didn't need
hard-coded values - I'll leave that up to you. I prefer to use double
quotes in HTML and single in script, so I've modified that.
I have not fixed your (numerous) XHTML validation errors.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> dataTable.htm</title>
<script type="text/javascript">
var dataArray =
[
['531245','129,9 00','3','3','1, 720'],
['531246','130,9 00','3','3','1, 800'],
['531246','150,1 00','3','2','1, 910'],
['513195','124,5 00','4','3','1, 528']
];
function buildRow(dArray , idx)
{
var dat = dArray[idx];
var s =
// TR tag
'<tr valign="top" class="rowOff" onMouseOver="'
+ 'this.className =\'rowOn\'" onMouseOut="'
+ 'this.className =\'rowOff\'">'
// 1st td tag
+ '<td class="grid" align="center"> <a class="inlineAc tionLink"'
+ 'href="detailin fo.php?MlsNum='
+ dat[0] + '#0&nomap=true" '
+ 'title="Unable to locate on map">Details</a></td>';
// Next 4 td tags
for (var i=1, num=dat.length; i<num; ++i){
s += '<td class="tableCon tent" align="right">'
+ dat[i] + '</td>';
}
// close TR tag
s += '</tr>';
return s;
}
function buildTable(star tIdx, num)
{
var s =
// Open table tags + add header
'<table border="1" cellpadding="2" cellspacing="1" '
+ 'width="100%" class="tableGri dList"><tr>'
+ '<td class="colHead" align="center"> </td>'
+ '<td class="colHead" align="center"> Price</td>'
+ '<td class="colHead" align="center"> Beds</td>'
+ '<td class="colHead" align="center"> Baths</td>'
+ '<td class="colHead" align="center"> SqFt.</td></tr>'
// Add as many rows as have been asked (if data exists)
for (var i=0; i<num; i++){
if (dataArray[+startIdx + i]) {
s += buildRow(dataAr ray, +startIdx+i);
}
}
// Close the table
s += '</table>';
return s;
}
// idx is the start index in teh data array
// num is how many rows to show
function changePage(idx, num)
{
var s = buildTable(idx, num);
document.getEle mentById("panel ").innerHTM L = s;
}
</script>
</head>
<body onload="changeP age(0, 3)">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tr>
<td width="100%" style="padding: 2px;">
<div id="panel"></div>
</td>
</tr>
<tr>
<td>
<a href="#" onclick="change Page(0,3);">1</a> |
<a href="#" onclick="change Page(3,3);">2</a>
</td>
</tr>
</table>
</body>
</html>
--
Rob
JRS: In article <11************ **********@g47g 2000cwa.googleg roups.com>
, dated Mon, 17 Oct 2005 14:29:21, seen in news:comp.lang. javascript,
Greg Scharlemann <gr************ **@gmail.com> posted :
Also. Dr. Stockton -
If you are prepared to assume that your page will only be used by
"DocDom" browsers, DynWrite could be much simplified (and it would be
well if the FAQ were to show that). However, it is still IMHO highly
beneficial to code dynamic writing like DynWrite("aID", Str) ,
however simple DynWrite becomes, for reasons of legibility.
I'm not following at all... can you dumb what you're saying down for me?
Have you, as advised, read FAQ 4.15 yet?
In the code of your previous article, var dataTable is used only as
input to dataBuild += dataTable[i] and is therefore pointless.
<URL:http://www.merlyn.demo n.co.uk/js-other.htm>
Your output table is two-dimensional; therefore, your data array should
be too; or higher for a pile of Tables.
var dataArray = [
[ // Table 0
["531245", "129,900", "3", "3", "1,720"], // Row 0
["531246", "130,900", "3", "3", "1,800"], // Row 1
["531246", "150,100", "3", "2", "1,910"] // Row 2
],
[ // Table 1
["513195", "124,500", "4", "3", "1,528"] // Row 0
]
]
Now in function changePage(inde x) {
you begin
var TblData = dataArray[index]
var HTML = "<table ...>"
then
for (R=0; T<TblData.lengt h; R++) {
var RowData = TblData[R]
var Ro = "<tr>"
for (C=0; C<RowData.lengt h; C++) {
var ColDatum = RowData[C]
....
Ro += "<td>" + ... + "\/td" }
HTML += Ro + "<\/tr>" }
HTML += "<\/table>"
DynWrite("panel ", HTML) }
Rather than those +=, you could first start var HTML = [], J = 0
then each time text is generated HTML[J++] = text
then DynWrite("panel ", HTML.join())
which may be more efficient.
You'll need to complicate it a bit for your different types of table
entry.
You won't need all those class parts if you precede the Table with a
style for <td>.
--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 IE 4 ©
<URL:http://www.jibbering.c om/faq/> JL/RC: FAQ of news:comp.lang. javascript
<URL:http://www.merlyn.demo n.co.uk/js-index.htm> jscr maths, dates, sources.
<URL:http://www.merlyn.demo n.co.uk/> TP/BP/Delphi/jscr/&c, FAQ items, links.
Greg Scharlemann wrote: Internet Explorer is giving me a Object Expected error on line 50:
<body onload="changeP age(0)">
What the heck is it looking for when it says Object Expected?
You get "Object Expected" errors in IE on several occasions, for example
here since a function cannot be called, i.e. the referred Function object
is was not declared, that is, it is *missing*. IE's error messages are
(like many M$ error msgs) seldom descriptive and thus almost never helpful
to the unexperienced[1]; use Moz/FF/Opera for JS debugging first.
PointedEars
___________
[1] There have been error messages reported saying *only*
"An error occured." (Yes, really? Tell me something I don't know!)
Thomas 'PointedEars' Lahn said the following on 10/18/2005 5:35 PM: Greg Scharlemann wrote:
Internet Explorer is giving me a Object Expected error on line 50:
<body onload="changeP age(0)">
What the heck is it looking for when it says Object Expected?
You get "Object Expected" errors in IE on several occasions, for example
here since a function cannot be called, i.e. the referred Function object
is was not declared, that is, it is *missing*. IE's error messages are
(like many M$ error msgs) seldom descriptive and thus almost never helpful
to the unexperienced[1]; use Moz/FF/Opera for JS debugging first.
It seems that your dislike for MS has clouded your view/objectivity of
error messages in other UA's.
The error messages in Firefox are utterly useless to the "inexperien ced"
person simply because it is not that easy to find.
Calling Microsoft "M$" does *not* do anything other than make you look bad.
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Randy Webb wrote on 19 okt 2005 in comp.lang.javas cript: Calling Microsoft "M$" does *not* do anything other than make you look
bad.
Why would that be?
I rather like it,
so you are not speaking for everybody, Randy.
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)
I'm starting to lean more towards the tbody example. I don't like the
idea of two or three dimensional arrays (mainly for debugging purposes)
and including all of that html in the javascript function. If I do use
the tbody example that Rob outlined below, is there a way to duplicate
these two javascript statements that I had on each <tr> element?
onMouseOver="th is.className='r owOn'"
onMouseOut="thi s.className='ro wOff'"
Thanks for all the help...Greg
RobG wrote: ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Table</title>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<style type="text/css">
#catalogue {
border-collapse: collapse;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}
#catalogue td, #catalogue th {
text-align: right;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
padding: 2px 5px 2px 5px;
}
#catalogue th {
width: 4em;
text-align: center;
}
#catalogue th:first-child, #catalogue td:first-child {
width: 5em;
text-align: left;
padding: 0 0px 0 5px;
}
.clickable {
cursor: pointer;
color: #2222ff;
text-decoration: underline;
}
#scriptLinks li {
display: inline;
list-style-type: none;
padding: 0 0 0 5px;
}
</style>
<script type="text/javascript">
var details0 = {
data0 : ['typeA','31,528 ','3','1','24'],
data1 : ['typeB','21,500 ','2','1','22'],
data2 : ['typeC','11,528 ','1','0','14']
};
var details1 = {
data0 : ['typeD','301,52 8','30','10','2 40'],
data1 : ['typeE','201,50 0','20','10','2 20'],
data2 : ['typeF','101,52 8','10','00','1 40']
};
function updateTable(id, dObj)
{
var tB = document.getEle mentById(id);
while (tB.firstChild) tB.removeChild( tB.firstChild);
var d, oR, oT, i=0, j, k;
while( (d = dObj['data' + i++]) ){
oR = document.create Element('tr');
for (j=0, k=d.length; j<k; j++){
oT = document.create Element('td');
oT.appendChild( document.create TextNode(d[j]));
if (!j) {
oT.onclick = showDetails;
oT.className = 'clickable';
}
oR.appendChild( oT);
}
tB.appendChild( oR);
}
}
function showDetails()
{
alert(this.firs tChild.data + ': some details');
}
</script>
</head>
<body onload="updateT able('catDetail s',details0);">
<table id="catalogue" >
<tbody id="catHead">
<tr>
<th> </th>
<th>Price</th>
<th>Beds</th>
<th>Baths</th>
<th>Size<br>(sq . ft)</th>
</tr>
</tbody>
<tbody id="catDetails" >
</tbody>
</table>
<ul id="scriptLinks ">
<li>Show:
<li><a href="page0.htm l" onclick="
updateTable('ca tDetails',detai ls0);
return false;
">Details 0</a>
<li><a href="page1.htm l" onclick="
updateTable('ca tDetails',detai ls1);
return false;
">Details 1</a>
</ul>
</body>
</html>
--
Rob This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: Ben |
last post by:
Hi,
One ASP.NET transactional page conducts a long transaction in a button
click function.
I want to display the transaction progress info in label control
without refreshing page.
It is because page refreshing will commit the transaction
automatically.
How to do it?
|
by: shoonya |
last post by:
can i change the url of any page from abc.php?foo=test1 --> abc.php?foo=test2
without refreshing the page?
shoonya
|
by: viral123 |
last post by:
Hi all
I have created one dropdown list box which contains all the employee name. By selecting the name from that list, it returns the details of that particular employee from the database.
It refreshes the page all the time when user selects the new employee. It is really very annoying when it refreshes the page without needed. I have to stop that happning.
does anyone know how to do dropdownlist selectchange event without refreshing...
|
by: madhu7sudan |
last post by:
hi
In a whole page i have one box and in that box there are many name ( like 1000) and i have display only 10 names and a link button more
if i press on that linkbutton it shold display the next 10 members without refreshing the page.
Could u plz tell me the answer its very urget!!!!!!!!!!!!!!!!
plz reply to this mail id
**** - email removed (against site rules)
|
by: cleary1981 |
last post by:
Hi, I am trying to improve the usabilty of an app I have written and it would be great if I could refresh the content of my select boxes without refreshing the whole page.
I am sure this could be done. perhaps using iFrames. Can anyone shed some light?
| | |
by: greggui9029 |
last post by:
Hi,
I have some querytables using OLE DB provider in Excel workbook. Is there any way to connect to the external data programmly without refreshing querytables? i.e. I don't want to refresh Excel cells. I only want to create connection to the OLE DB provider.
|
by: manuitpro |
last post by:
Hi All,
I have page with many tabs, in one of the tab i have a form (only a input box) and i want to show some output on the same tab view based on the user input. (bvy using php function)
I dont want to refresh the page becuase other tabs already has some outputs that i dont want to touch.
I know ajax is a solution for this, but i have gone through many ajax examples, it passes values to another page (.php). I dont want to do this...
|
by: athar258 |
last post by:
hi all,
I am developing a web application related to the share market, what i want to accomplish is that i want to present the user share market data that will be updated every 40 seconds. but i dont want a page refresh do do that, i wanna do it the way it happens on say facebook, in which the page is updated with new contents without refreshing the page.
somebody suggested me to use AJAX to do so. can anyone give me a starting point to...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
| | |
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
