Extract information from HTML when it is retrieved using JSON - html

I got this part of code:
<div id="main">
<div class="wrapper clearfix" id="content">
<section class="clearfix">
<article id="market_data" ng-app="eex.market_data" data-src="/blueprint/" data-config="/json/en/20776/content.json?config=" class="ng-cloak">
<div id="content">
<div market-data-page-title></div>
<div market-data-datepicker></div>
<div ng-view></div>
</div>
</article>
</section>
</div>
Where some data is retrieved using json, which makes the final HTML invisible to me, talking about code. I need to get some data that is drawed on the HTML using VB.NET, so I download the whole file and search for what I need but it isn't there.
Is there a way to catch this information?? I thought maybe using some Chrome extension where I can see all the transfers through TCP, I remember using one but can't recall the name now!!
Thanks a lot
Ricardo

Related

Screenreader doesn't read full page

I'm using NVDA screen reader to read the content of the page, but unfortunately it does not work as intended. Screen reader does not read the full page (i.e. it doesnt read the labels). All the contents are in .twig file.
Here's the jsFiddle and a snippet.
JSFiddle: https://jsfiddle.net/juvysx6z/
<div class="buttons-block block-index">
<h3>NVDA doesnt read this header</h3>
<h6>This one as well</h6>
</div>
It seems a bit weird, because some parts of the page are just omitted, another example here:
<div class="row">
<div class="large-8 columns">
<section>
<header class="clean">
<h2 style="color: #004E9D">Does not read it</h2>
</header>
</section>
</div>
</div>
Could anybody help me with this one? The worst thing is that I don't know where to find reason why it's not working. I'm totally stuck.

Mysql store HTML code

If I want to store HTML code to a database, is better to add one row with big HTML code or more rows with smaller HTML code?
In my app, I can edit the code in both ways, so don't really need more rows, but maybe is faster or more effective having more rows and smaller HTMl code.
What is your opinion? Thanks you.
HTML Code Example:
<div class="row">
<div class="col-sm-12">
<section data-type="component-text">
content
</section>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<section data-type="component-photo">
content
</section>
</div>
<div class="col-sm-6">
<section data-type="component-video">
content
</section>
</div>
</div>
The code is generated by a plugin. This is only an example created by me.
Answer: It depends on your querying needs.
Efficient querying is an extensive topic focused on design and algorithms.
It depends on the size, type and structure of the data you have.
If you just need to store all the HTML and get it back, you could simply store as much per block.
If you need specific lines of HTML per query then each block with the necessary content is a good idea!
I hope this helps.

Reading div content of an external web page in c# ASP .Net

I have a plan of developing a web site, in that i have to read the content of an external web page. Is there any way to achieve the same in c# asp.net since i am little familiar with this language.
<html>
<head>
<title>
some title goes here
</title>
</head>
<body>
<div id="Container">
<div id="Main_Contents">
<div class="news">Some contents here.</div>
<div class="news">Some contents here. Some more here.</div>
<div class="news">Some contents here. Few more contents are here</div>
<div class="UnWanted">Unnecessary contents presents here</div>
<div class="news">Some contents here.</div>
</div>
</div>
</body>
</html>
Assume that, above like page is an external page. Now my intention is to read the content of the div whose class is 'news' i.e., <div class="news">
not that div with 'UnWanted' class. There might be more number of div's like this in a page and i have to get all of them in an order.
I have done the same in PHP using html_dom library, but now i am switching over to ASP .Net

Jumping div on scroll

I have a problem with my page:
http://dennisadelmann.de/New/index.html
when my index page is loading, the Name (header) is jumping.
i think its because of the simpleweather plugin. but i couldnt find a solution
Here are the code of my header: (let me know if you need more of the code)
<div id="fadeMenu">
<ul class="navscroll">
<li>work</li>
<li>journal</li>
<li>contact</li>
</ul>
</div>
<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>
<header>
<nav>
work
journal
contact
</nav>
<div id="weather"></div>
<div id="name">
<h1>DENNIS ADELMANN</h1>
<p>communication design</p>
</div>
</header>
Thank you!!!!
You're right, it seems like it's because of the weather plugin.
To fix it you need to either make height:fixed where the weather appears (so changing the content doesn't matter)
OR
You could add some default content to the area when it's made that is later changed once the plugin is ran, something like a fallback inside the element tags: "The weather plugin is blocked. Please allow third party plugins on your browser."

Correct usage of microformat

I am using microformat for the first time.
So as examples given on http://support.google.com/webmasters/bin/answer.py?hl=en&answer=164506, I changed the code.
This is the existing code that was present on the page:
<div class="evD mr10">
<div class="imgH fl"><img /></div>
<div class="infAr">
<h3>EVENT NAME</h3>
<h4><span>at</span>VENUE NAME</h4>
<p>Event Description</p>
<a class="tdd" href="#">Genre</a>
</div>
<div class="dth">
<div class="sfrD fl">
</div>
<div class="strE sn fl">
</div>
<div class="Buy">
<a class="bkT" href="buy_link"></a>
</div>
</div>
</div>
The Changes I made include :
Change the doctype to html5, and added microformat classes.
<div class="vevent evD mr10">
<div class="imgH fl"><img class="photo" /></div>
<div class="infAr">
<h3><a class="url summary" href="event_URL">EVENT NAME</a></h3>
<h4 class="location"><span>at</span>VENUE NAME</h4>
<p class="description">Event Description</p>
Genre
</div>
<div class="dth">
<div class="dtstart frD fl">DATE_START<span class="value-title" title="Date in ISO"></span></div>
<div class="dtend strE sn fl"><span class="value-title" title="Date in ISO"></span></div>
<div class="Buy tickets">
<a class="bkT offerurl" href="buy_link"></a>
</div>
</div>
</div>
I have the following questions/doubts :
Is it ok to have existing classes alongwith the microformat tags as done above?
As mentioned on http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1093493#usage, it is not allowed to have display:none on the content. However, I pass the data set and paginate using javascript, in which I show the relevant data. So how do I make sure that these is not ignored.
I load the images which are on the current page, leaving the src as blank, and later change the src, as the page is changed. So initally the event's photo is blank.
How do I counter from a search engine reading as blank.
Thank you.
(Sorry about the question being so long)
1) that is no problem. You can even combine multiple types of semantic markup on the same tags.
2) 3)
If the data is hidden and in JavaScript/AJAX then it is highly unlikely Google will see it.
You may have to restructure your architecture to make your content crawlable. That's a big subject. I suggest looking up "progressive enhancement" which is the method I currently think is best.