Extract Tag based on the Class Value.

gmcust3 · January 12, 2011

Lets say I have a Tag as

<div class=name>MyName</div>

<div class=address>MyAddress</div>

How to Extract name Value Only and Not the Address ?

brianlange · January 12, 2011

Assuming you can't put an id on the div element you would do something like this

<script>


window.onload = function() {

   var divs = document.getElementsByTagName('div');
  
   for (i in divs) {
       
       if (divs[i].className == "name") {
           
           var name = divs[i].innerHTML;
       } 
         
   }
    
   alert(name);
   
}
</script>

gmcust3 · January 13, 2011

<H1 class=" ">Smith Colin P</H1></DIV>

<DIV class=share_link wpol:contactPointId="711357117V00W"

wpol:entryId="711357117V00W">

<DIV class=icon></DIV></DIV><A class=screen_reader_only

href="http://192.168.0.2/mobile/send-to-mobile-accessible?entryId=711357117V00W&listingId=711357117V00W&searchType=R&channel=WP"

rel=nofollow name=Smith>Send this listing to your mobile</A></DIV>

<DIV class=address><SPAN class=street_line>118 Russell St</SPAN>

<SPAN class=locality>Melbourne</SPAN><SPAN class=state>VIC</SPAN>

Now trying to parse above code.

.josh · January 13, 2011

you don't have any classes named "name" in that code.... no class="name"

gmcust3 · January 13, 2011

I agree. Sorry for the Confusions.

It has

<H1 class=" ">Smith Colin P</H1></DIV>

getElementsByTagName should work with above tag ?

Omirion · January 13, 2011

function itemProxy(elType,classNeeded){
    var objElements = getElementsByTagName(elType);
    var arrResult = new array();
    for(i = 0;i <= objElements.length;i++){
         if(objElements[i].className == classNeeded){
             arrResult.push(objElements[i])
         }
    }
return arrResult;
}

Basicly....

Or you can just get jQuery....

gmcust3 · January 13, 2011

Thanks for the Code.

Any Working Example ( If any ) ?

My Motive : I have saved the HTML content in a Notepad.

Now, I want to Read the Notepad by looping and Extracting the Value between the Tag and Display the Content between those tags.

Content saved : http://www.whitepages.com.au/resSearch.do?subscriberName=smith&givenName=&location=Melbourne+VIC

Using :

// create a new cURL resource 
$ch = curl_init(); 
$fp = fopen (dirname(__FILE__) . '/a.txt', 'w+');//This is the file where we save the information 

// set URL and other appropriate options 
curl_setopt($ch, CURLOPT_URL, "http://www.whitepages.com.au/resSearch.do?subscriberName=smith&givenName=&location=Melbourne+VIC"); 
curl_setopt($ch, CURLOPT_FILE, $fp); 
curl_setopt($ch, CURLOPT_HEADER, 0);

Omirion · January 13, 2011

If you're willing to stick around for 30 mins i can write a class(object) to make it easier on you.

gmcust3 · January 13, 2011

I am there all day, Its just 9:56 am Now :-)

.josh · January 13, 2011

I highly suggest you take a step back and properly format your html before you attempt to parse this...monstrosity...

Omirion · January 13, 2011

wait so you need a PHP script? Cause tha would be way easier...

Just make a regEXP that searches for the class="whatever you need"

gmcust3 · January 13, 2011

Tried :


$file = fopen("a.txt", "r") or exit("Unable to open file!"); 

while(!feof($file)) 
  { 
   $regex="/clearfix\"><h1 class(.*)<\/h1><\/div><div class/";    
   preg_replace($regex,"",fgets($file)); 
  }

How to Get Address as there are many tags with span ?

Code:

<span class="street_line">398 Lonsdale St</span>

Code:

<span class="locality">Melbourne</span>

Code:

Code:

<div class="address"><span class="street_line">25 Spring St</span><span class="locality">Melbourne</span><span class="state">VIC</span><span class="postcode">3000</span></div>

This div has Address but There are Other Div also.

Just thinking How to Extract Address One Only .

Primary is <div class="address">

But Before address div, there are many more div.

gmcust3 · January 13, 2011

Tried below code also :


<?php 


/** 
* 
* @get text between tags 
* 
* @param string $tag The tag name 
* 
* @param string $html The XML or XHTML string 
* 
* @param int $strict Whether to use strict mode 
* 
* @return array 
* 
*/ 
function getTextBetweenTags($tag, $html, $strict=0) 
{ 
    /*** a new dom object ***/ 
    $dom = new domDocument; 

    /*** load the html into the object ***/ 
    if($strict==1) 
    { 
        $dom->loadXML($html); 
    } 
    else 
    { 
        $dom->loadHTML($html); 
    } 

    /*** discard white space ***/ 
    $dom->preserveWhiteSpace = false; 

    /*** the tag by its tag name ***/ 
    $content = $dom->getElementsByTagname($tag); 

    /*** the array to return ***/ 
    $out = array(); 
    foreach ($content as $item) 
    { 
        /*** add node value to the out array ***/ 
        $out[] = $item->nodeValue; 
    } 
    /*** return the results ***/ 
    return $out; 
} 
?> 


<?php 

// create a new cURL resource 
$ch = curl_init(); 
$fp = fopen (dirname(__FILE__) . '/a.txt', 'w+');//This is the file where we save the information 

// set URL and other appropriate options 
curl_setopt($ch, CURLOPT_URL, "http://www.whitepages.com.au/resSearch.do?subscriberName=smith&givenName=&location=Melbourne+VIC"); 
curl_setopt($ch, CURLOPT_FILE, $fp); 
curl_setopt($ch, CURLOPT_HEADER, 0); 

// grab URL and pass it to the browser 
$data = curl_exec($ch); 

$file = fopen("a.txt", "r") or exit("Unable to open file!"); 
//$fileTxt = "<pre>".htmlspecialchars(file_get_contents("a.txt"))."</pre>"; 

while(!feof($file)) 
  { 
   $html = fgets($file); 
   $content = getTextBetweenTags('h1', $html); 
   $content1 = getTextBetweenTags('street_line', $html); 
   foreach( $content as $itemName ) 
   { 
       echo "Name : " .$itemName.'<br />'; 
      foreach( $content1 as $itemAdd) 
      { 
          echo "Address : " .$itemAdd.'<br />'; 
      }  
   }  
} 

fclose($file); 

// close cURL resource, and free up system resources 
curl_close($ch); 

?>

But probably not designed to get a tag based on sub-name, only on tag type.

Omirion · January 13, 2011

if you want a php script you should really ask in the PHP section

gmcust3 · January 13, 2011

I posted it in PHP forum , But topic was moved to Java Script :-(

Omirion · January 13, 2011

Well i'm writing your object in JS.

Do you have any knowledge in JavaScript?

Cause i'm leaving the implementation up to yo basically.

gmcust3 · January 13, 2011

I am basically Call Center Guy.

I love to play with everything but Not master in Any particular code.

Though I used to Code in VB andASP long back.

Omirion · January 13, 2011

Well sorry dude, im not in good terms with cURL.

Should i continue with the code or is it going to be useless to you? (The JS code that is)

gmcust3 · January 13, 2011

Thanks a Lot .

My motive to Extract Data form White Pages and Display that in Notepad.

Different Ways can be 10000 , but I just need to get it solve :-) { Matters is Result }

Omirion · January 13, 2011

Ok i got that much.

I can write a JS object that can do that, but you need to know how to implement it.

Will you be able to do that?

Basicly you will need to:

1: Add my script to a html page

2: Add the html needed to be parsed

3: Setup my script (I will explain how)

4: Display (or do whatever) with the results that the script will give you (Which will be basically the DOM elements you need )

gmcust3 · January 13, 2011

Sure.

Google is My best Friend.

Its always by my side even my wife is Not next to me

Omirion · January 13, 2011

ok man ready.. i just have to restart and i'll post the code and explain how to do your stuff

gmcust3 · January 13, 2011

Omirion · January 13, 2011

ok so this is the object:

var omirion = {
		arrResult: [],
		tags: ['div', 'h1'],
		neededClass: ['need', 'greed'],
		getElements: function () {
			var tags = this.tags;
			var neededClass = this.neededClass;
			for (i = 0; i < tags.length; i++) {
				var temp = document.getElementsByTagName(tags[i]);
				for (x = 0; x < temp.length; x++) {
					for (y = 0; y < neededClass.length; y++) {
						if (temp[x].className == neededClass[y]) {
							this.arrResult.push(temp[x])
						}
					}
				}
			}
			return this.arrResult;
		}
	}

Now you have a few main things here you have the tags you need to be searched denoted here

tags: ['div', 'h1'],

And the classes you need matched denoted here

neededClass: ['need', 'greed'],

You can have 1 or more than 1 in both.

So lets say you need only divs searched, you'll modify the tags notation like so

tags: ['div'],

lets say you need divs h1 and h6 you'll do this

tags: ['div','h1','h6'],

you can have n number of tags. You need to separate them with commas like the example above. And they need to be enclosed with ' ' or " " quotes.

Be VERY careful not to delete anything outside the [] brackets or you WILL break the code.

Now liek in your example you need the class name matched so you do this.

neededClass: ['name'],

lets say you need address to. You do this

neededClass: ['name','address'],

again separated with comas enclosed in quotes. AND BE VERY CAREFUL NOT to change anything outside the [] brackets.

So once you got everything set up you call the function in the window.onload event like so.

window.onload = function () {
var eles = omirion.getElements()
}

Now the variable eles has any matched DOM element. What this is good for is that yo ucan access the text in-between the element like so. Let's say we have only 2 matched elements.

eles[0].innerHTML
eles[1].innerHTML

So yeah i hope this helps. As you see it will be pretty simple to loop trough the array.

If you have no further question please mark the thread solved.(The yellow button on the far left and down)

gmcust3 · January 15, 2011

Thanks a A lot for all the pain you took to code it.


<script type="text/javascript">

var omirion = {
		arrResult: [],
		tags: ['div', 'h1'],
		neededClass: ['need', 'greed'],
		getElements: function () {
			var tags = this.tags;
			var neededClass = this.neededClass;
			for (i = 0; i < tags.length; i++) {
				var temp = document.getElementsByTagName(tags[i]);
				for (x = 0; x < temp.length; x++) {
					for (y = 0; y < neededClass.length; y++) {
						if (temp[x].className == neededClass[y]) {
							this.arrResult.push(temp[x])
						}
					}
				}
			}
			return this.arrResult;
		}
	}

</script>

<%php

// create a new cURL resource 
$ch = curl_init(); 
$fp = fopen (dirname(__FILE__) . '/a.txt', 'w+');//This is the file where we save the information 

// set URL and other appropriate options 
curl_setopt($ch, CURLOPT_URL, "http://www.whitepages.com.au/resSearch.do?subscriberName=smith&givenName=&location=Melbourne+VIC"); 
curl_setopt($ch, CURLOPT_FILE, $fp); 
curl_setopt($ch, CURLOPT_HEADER, 0); 

// grab URL and pass it to the browser 
$data = curl_exec($ch); 

$file = fopen("a.txt", "r") or exit("Unable to open file!"); 
//$fileTxt = "<pre>".htmlspecialchars(file_get_contents("a.txt"))."</pre>"; 

while(!feof($file)) 
{ 
   $html = fgets($file);
   $content = getTextBetweenTags('h1', $html); 
   foreach( $content as $itemName ) 
   { 
echo "<SCRIPT>var eles = omirion.getElements()</SCRIPT>";
   }
} 

fclose($file);

// close cURL resource, and free up system resources 
curl_close($ch); 
%>

This is the Code which I am trying !!

Sign In

Extract Tag based on the Class Value.

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Important Information