DIV and span tags

[techvas]

Hi,

Good morning.
I am new to QTP. I got the following html code snippet. How can i extract the span tag values under div and ul tags in the following formats.



HTML code:

Code:

<div id=firstheader> HEADER1value </div>
<div id = "firstheadervalues">
<ul>
<li><span class="percentage"> 7% </span> <span class="listval">column1</span></li>
<li><span class="percentage"> 8% </span> <span class="listval">column2</span></li>
<li><span class="percentage"> 9% </span> <span class="listval">column3</span></li>
<li><span class="percentage"> 10% </span> <span class="listval">column3</span></li>
</ul>
</div>


<div id=secondheader> HEADERSECOND </div>
<div id = "secondheadervalues">
<ul>
<li><span class="numval"> 123 </span> <span class="secondval">value123</span></li>
<li><span class="numval"> 124 </span> <span class="secondval">value124</span></li>
<li><span class="numval"> 125 </span> <span class="secondval">value125</span></li>
<li><span class="numval"> 126 </span> <span class="secondval">value126</span></li>
</ul>
</div>

How can i print the values in the following format????

HEADER1Value
column1 --- 7
column2 --- 8
column3 --- 9
column4 --- 10


HEADERSECOND

value123 -- 123
value124 -- 124
value125 -- 125
value126 -- 126

its urgent.Your help will be greatly appreciated.

Thanks you .
vas.

[techvas]

Guys, can you please help some one. Thanks. More info the web page build with jquery framework.

[Ankur]

If you're using QTP 11 or UFT 11.5, your job has become a tad easier. Use CSS object identification method.

[techvas]

Ankur, Can you please provide me code.

Also we are using QTP 10.

Thank you,

[Ankur]

I hope you were able to solve this, in case not here is a snippet to get percentage -

Code:

Set oPercentage = Description.Create
oPercentage("micclass").value = "WebElement"
oPercentage("class").value = "percentage"

Set oAllPercentageObjects =  Browser("Browser").Page("Page").ChildObjects(oPercentage)

'msgbox oAllPercentageObjects.Count

For r = 0 To oAllPercentageObjects.count - 1
msgbox oAllPercentageObjects(r).GetROProperty("innerhtml")    
Next

[benjwal]

----------------------------
Dear Ankur,
You solution worked. Thank you!
I am able to go to all the span in the div and pick up values in my case how do I go further and then pick values.

Can you help me with some guidance on how to pick up the anchor values inside and anchor in a div. and a span.
code from where to capture is as below.
I wish to capture

Code:

sip="ABenjwal@uk.com"
showofflinepawn="1"

<td class="ms-vb-lastCell ms-cellstyle ms-vb-user ms-vb-lastCell"><span class="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock"><span class="ms-imnSpan"><a class="ms-imnlink ms-spimn-presenceLink" onclick="IMNImageOnClick(event);return false;" href="#"><span class="ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10"><img name="imnmark" title="" class="ms-spimn-img ms-spimn-presence-online-10x10x32" id="imn_17,type=smtp" alt="Offline" src="https://de17.eyqa.net/_layouts/15/images/spimn.png" sip="ABenjwal@uk.com" showofflinepawn="1"></span></a></span><span class="ms-noWrap ms-imnSpan"><img name="imnmark" title="" class=" ms-hide" id="imn_18,type=smtp" alt="Offline" src="https://de17.qa.net/_layouts/15/images/spimn.png" sip="ABenjwal@uk.com" showofflinepawn="1"><a tabindex="-1" class="ms-imnlink" onclick="IMNImageOnClick(event);return false;" href="#"></a><a class="ms-subtleLink" onclick="GoToLinkOrDialogNewWindow(this);return false;" href="/sites/Taxeng1/_layouts/15/userdisp.aspx?ID=24">George M. Cohan</a></span></span></td>

[supputuri]

you can use combination of GetRoProperty and split to achieve this.
Please let me know if you need a snippet.