473,327 Members | 2,074 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,327 software developers and data experts.

extract page structure from page source?

Hi,

Given a page source, is there any tool that can make a sketch of the
page structure? Our template is DIV based. It's easy to get lost in
so many DIV's. Say, <div id="container"can include other DIV's (e.g.
nav, content, righ-column, footer, etc.). Just by staring at the page
source, it's so hard to find the closing </divfor <div
id="container">. Any ideas?

Thanks in advance,

Bing

Sep 19 '06 #1
7 3908
du****@gmail.com wrote:
Hi,

Given a page source, is there any tool that can make a sketch of the
page structure? Our template is DIV based. It's easy to get lost in
so many DIV's. Say, <div id="container"can include other DIV's (e.g.
nav, content, righ-column, footer, etc.). Just by staring at the page
source, it's so hard to find the closing </divfor <div
id="container">. Any ideas?
If you don't need printing and you're concerned about the document's
structure rather than the location of tags in the source, use Firefox
and download its DOM Inspector.
Sep 19 '06 #2
In article <11*********************@h48g2000cwc.googlegroups. com>,
du****@gmail.com wrote:
Hi,

Given a page source, is there any tool that can make a sketch of the
page structure? Our template is DIV based. It's easy to get lost in
so many DIV's. Say, <div id="container"can include other DIV's (e.g.
nav, content, righ-column, footer, etc.). Just by staring at the page
source, it's so hard to find the closing </divfor <div
id="container">. Any ideas?
The free, cross-platform and very good editor jEdit can show you the
matching tag for an opening/closing tag. (You'll need to download the
XML plugin I think to get HTML-ish features.) I think jEdit also has
folding which allows you to collapse a tag and hide all of its contents.
Come to think of it UltraEdit (for Windows only, cheap but not free)
also has folding. BBEdit for the Mac has a "balance tags" feature which
will help you to find matching open/close tags.

On the browser side, Chris Perderick's Web Developer toolbar for Firefox
has a CSS/View Style Information menu item that will display the
location in the DOM tree of the item under the mouse. (Easier to use
than to explain.)

HTH

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more
Sep 19 '06 #3

Nikita the Spider wrote:
The free, cross-platform and very good editor jEdit can show you the
matching tag for an opening/closing tag. (You'll need to download the
XML plugin I think to get HTML-ish features.) I think jEdit also has
folding which allows you to collapse a tag and hide all of its contents.
Come to think of it UltraEdit (for Windows only, cheap but not free)
also has folding. BBEdit for the Mac has a "balance tags" feature which
will help you to find matching open/close tags.

On the browser side, Chris Perderick's Web Developer toolbar for Firefox
has a CSS/View Style Information menu item that will display the
location in the DOM tree of the item under the mouse. (Easier to use
than to explain.)
Thanks those who replied. Really appreciate the helpful information
you guys provided.

Bing

Sep 19 '06 #4
du****@gmail.com wrote:
Nikita the Spider wrote:
>The free, cross-platform and very good editor jEdit can show you the
matching tag for an opening/closing tag. (You'll need to download the
XML plugin I think to get HTML-ish features.) I think jEdit also has
folding which allows you to collapse a tag and hide all of its
contents. Come to think of it UltraEdit (for Windows only, cheap but
not free) also has folding. BBEdit for the Mac has a "balance tags"
feature which will help you to find matching open/close tags.

On the browser side, Chris Perderick's Web Developer toolbar for
Firefox has a CSS/View Style Information menu item that will display
the location in the DOM tree of the item under the mouse. (Easier to
use than to explain.)

Thanks those who replied. Really appreciate the helpful information
you guys provided.
Notepad++ is absolutely brilliant for several different programming-
and markup languages...

http://notepad-plus.sourceforge.net/uk/site.htm

Here you can expand and collapse the different blocks in your source-
HTML, et.c, et.c...

--
Dag.

Sep 19 '06 #5
On 2006-09-19, du****@gmail.com <du****@gmail.comwrote:
Hi,

Given a page source, is there any tool that can make a sketch of the
page structure? Our template is DIV based. It's easy to get lost in
so many DIV's. Say, <div id="container"can include other DIV's (e.g.
nav, content, righ-column, footer, etc.). Just by staring at the page
source, it's so hard to find the closing </divfor <div
id="container">. Any ideas?
It's pretty easy to knock up a script to output a .dot file you can
process with graphviz, which will make a nicely laid out tree diagram.

See http://www.graphviz.org/.
Sep 19 '06 #6
du****@gmail.com wrote:
Given a page source, is there any tool that can make a sketch of
the page structure? Our template is DIV based. It's easy to get
lost in so many DIV's.
FWIW the latest version of Zeus for Windows:

http://www.zeusedit.com/html.html

will code fold HTML code on DIV and other common HTML tags.

Jussi Jumppanen
Author: Zeus for Windows
NOTE: Zeus is shareware (45 day free trial)

Oct 1 '06 #7
In article <11*********************@m73g2000cwd.googlegroups. com>,
ju****@zeusedit.com writes:
du****@gmail.com wrote:
>Given a page source, is there any tool that can make a sketch of
the page structure? Our template is DIV based. It's easy to get
lost in so many DIV's.
Yes, many. I think someone already suggested one. Any parser that
creates a tree can do it; for example Site Valet.
FWIW the latest version of Zeus for Windows:
What??? Do the Zeus people know you're trading on their good name?
It took me a moment to realise this has nothing to do with the Zeus
we all know, but is some shareware wannabe.

--
Nick Kew

Application Development with Apache - the Apache Modules Book
http://www.prenhallprofessional.com/title/0132409674
Oct 1 '06 #8

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

Similar topics

6
by: Zhang Le | last post by:
Hello, I'm writing a little Tkinter application to retrieve news from various news websites such as http://news.bbc.co.uk/, and display them in a TK listbox. All I want are news title and url...
10
by: Robert Schultz | last post by:
I have a C/C++ file that I simply want to 'extract' a function from. Something like: extract <function name> <c or cpp file> I want it to return from the beginning of the function, to the end. ...
3
by: Vjay77 | last post by:
I posted this question, but I pressed 'post' and it disappeared. So once again: Problem: I need to go to lets say www.site.com/page.html Imagine that this html code is 6 mb long. I need to...
8
by: Amit Khemka | last post by:
Hello All, say you have some string: ", foobar " Now i want to extract all substrings for which "isinstance(eval(substr), list)" is "True" . now one way is to walk through the whole sample...
2
by: Elric02 | last post by:
I'm currently trying to get access to the Python source code, however whenever I try to extract the files using the latest version of WinZip (version 10) I get the following error "error reading...
1
by: caine | last post by:
I want to extract web data from a news feed page http://everling.nierchi.net/mmubulletins.php. Just want to extract necessary info between open n closing tags of <title>, <categoryand <link>....
0
by: napolpie | last post by:
DISCUSSION IN USER nappie writes: Hello, I'm Peter and I'm new in python codying and I'm using parsying to extract data from one meteo Arpege file. This file is long file and it's composed by...
5
by: Steve | last post by:
Hi all Does anybody please know a way to extract an Image from a pdf file and save it as a TIFF? I have used a scanner to scan documents which are then placed on a server, but I need to...
18
by: Ecka | last post by:
Hi everyone, I'm trying to write a PHP script that connects to a bank's currency convertor page using cURL and that part works fine. The issue is that I end up with a page that includes a lot...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
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...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
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
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...

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.