473,556 Members | 2,427 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Javascript problem

Hello, can any body help me out..

I have some td element which have following ids
ctl1_lnkPrint
ctl2_lnkPrint
ctl3_lnkPrint
ctl4_lnkPrint
ctl5_lnkPrint
...
...
...

and i just know the "lnkPrint", so i have to use wildcard characters...
(something like *lnkPrint)

I want to trap all TD elements with the above sequence id from the html
document (using getElementbyID. ...) and replace those td element with
blank td element...

Can anybody give me javascript of above scenario....

Thanks in Advance
Meehir

Jul 23 '05 #1
4 2678
me********@gmai l.com wrote:
Hello, can any body help me out..

I have some td element which have following ids
ctl1_lnkPrint
ctl2_lnkPrint
ctl3_lnkPrint
ctl4_lnkPrint
ctl5_lnkPrint
..
..
..

and i just know the "lnkPrint", so i have to use wildcard characters...
(something like *lnkPrint)

I want to trap all TD elements with the above sequence id from the html
document (using getElementbyID. ...) and replace those td element with
blank td element...

Can anybody give me javascript of above scenario....

Thanks in Advance
Meehir

Meehir

Those Id's look very asp.net to me!

It's possible to write those Id's to a javascript var from your
codebehind. As this is a javascript group I will not go into too much
detail. As a side note this is one of the reasons i stopped using
asp.net.

----------------- C# CODE -----------------

string cJavascript = "var aIDs = [";

// at this point you need to cycle through your Serverside objects and
// using their .ClientID attrib build a string that represents a
// javascript array. i.e. "var cIDs = ['foo', 'bar'];"

// Then add it to the page
this.Page.Regis terClientScript Block("uniqueSe rverSideKey", "<script
type=\"text/javascript\">" + cJavascript + "</script>");

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

This will add the array to the page. So you could cycle through the
array to obtain your elemnts.

----------------- JS CODE -----------------

for( var i = 0; i < aIDs.length; i++ )
{
var eElement = document.getEle mentById(aIDs[i]);
}

-------------------------------------------
Having said that it is possible to obtain it them using just javascript.

If the containing table has an ID that you know you could use :

var etable = document.getEle mentsById("IdOf Table");
var aCells = etable.getEleme ntsByTagName("t d");

This will then return ALL the cells of the table that you can apply
logic to in order to ensure you have the correct elements and then to do
what you want with them.

HTH

Andy
Jul 23 '05 #2
Hi Andy,

I am not 100% satisfied with ur solution,
as i have mentioned that i dont know the exact id of td element.

I just know later part of id in advance (eg. lnkPrint of ctl2_lnkPrint)
and i want to scan the innerhtml part of some document through the loop
and find those td element with lnkPrint as suffix.

As I cant use server side code, so i dont take any benefit of ur
solution of C#.

Actual scenario is:
--------------------
i am navigating from page1 to page2, in page2 i am showing some html
section of page1 in page2 by
lblData.innerht ml = window.document .getelementbyid (id).innerhtml

But out of this html, i dont want to display some td element with
lnkPrint as suffix.

For that, i want to scan the innerhtml part of that document through a
loop and find those td element with lnkPrint as suffix.

Jul 23 '05 #3
me********@gmai l.com wrote:
i am navigating from page1 to page2, in page2 i am showing some html
section of page1 in page2 by
lblData.innerht ml = window.document .getelementbyid (id).innerhtml
This looks strange, the syntax isn't correct and suggests you get your
data from the same page and not from different documents. Are you using
frames? If not how do you import the nodes from the first document?
But out of this html, i dont want to display some td element with
lnkPrint as suffix.

For that, i want to scan the innerhtml part of that document through a
loop and find those td element with lnkPrint as suffix.


I'm not sure to have understood your scenario, but check whether the
following does help you - it exemplifies some DOM methods (replaceChild,
getElementsByTa gName, createElement) and introduces a regexp to find the
elements you're looking for.
---
<style type="text/css">
table {
border:thin #dd8 groove;
}
td {
margin:1px;
background-color:#ffc;
border: solid 1px #dd8;
font-family:Garamond ;
width:3em;
height:3em;
text-align:center;
}
td:hover {
border: solid 1px yellow;
}
</style>

<table>
<tbody>
<tr>
<td id="1_lnkPrint" >Luffy</td>
<td id="2_lnkPrint" >Zoro</td>
</tr>
<tr>
<td id="3_foo">Nami </td>
<td id="4_lnkPrint" >Sanji</td>
</tr>
</tbody>
</table>

<form action="foo">
<input type="button" value="foo()" onclick="foo()" >
</form>

<script type="text/javascript">
function foo(){
if(
document.create Element &&
document.getEle mentsByTagName &&
document.replac eChild
){

var td=document.get ElementsByTagNa me("td"); // or another container
for(var ii=td.length; ii--;) {
if(/lnkPrint$/i.test(td[ii].id)) {
td[ii].parentNode.rep laceChild(
document.create Element("td"),
td[ii]
);
}
}

}
}
</script>
---
HTH
Yep.
Jul 23 '05 #4
If you manipulate members of a nodelist, their indexes can change to reflect
the new order.
Get an array of elements that fit the id "closeness" test;
then do whatever to each of the elements in the array.
in your example str is a regular expression: /ctl(\d+)_lnkPri nt/;
tag is 'td';

function nearEnough(str, tag){
var A= document.getEle mentsByTagName( tag);
var X= new Array();
var L= A.length;

for(var i= 0; i< L; ;i++){
var who= A[i];
var tem= who.id;
if(tem && str.test(tem)) X.push(who) ;
}
return X;
}
Jul 23 '05 #5

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

Similar topics

13
9417
by: Kai Grossjohann | last post by:
It seems that Ctrl-N in Mozilla opens a new empty browser window. That's fine, I don't need to do anything about it. But Ctrl-N in IE appears to clone the current window. Is there a way to intercept the key so that I can do stuff on the server side to make the new window behave correctly? (We have a JSP-based webapp which stores state in...
53
5672
by: Cardman | last post by:
Greetings, I am trying to solve a problem that has been inflicting my self created Order Forms for a long time, where the problem is that as I cannot reproduce this error myself, then it is difficult to know what is going on. One of these Order Forms you can see here... http://www.cardman.co.uk/orderform.php3
6
2265
by: Alex Rast | last post by:
First of all, this is not a programming question. I'm a user, not programming in JavaScript. I'm not, however, a novice user or even a power user - I certainly know programming intimately as well as computer hardware, configuration, etc... down to the lowest level (e.g. BIOS, assembly language, etc). Anyway, I've obviously got something...
136
9245
by: Matt Kruse | last post by:
http://www.JavascriptToolbox.com/bestpractices/ I started writing this up as a guide for some people who were looking for general tips on how to do things the 'right way' with Javascript. Their code was littered with document.all and eval, for example, and I wanted to create a practical list of best practices that they could easily put to...
0
7547
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7825
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
8060
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7588
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...
1
5452
isladogs
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...
0
5171
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3575
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2037
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
0
865
bsmnconsultancy
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...

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.