Win a copy of Programmer's Guide to Java SE 8 Oracle Certified Associate (OCA) this week in the OCAJP forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

New York Times website in html 5

 
Nicky Eng
Ranch Hand
Posts: 378
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Dear all,


I tried to figure out how New York Times website done in HTML 5 display their content...but I googled fail.

If you try this : www.nytimes.com/chrome

You will see the main page (Main page in attachment)

So when you click the one of the article, this article will appears in new page with a "close" button on the top-left page ( can I say it as popup box ? ) which stay on top of the main page.

Here is my question: How to do that popup box thing when I click on the article or a link or a button in HTML 5?

Any idea ?
nytimes.png
[Thumbnail for nytimes.png]
Main Page
nytimes2.png
[Thumbnail for nytimes2.png]
Popup Page ?
 
Jeanne Boyarsky
author & internet detective
Marshal
Posts: 34837
369
Eclipse IDE Java VI Editor
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
What do you see that tells you the page is HTML 5? I don't see any HTML 5 constructs, just a whole bunch of JavaScript and two div tags. I also see jquery and AJAX in the code to handle you clicking a link.
 
prashant jondhale
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
The doctype for site is '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">'
it clearly states this is built on HTML 4.01 and not HTML 5
 
Jeanne Boyarsky
author & internet detective
Marshal
Posts: 34837
369
Eclipse IDE Java VI Editor
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
prashant jondhale wrote:The doctype for site is '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">'
it clearly states this is built on HTML 4.01 and not HTML 5

Actually, it is:


The doctype Prashant references is for the main nytimes.com site. The one on the nytimes.com/chrome site is an HTML 5 doctype. i was questioning the fact that I don't see any actual HTML 5 elements in the page. Kind of like how you can create an HTML 3 webiste and have a doctype of HTML 4. Since the question was about HTML 5, I thought there would be an HTML 5 feature.
 
Jeanne Boyarsky
author & internet detective
Marshal
Posts: 34837
369
Eclipse IDE Java VI Editor
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
And Prashant: Welcome to CodeRanch!
 
Mohamed Sanaulla
Saloon Keeper
Posts: 3159
33
Google App Engine Java Ruby
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
May be they are using the offline storage of the data.
They have this tag:

And the skimmer.manifest contents are like:

More details about offline web applications: http://diveintohtml5.org/offline.html
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic