save pdf file in c# : Excel hyperlink to pdf bookmark application control cloud windows azure html class DevPro%20HTML5%20PDF6-part1494

3. The web browser will ask the user if they want to provide the web app access to the user's location 
information. 
4. In this example, a map point of the user's location is displayed on a map. 
5. In this example, the watchPosition method is used to display location updates. 
6. Though not shown, the timeout and maximumAge options can be used. The timeout option is the 
maximum time allowed for obtaining the location. The maximumAge option is used to determine 
how many milliseconds to cache the location. 
Figure 6: Using geolocation in a mobile app
//timeout and maximumAge are other options. 
var PosOptions = "{ enableHighAccuracy : true }"; 
if (Modernizr.geolocation) { 
var navgeo = navigator.geolocation; 
navgeo.getCurrentPosition(WhereIsUser, 
WhereIsUserError, PosOptions); 
var MapNow; 
function WhereIsUser(result) { 
// personal paranoia to check for null. 
if (result != null) { 
var myCoords = result.coords; 
//coords.altitude, coords.accuracy, coords.altitudeAccuracy, 
//coords.heading, coords.speed, timestamp 
//are other items that are possible. 
var Lat = myCoords.latitude; 
var Lon = myCoords.longitude; 
var ZoomLevel = 14; 
$("#MapNowDiv").show("slow"); 
if (MapNow == null) { 
var latlng = new google.maps.LatLng(Lat, Lon); 
var myOptions = { 
zoom: ZoomLevel, 
center: latlng, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
var mapMostRecent = document.getElementById("MapNowDiv"); 
MapNow = new google.maps.Map(mapMostRecent, myOptions); 
if ((Lat != null) && (Lon != null)) { 
var sde = new String("I am here!"); 
var marker = new google.maps.Marker({ 
56
Chapter 6: Introduction to HTML5 for Mobile App Development
Excel hyperlink to pdf bookmark - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
how to bookmark a pdf document; export pdf bookmarks to excel
Excel hyperlink to pdf bookmark - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
adding bookmarks in pdf; auto bookmark pdf
position: new google.maps.LatLng( 
Lat, Lon), 
map: MapNow, 
title: sde.toString(), 
clickable: true 
}); 
// This is only necessary for this example. 
if (Calls == null) { 
Calls = navigator.geolocation.watchPosition(WhereIsUser, WhereIsUserError, Pos-
Options); 
// Can stop watching by calling navigator.geolocation.clearWatch(Calls); 
}
Figure 7 displays the results of the code in Figure 6, with a map showing the user's location. 
Figure 7: Geolocation in IE9 running in Windows 7
One problem that should be mentioned is that the watchPosition method seems to have a bleed-over 
of the various types of geolocation functions in the device. As a result, it is important to pay attention 
to the accuracy of values that are returned. In my own experience, I have found that the iPhone is 
more accurate than Android devices; however, this may be due to my specific location and not the 
device OS itself. You can find more information about the Geolocation API here
Canvas. The <canvas/> tag allows you as a developer to draw 2D shapes programmatically. With this 
tag, developers can draw using JavaScript. The code example in Figure 8 draws a simple red square, 
shown in Figure 9.
Chapter 6: Introduction to HTML5 for Mobile App Development 
57
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Merge all Excel sheets to one PDF file in VB.NET. Change Excel hyperlink to PDF hyperlink and bookmark. Export PDF from Excel with cell border or no border.
export pdf bookmarks to text file; add bookmarks to pdf online
C# PDF url edit Library: insert, remove PDF links in C#.net, ASP.
Keep Microsoft Office Word, Excel and PowerPoint links in PDF PDF file editing options, like options for editing PDF document hyperlink and navigation
create bookmark pdf file; pdf bookmarks
Figure 8: Code that draws a red square
if (Modernizr.canvas) { 
var example = document.getElementById('myCanvas'); 
var context = example.getContext('2d'); 
context.fillStyle = "rgb(255,0,0)"; 
context.fillRect(30, 30, 50, 50); 
}
You can find a complete listing of the features of the <canvas/> tag here. Also see Dan Wahlin's 
articles "Using the HTML5 Canvas Tag" and "HTML5 Tutorial: Build a Chart with JavaScript and the 
HTML5 Canvas." 
Figure 9: A red square in the canvas tag in Internet Explorer 9
Web SQL
. Storing data is a problematic issue with web applications. Web developers are familiar 
with cookies, a type of persistent data storage. Over time, the need for data storage support for web 
apps has grown. To solve some of these problems, the localStorage and sessionStorage attributes have 
been added and accepted into web browsers. Unfortunately, these attributes don't provide the more 
complex types of storage support that developers need. To address this need, the Web SQL standard 
was created. Web SQL allows for more data to be stored in a relational format that many developers 
are familiar with. 
Unfortunately, Web SQL has run afoul of the standards process. Although the Web SQL standard 
exists, it is not being enhanced further. For the desktop, this is an issue; however, Web SQL has been 
supported in Android and iPhone, so it has tremendous support in the mobile environment.
Let's look at a short JavaScript example, shown in Figure 10, which demonstrates using Web SQL, 
with the results of the code shown in Figure 11.
58
Chapter 6: Introduction to HTML5 for Mobile App Development
How to C#: Basic SDK Concept of XDoc.PDF for .NET
C# programmers can convert Word, Excel, PowerPoint Tiff, Jpeg NET allows C# developers to edit hyperlink of PDF document, including editing PDF url links
bookmarks pdf; create bookmarks pdf file
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB Change Word hyperlink to PDF hyperlink and bookmark.
how to bookmark a pdf page; bookmarks pdf file
Figure 10: JavaScript to call into Web SQL
<script language="javascript" type="text/javascript"> 
var db; 
jQuery(function ($) { 
db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); 
db.transaction(function (tx) { 
tx.executeSql('DROP TABLE IF EXISTS CONF'); 
tx.executeSql('CREATE TABLE IF NOT EXISTS CONF (CityID unique, City)'); 
tx.executeSql('INSERT INTO CONF (CityID, City) VALUES (?, ?)', [1, "Las Ve-
gas"]); 
tx.executeSql('INSERT INTO CONF (CityID, City) VALUES (?, ?)', [2, "Knox-
ville"]); 
tx.executeSql('INSERT INTO CONF (CityID, City) VALUES (?, ?)', [3, "Atlanta"]); 
tx.executeSql('INSERT INTO CONF (CityID, City) VALUES (?, ?)', [4, "Houston"]); 
tx.executeSql('INSERT INTO CONF (CityID, City) VALUES (?, ?)', [5, "Washington 
DC"]); 
}); 
db.transaction(function (tx) { 
//tx.executeSql(query, params, success, failure); 
tx.executeSql('Select CityID, City from CONF', [], 
function (tx, results) { 
try { 
var i = 0; 
var rowLength = results.rows.length; 
var str = ""; 
str += "Total Records: " + rowLength + "<br />"; 
str += "<table>"; 
for (i = 0; i < rowLength; i++) { 
str += "<tr>"; 
str += "<td>" + results.rows.item(i).CityID + "</td>"; 
str += "<td>" + results.rows.item(i).City + "</td>"; 
str += "</table>"; 
$("#outputVal").html(str); 
catch (e) { 
alert("error: " + e.message); 
}, 
function (t, e) { 
// couldn't read database 
alert(e.message); 
}); 
}); 
}); 
Chapter 6: Introduction to HTML5 for Mobile App Development 
59
VB.NET PDF url edit library: insert, remove PDF links in vb.net
Keep Microsoft Office Word, Excel and PowerPoint links in PDF document. PDF file editing options, such as editing PDF document hyperlink and navigation
create pdf bookmarks; bookmark pdf reader
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Able to get word count in PDF pages. Change Word hyperlink to PDF hyperlink and bookmark. Free online Word to PDF converter without email.
creating bookmarks in pdf files; add bookmarks pdf
</script> 
<div id="outputVal"></div> 
</div> 
Figure 11: Output of the Web SQL in Google Chrome
Here are the steps that the code performs: 
1. The openDatabase command is used to create a database if it doesn't already exist. Otherwise the 
database is opened. 
2. Various SQL commands are passed in as necessary. These commands include commands to drop 
a table, create a table, and fill that table using a parameterized SQL command. In this example, the 
database commands are wrapped in a transaction. 
3. An SQL statement is used to query the database table. 
4. The data is output into an HTML table. 
Although the Web SQL standard exists, further work on it has been shelved pending changes in 
the marketplace and standards process. What are developers to do regarding local data in a web 
application? Work is currently going on for a standard called IndexedDB. Hopefully, this standard 
will gain support in the mobile marketplace in the near future. You can find more information about 
IndexedDB here
Other HTML5 Features 
Although I've covered a number of HTML5 features in this article, it is by no means a complete list. 
Here are some additional features in HTML5: 
60
Chapter 6: Introduction to HTML5 for Mobile App Development
VB.NET PDF: Basic SDK Concept of XDoc.PDF
VB.NET programmers can convert Word, Excel, PowerPoint Tiff NET allows VB.NET developers to edit hyperlink of PDF document, including editing PDF url links
adding bookmarks to pdf document; how to add bookmarks on pdf
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
conversion. Export PowerPoint hyperlink to PDF in .NET console application. Free online PowerPoint to PDF converter without email.
add bookmarks to pdf reader; convert word pdf bookmarks
Drag and drop -- With drag and drop, users can grab objects and drag them around the screen to 
operate on them. 
Web workers -- Developers with experience in the server and desktop world are familiar with the use 
of threads to accomplish long-running operations in parallel. Web workers is effectively threading in 
JavaScript for the web browser. 
Cross-document messaging -- For a number of years, web developers have known that it is impossible 
to make Ajax requests to domains that are not a part of the domain as well as script across windows 
loaded from different domains. This is a security feature. With support for cross-document messaging, 
pages can communicate with each other with basic security features enabled. 
Browser history support -- Support for the forward and backward buttons in a web application with 
Ajax is problematic. Various methods have been devised for this purpose; however, browser support 
has been spotty. With browser support for history built in, developers will be better off. The window.
history object supports several methods worth mentioning: 
• pushState(state, title, url) allows for the pushing of state into the browser's history stack. 
• window.onpopstate is an event that will be raised when a user navigates through a page supporting 
history. 
• history.replace, .back, .forward, and .go are methods that will allow users to navigate through the 
history as needed by the application. 
Microdata -- With microdata, it will be possible to add additional meaning to web applications in the 
browser. Microdata will give more meaning to the content so that search engines can provide better 
search results. 
File access -- There are several APIs that provide access to the file system on the client computing 
device. 
Along with these features, there is CSS3, which space limitations prevent me from discussing here. 
You can find more information about HTML5 features as well as CSS3 in the HTML5 articles by 
Michael Palermo and Dan Wahlin at www.DevProConnections.com. See, for example, "HTML5 Is in 
Style: Working with CSS3 and HTML5." 
Further Explorations 
One final note: As you develop applications that use HTML5, you may also want to make use of 
frameworks. The examples here are based on the jQuery Mobile framework. I have used it to due to 
the popularity of jQuery among ASP.NET developers. However, jQuery Mobile is by no means the 
only framework that you can use. Some of the others are jQTouch, Sencha touch, iWebKit, Wink, 
and others. I hope that you have enjoyed this introduction to HTML5 and will use this article as a 
jumping-off point in your explorations of these and other HTML5-related technologies and tools. 
Chapter 6: Introduction to HTML5 for Mobile App Development 
61
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB.NET OCR, VB.NET Export PowerPoint hyperlink to PDF.
bookmark page in pdf; creating bookmarks in pdf from word
C# PDF Library SDK to view, edit, convert, process PDF file for C#
RasterEdge PDF SDK for .NET package offers robust APIs for editing PDF document hyperlink (url) and quick navigation link in PDF bookmark.
edit pdf bookmarks; copy pdf bookmarks
[sidebar] 
Author's Notes 
Here are a few considerations to be aware of as you're reading this article: 
• As a developer, I have many "interesting" things installed on my system. One of those things is the 
Google Chrome Frame, which is a Google-written plug-in for Internet Explorer (IE). Google Chrome 
Frame is not the Google Chrome browser for IE. Rather, it is a plug-in that brings some HTML5 fea-
tures to IE 6, 7, and 8. This was on my system before I installed IE 9 -- thus, you may experience some 
differences in output when you run the code samples. 
• There are various third-party browsers for Android. Some support the HTML5 features mentioned 
in the article, some do not. For example, Firefox on Android does not support Web SQL, whereas the 
built-in Android browser does. Because of these variations, I highly recommend using the Modernizr 
framework to test a browser for feature support. 
• Because of the number of browsers and combinations, it's important to use feature detection in an 
application as opposed to browser detection. 
• The HTML5 samples written with this article use Razor and ASP.NET Web Pages. The key pieces are 
in the individual pages. (For more information on these topics, see Brian Mains' article "Using ASP.
NET Web Pages with the Razor View Engine." 
• The jQuery Mobile libraries used are based are the daily build of jQuery Mobile. This can result in 
breakage one day and everything working properly on another day.
62
[sidebar] 
Chapter 7: HTML5 for the ASP.NET 
Developer
Start taking advantage of HTML5 features to optimize websites  
for desktop and mobile browsers 
By Wallace McClure
HTML standards have been an important part of web development since the beginning of the web. 
HTML5, the most recent version of HTML, is a work in progress. After several attempts, the World 
Wide Web Consortium (W3C) formally began work on an update to the HTML specifications. (See 
Chapter 1 for detail about the history of HTML5.) This work first bore fruit with the publication of 
a public draft of HTML5 standards in January 2008. Hopefully, the final specifications will occur 
over the next several years, but the lack of formal specifications doesn't mean that we as developers 
can't take advantage of the HTML5 features that browser companies have already incorporated into 
their products. Specifically, Microsoft, Mozilla, Apple, Google, and Opera have begun implementing 
parts of the HTML5 specifications in their browsers. In this article, we'll take a look at some of those 
specifications and discuss what we developers need to do to make our applications compliant with 
HTML5.
New Features in HTML5
HTML5 is an umbrella term for the new HTML, JavaScript, and Cascading Style Sheets (CSS) features 
that are being standardized. New HTML tags include the <nav> tag, which is used for general website 
navigation; the <video> tag, which is used for displaying video content; and the <audio> tag, which 
is used for playing audio content. In general, these tags replace the <object> tag that websites used 
previously. HTML5 also includes new input controls that are designed to handle some of the more 
common input scenarios, such as issues with dates and times. Finally, numerous attributes have been 
added to existing controls. Many of the existing input controls have new and enhanced attributes that 
allow browsers to expose users to new functionality.
Along with the new markup specifications, new JavaScript classes let programmers capitalize on the 
latest features that developers have been asking for. The following paragraphs discuss some of these 
features.
JavaScript selectors. There are new JavaScript selectors for getElementById and getElementByTag-
Name. There are also selectors, such as getElementByClassName and querySelector.
Chapter 7: HTML5 for the ASP.NET Developer 
63
LocalStorage. Developers have long been using cookies for local storage. However, cookies are sent 
across the wire and back to the server, a transfer that increases sent data volumes. HTML5 introduces 
support for a storage feature named LocalStorage. With this feature, data is no longer sent across the 
wire with each server request. Also, more data can be stored with LocalStorage than with cookies.
WebSQL. Although WebSQL is no longer a part of the HTML5 standard, this feature has been imple-
mented in several browsers, such as iPhone's Safari and the Android browser. This feature can be 
tested for and used.
Threads. On a desktop application, a long-running operation can be spun off into another thread, 
allowing the user to continue working without blocking the application's UI. HTML5 introduces this 
concept of threads in the browser environment, a feature known as Web Workers.
Application caching. What happens when an application cannot connect to its web server? There 
may be a variety of reasons, but the user only knows that the application is offline. HTML5 provides 
an offline application-caching API that allows an application to degrade more gracefully when it 
cannot connect to its web server.
Web sockets. When there is a long-running event on the server, the browser can be set to poll for a 
completion. What happens when 100,000 users continually nag the server with the online equivalent 
of "Are we there yet?" To address this issue, the HTML5 standard has web sockets. However, there are 
some security issues in the underlying communications protocol that must be addressed.
Drawing.
It's possible to draw in the browser by using the Canvas tag and its associated JavaScript 
commands.
Geolocation. Geolocation is not a part of, but is associated with, the HTML5 specifications. Because 
it is often discussed as a part of HTML5, we'll consider it that way for this article. Geolocation allows 
a browser to determine its current location so that the user can be presented with local informa-
tion. Geolocation allows for more accurate location information than is typically possible through IP 
address lookup services.
Other features allow for drag-and-drop support, audio and video tag manipulation, server-sent events, 
and other features. Some of these features will also require server support for optimal performance.
A Peek at HTML5
Let's take a peek at a simple HTML5 web page and make some key observations about the code. 
Figure 1 shows some sample source code.
Figure 1: Sample HTML5 source code
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1" /> 
<title>About My HTML5 Site</title> 
64
Chapter 7: HTML5 for the ASP.NET Developer
</head> 
<body> 
<div id="container"> 
<header >  
<h1>About My HTML5 Site</h1> 
</header> 
<p> 
This web page was built using ASP.NET. For more information, visit the  
<a href="http://www.asp.net">ASP.NET homepage</a>. 
</p> 
<footer> 
<span style="margin-left:auto;margin-right:auto;"><a href="http://www.scal-
abledevelopment.com">SDI</a></span> 
</footer> 
</div> 
</body> 
</html>
Notice that the doctype tag, which tells a browser which version of HTML to use, is now much sim-
pler. In HTML5, there is only one doctype tag. The X-UA-Compatible meta tag tells the browser to 
use the most recent engine available. My system has the Google Chrome frame plug-in installed, so 
this information is included, as well as the instruction to use the most recent version of the Internet 
Explorer (IE) engine. Finally, the page is logically divided by header, content, and footer tags. These 
tags instruct a browser to separate the content visually. This instruction is particularly important for a 
mobile web browser.
Browsers Galore
Currently, there is no single dominant browser. We've got IE, Firefox, Chrome, Safari, and Opera for 
the desktop. Add to those the many mobile device browsers such as Safari, the Android browser, and 
the mobile IE for Windows Phone 7, along with the various versions of each browser. Developers are 
presented with a vast and complex array of scenarios to code for. In this vein, you may be familiar 
with the following JavaScript code:
If ( navigator.useragent.indexOf(…….) > -1) 
// do something...
This code determines whether the browser is of a specific type. It then responds accordingly—for 
example, by redirecting the browser to a page optimized for that browser.
Similar functionality exists on the server. The ASP.NET developer can use the Request.Browser server-
side object. Some of the properties of this object that you may find useful include the following:
• Request.Browser.IsMobileDevice 
• Request.Browser.MobileDeviceManufacturer 
Chapter 7: HTML5 for the ASP.NET Developer 
65
Documents you may be interested
Documents you may be interested