Parsing HTML Tags - Javascript

indispk

How to parse HTML Tags in javascript?

Aug 16 '07 #1

Subscribe Post Reply

2175

acoder

16,027

Expert Mod 8TB

Could you give an example.

You can use document.getElementsByTagName.

Aug 16 '07 #2

indispk

Could you give an example.

You can use document.getElementsByTagName.

In web pages I design there are some sub links in addition to the Main Links.When I click on the sub links I want to lord the contents to a particular location inside the page.So I am using document.getElementById("content_area").innerHTML= "bla...bla..bla..."
When I am using doing this I pass HTML tags too to the innerHTML property in addition to normal texts.To work this properly in a browser all the white spaces within the hTML tags have to be removed.

For example...

Expand|Select|Wrap|Line Numbers

 document.getElementById("content_area").innerHTML='<table width="300"><tr><td width="10">&nbsp;</td><td width="290" align="left" valign="top" class="content">some text goes here</td></tr></table>';
 
 

Cant I do it in this way?

Expand|Select|Wrap|Line Numbers

 document.getElementById("content_area").innerHTML='<table width="300">

<tr>

<td width="10">&nbsp;</td>

<td width="290" align="left" valign="top" class="content">some text goes here</td>

</tr>

</table>';

Coz it is a real headache to remove white spaces if the content is very big.

Aug 17 '07 #3

acoder

16,027

Expert Mod 8TB

See this page. You can create a table and add rows and cells without having to worry about whitespace.

Please post code using CODE tags. Thanks!

Aug 17 '07 #4

ak1dnar

1,584

Expert 1GB

If there is a Solution to this Issue I also like to learn really.

Expand|Select|Wrap|Line Numbers

 document.getElementById("content_area").innerHTML='<table width="300">

<tr>

<td width="10"> 

<td width="290" align="left" valign="top" class="content">some text goeshere

</tr>

</table>';

Currenty When trying to assign some HTML tags with this format FireBug is Giving this Error message.

Expand|Select|Wrap|Line Numbers

 unterminated string literal

[img]chrome://firebug/content/blank.gif[/img]document.getElementById("content_area").innerHTML='<table width="300">\n

BUT what I am trying to say actually, the Problem is NOT with white spaces here.
We are Not Closing the Javascript lines by putting ";" so that unterminated string literal Error is Getting.

For Now this is Only Solution for this.

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>Untitled Document

<script language="JavaScript" type="text/javascript">

function setText(){

var contents;

contents='<table width="300">';

contents +='<tr>';

contents +='<td width="10"> ';

contents +='<td width="290" align="left" valign="top" class="content">some text goeshere';

contents +='</tr>';

contents +='</table>';

document.getElementById("content_area").innerHTML=contents;

}

</script>

</head>
 
<body>

<div id="content_area">Nothing
 
<a href="#" onclick="setText()">Click Me

</body>

</html>

But Its Hard to make it when the HTML coding area is too much.

Aug 20 '07 #5

acoder

16,027

Expert Mod 8TB

...
For Now this is Only Solution for this.
...But Its Hard to make it when the HTML coding area is too much.

To avoid this mess, you should consider using the DOM methods for appending elements instead of using innerHTML. See the linked article in my previous post.

Aug 20 '07 #6

indispk

To avoid this mess, you should consider using the DOM methods for appending elements instead of using innerHTML. See the linked article in my previous post.

Ok thank you very much for the replies.But what I actually want to do is not to generate a dynamic table but to display some contents which are already created.I have arranged all my contents(texts,images,links,etc....) in tables as I use tables to arrange contents when I design web pages.So that what I want to do is when clicking a link/button those stuffs should be displayed within a <td> or <div> using javascript.That is why I am using the innerHTML property of the particular <td> or <div> which I have assigned a id.

Aug 21 '07 #7

acoder

16,027

Expert Mod 8TB

Ok thank you very much for the replies.But what I actually want to do is not to generate a dynamic table but to display some contents which are already created.I have arranged all my contents(texts,images,links,etc....) in tables as I use tables to arrange contents when I design web pages.So that what I want to do is when clicking a link/button those stuffs should be displayed within a <td> or <div> using javascript.That is why I am using the innerHTML property of the particular <td> or <div> which I have assigned a id.

If you possibly can, you should try to use CSS for layout rather than tables.

If it's already created, there's no need to use innerHTML. Just append instead.

Aug 21 '07 #8

Similar topics

parsing in python

by: Peter Sprenger | last post by:

Hello, I hope somebody can help me with my problem. I am writing Zope python scripts that will do parsing on text for dynamic webpages: I am getting a text from an oracle database that contains...

Python

Parsing HTML - modify URLs

by: Fuzzyman | last post by:

I am trying to parse an HTML page an only modify URLs within tags - e.g. inside IMG, A, SCRIPT, FRAME tags etc... I have built one that works fine using the HTMLParser.HTMLParser and it works...

Python

Parsing DOM with Javascript

by: djdave | last post by:

My problem is that i need an algorithm parse parse HTML. For an HTML page, my script has to parse all tags to get all forms values, even if there is frame, iframe, ... How can i do such a script ?...

Javascript

Parsing complex xml file with C#

by: Pir8 | last post by:

I have a complex xml file, which contains stories within a magazine. The structure of the xml file is as follows: <?xml version="1.0" encoding="ISO-8859-1" ?> <magazine> <story>...

C# / C Sharp

XML parsing

by: Xarky | last post by:

Hi, I'm newbie to XML parsing. I have the following XML document and would like to extract the age for a specific person. Can you please give me some specific links, of how I can achieve this....

C# / C Sharp

html parsing / regular expressions

by: yonido | last post by:

hello, my goal is to get patterns out of email files - say "message forwarding" patterns (message forwarded from: xx to: yy subject: zz) now lets say there are tons of these patterns (by gmail,...

.NET Framework

Parsing Baseball Stats

by: ankitdesai | last post by:

I would like to parse a couple of tables within an individual player's SHTML page. For example, I would like to get the "Actual Pitching Statistics" and the "Translated Pitching Statistics"...

Python

Parsing an html/aspx file

by: Neil.Smith | last post by:

I can't seem to find any references to this, but here goes: In there anyway to parse an html/aspx file within an asp.net application to gather a collection of controls in the file. For instance...

ASP.NET

remove html syntax in xml parsing

by: prakash280681 | last post by:

how to get the correct result when we parse the xml code.Because in parsing when it get the syntax like < and & it break it and forward.. i use the code---- <?php $xml_file = "news.xml"; ...

PHP

How to count names and dates by parsing an HTML file using perl?

by: moddster | last post by:

Hi Guys. I am a newbie to perl and need some help with a problem. PROBLEM: I have to parse an HTML file and get rid of all the HTML tags and count the number of sumbissions a person has through...

Perl

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

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...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

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...

Computer Hardware

What is ONU?

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,...

General

Changing the language in Windows 10

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...

Windows Server

The easy way to turn off automatic updates for Windows 10/11

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...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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...

General

AI Job Threat for Devs

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,...

Career Advice