User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 426,687 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,546 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Remove style with JavaScript

•
•
Join Date: Mar 2005
Location: Ottawa, Ontario, Canada
Posts: 959
Reputation: belama is an unknown quantity at this point 
Rep Power: 5
Solved Threads: 2
belama's Avatar
belama belama is offline Offline
Posting Shark

Remove style with JavaScript

  #1  
Mar 8th, 2005
Hey all,

I am trying to remove some style from a table cell with JavaScript but it is not working as I wish it would. As you can see in the code below I am trying to remove all borders from cells that are dotted. If I use the following code, all borders will change to “medium none�. From this…

Help with Code Tags 
style="BORDER-RIGHT: dotted; BORDER-TOP: dotted; BORDER-LEFT: dotted; BORDER-BOTTOM: dotted "

To that…

Help with Code Tags 
style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none"

I would like it to remove all border styles without removing any other styles if there are any. If there is a width style it would end up like this:

Help with Code Tags 
style=�WIDTH: 100px�

The code to change is commented.

Help with Code Tags 
function SetupForHTML()
{
	var TE = document.getElementById('TextEditor');
	var TEcn=TE.children;
	var i;
	for (i=0;i<TEcn.length;i++) 
	{
		a(TEcn[i]);
	}
}

function a(TEcn)
{
	if (TEcn.nodeName.toLowerCase() == "td")
	{
		if (TEcn.style.borderBottom == "dotted")
//			TEcn.style.borderBottom = "";
		if (TEcn.style.borderTop == "dotted")
//			TEcn.style.borderTop = "";
		if (TEcn.style.borderLeft == "dotted")
//			TEcn.style.borderLeft = "";
		if (TEcn.style.borderRight == "dotted")
//			TEcn.style.borderRight = "";
	}
	
	var TEchildren=TEcn.children;
	var j;
	for (j=0;j<TEchildren.length;j++) 
	{
		a(TEchildren[j]);
	}
}

Anyone can help me?

TIA

Mat
AddThis Social Bookmark Button
Reply With Quote  
Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 2:40 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC