When the amount of work or time required to complete the task is not know, the Progress
element is said to be in an indeterminate state. In this state, it simply displays some kind of
“working” animation to indicate that something is happening. When the total amount of
work (or time or bytes) and the amount accomplished are known, the Progress element is a
determinate state and can display progress with some kind of completion percentage graphic.
<progress>
is an HTML5 element that, at the time of this writing, is not yet widely supported.
Properties
readonly Form form
The Form element, if there is one, that is the ancestor of this element or that was identified
with the HTML 
form
attribute.
readonly NodeList labels
An array-like object of Label elements that are associated with this element.
double max
The total amount of work to be done. When using a Progress element to display upload
or download progress of an XMLHttpRequest, for example, you might set this property
to the total number of bytes to be transferred. This property mirrors the 
max
attribute.
The default value is 1.0.
readonly double position
If this is a determinate Progress element, this property is the computed value 
value/
max
. Otherwise this property will be -1.
double value
A value between 0 and 
max
indicating how much progress has been made. This property
mirrors the 
value
attribute. If the attribute exists, the Progress element is a determinate
element. If it does not exist, the Progress element is indeterminate. To switch from de-
terminate to indeterminate mode (because of a stalled event from a MediaElement, for
example), you can use the 
removeAttribute()
method of 
Element
.
ProgressEvent
downloading, uploading, or file reading progress
Event
The 
ApplicationCache
FileReader
, and (level 2) 
XMLHttpRequest
object all fire Progress events
to inform interested applications of the progress of a data transfer process such as a network
download or upload or a file read. Events of this sort are known generically as Progress
events, but only one such event actually has the name “progress.” Other Progress events fired
by FileReader and XMLHttpRequest  are loadstart, load, loadend, error  and abort.
XMLHttpRequest also fires a timeout Progress event. ApplicationCache fires a number of
events, but only the one named “progress” is a Progress event of the type described here.
Progress events are triggered in a sequence that begins with a loadstart event and always ends
with a loadend event. The event immediately before loadend will be load, error, or abort,
depending on whether the data transfer operation succeeded and if not, how it failed. Zero
or more progress events (with the actual event name “progress”) are triggered between the
initial loadstart and the final two events. (The ApplicationCache object fires a different se-
ProgressEvent
Client-Side JavaScript Reference | 983
Client-Side
JavaScript
Reference
Chrome pdf from link - insert, remove PDF links in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Free C# example code is offered for users to edit PDF document hyperlink (url), like inserting and deleting
add hyperlink to pdf in; add link to pdf file
Chrome pdf from link - VB.NET PDF url edit library: insert, remove PDF links in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Help to Insert a Hyperlink to Specified PDF Document Page
add hyperlink to pdf online; add url pdf
quence of events, but the progress event it fires as part of its cache update process is a Progress
event.)
Event handlers for Progress events are passed a ProgressEvent object that specifies how many
bytes of data have been transferred. This ProgressEvent object is unrelated to the HTML
<progress>
element described in 
Progress
, but the ProgressEvent object passed to the
onprogress
event handler of an XMLHttpRequest (for example) could be used to update the
state of a 
<progress>
element to display a visual download completion percentage value to
the user.
Properties
readonly boolean lengthComputable
true
if the 
total
number of bytes to transfer is known and 
false
otherwise. If this property
is 
true
, the data transfer completion percentage for a ProgressEvent 
e
can be computed as:
var percentComplete = Math.floor(100*e.loaded/e.total);
readonly unsigned long loaded
How many bytes have been transferred so far.
readonly unsigned long total
The total number of bytes to be transferred, if that value is known, or 0 otherwise. This
information might come from the 
size
property of a Blob or the 
Content-Length
header
returned by a web server, for example.
Screen
information about the display screen
The 
screen
property of a Window refers to a Screen object. The properties of this global object
contain information about the computer monitor on which the browser is displayed. Java-
Script programs can use this information to optimize their output for the user’s display ca-
pabilities. For example, a program can choose between large and small images based on the
display size.
Properties
readonly unsigned long availHeight
Specifies the available height, in pixels, of the screen on which the web browser is dis-
played. This available height does not include vertical space allocated to permanent
desktop features, such as a bar or dock at the bottom of the screen.
readonly unsigned long availWidth
Specifies the available width, in pixels, of the screen on which the web browser is dis-
played. This available width does not include horizontal space allocated to permanent
desktop features.
readonly unsigned long colorDepth
readonly unsigned long pixelDepth
These synonymous properties both specify the color depth of the screen in bits per pixel.
Screen
984 | Client-Side JavaScript Reference
C# Image: How to Integrate Web Document and Image Viewer
modern browsers, such as IE, Chrome, Firefox, and RasterEdge DocImage SDK for .NET link directly. RasterEdgeImagingDeveloperGuide8.0.pdf: from this user manual
pdf hyperlinks; convert excel to pdf with hyperlinks
VB.NET PDF: Create PDF Document Viewer in C#.NET for Document
supports multiple common browsers, such as IE, Chrome, Firefox, Safari information on them, just click the link and go VB.NET PDF Web Viewer, VB.NET PDF Windows
add url link to pdf; adding hyperlinks to pdf
readonly unsigned long height
Specifies the total height, in pixels, of the screen on which the web browser is displayed.
See also 
availHeight
.
readonly unsigned long width
Specifies the total width, in pixels, of the screen on which the web browser is displayed.
See also 
availWidth
.
Script
an HTML <script> element
Node, Element
A Script object represents an HTML 
<script>
element. Most of its properties simply mirror
the HTML attributes with the same name, but 
text
works like the 
textContent
property
inherited from 
Node
.
Note that a 
<script>
will not run more than once. You cannot change the 
src
or 
text
property
of an existing 
<script>
element to make it run a new script. You can set these properties on
a newly created 
<script>
element to execute a script, however. Note, though, that a
<script>
tag must be inserted into a Document in order to run. The script will be executed
when 
src
or 
type
is set or when it is inserted into the document, whichever comes last.
Properties
boolean async
true
if the 
<script>
element has an 
async
attribute and 
false
otherwise. See §13.3.1.
string charset
The character encoding of the script specified by 
src
URL. This property is not normally
specified, and the default is to interpret the script using the same encoding as the con-
taining document.
boolean defer
true
if the 
<script>
element has a 
defer
attribute and 
false
otherwise. See §13.3.1.
string src
The URL of the script to be loaded.
string text
The text that appears between the 
<script>
tag and the closing 
</script>
tag.
string type
The MIME type of the scripting language. The default is “text/javascript”, and you do
not need to set this property (or the HTML attribute) for ordinary JavaScript scripts. If
you set this property to a custom MIME type of your own, you can embed arbitrary
textual data within the 
<script>
element for use by other scripts.
Script
Client-Side JavaScript Reference | 985
Client-Side
JavaScript
Reference
VB.NET PDF Convert to HTML SDK: Convert PDF to html files in vb.
Major browser supported, include chrome, firefox, ie, edge, safari, etc. Embed converted html files in html page or iframe. Export PDF form data to html form in
add links in pdf; add link to pdf acrobat
C# PDF Convert to HTML SDK: Convert PDF to html files in C#.net
Use JS (jquery) to control PDF page navigation. Cross browser supported, like chrome, firefox, ie, edge, safari. Embed zoom setting (fit page, fit width).
adding links to pdf; add links pdf document
Select
a graphical selection list
Node, Element, FormControl
The Select element represents an HTML 
<select>
tag, which displays a graphical list of
choices to the user. If the HTML 
multiple
attribute is present, the user may select any number
of options from the list. If that attribute is not present, the user may select only one option,
and options have a radio button behavior—selecting one deselects whichever was previously
selected.
The options in a Select element can be displayed in two distinct ways. If the 
size
attribute
has a value greater than 1, or if the 
multiple
attribute is present, they are displayed in a list
box that is 
size
lines high in the browser window. If 
size
is smaller than the number of options,
the listbox includes a scrollbar. On the other hand, if 
size
is 1 and 
multiple
is not specified,
the currently selected option is displayed on a single line, and the list of other options is made
available through a drop-down menu. The first presentation style displays the options clearly
but requires more space in the browser window. The second style requires minimal space but
does not display alternative options as explicitly. 
size
defaults to 4 when the 
multiple
attribute
is set, and 1 otherwise.
The 
options[]
property of the Select element is the most interesting. This is an array-like
object of 
<option>
elements (see 
Option
) that describe the choices presented by the Select
element. For historical reasons, this array-like object has some unusual behaviors for adding
and removing new 
<option>
elements. See 
HTMLOptionsCollection
for details.
For a Select element without the 
multiple
attribute specified, you can determine which option
is selected with the 
selectedIndex
property. When multiple selections are allowed, however,
this property tells you the index of only the first selected option. To determine the full set of
selected options, you must iterate through the 
options[]
array and check the 
selected
prop-
erty of each Option object.
Properties
In addition to the properties listed here, Select elements also define the properties of 
Ele-
ment
and 
FormControl
and mirror HTML attributes with the following JavaScript properties:
multiple
required
, and 
size
.
unsigned long length
The number of elements in the 
options
collection. Select objects are themselves array-
like objects, and for a Select object 
s
and a number 
n
s[n]
is the same as 
s.options[n]
.
readonly HTMLOptionsCollection options
An array-like object of 
Option
elements contained by this Select element. See HTMLOp-
tionsCollection for a description of the historical behavior of this collection.
long selectedIndex
The position of the selected option in the 
options
array. If no options are selected, this
property is −1. If multiple options are selected, this property holds the index of the first
selected option.
Setting the value of this property selects the specified option and deselects all other op-
tions, even if the Select object has the 
multiple
attribute specified. When you’re doing
Select
986 | Client-Side JavaScript Reference
C# HTML5 PDF Viewer SDK to view, annotate, create and convert PDF
various ASP.NET platforms. Support to view PDF document online in browser such as firefox, chrome, safari and so on. Support ASP.NET MVC
convert doc to pdf with hyperlinks; active links in pdf
C# PDF Markup Drawing Library: add, delete, edit PDF markups in C#
A web based markup tool able to annotate PDF in browser such as chrome, firefox and safari in ASP.NET WebForm application. Support
add links to pdf in acrobat; pdf link to specific page
listbox selection (when 
size
> 1), you can deselect all options by setting 
selectedIndex
to −1. Note that changing the selection in this way does not trigger the 
onchange()
event
handler.
readonly HTMLCollection selectedOptions
A read-only array-like object of Option elements that are selected. This is a new property
defined by HTML5 and, at the time of this writing, it is not yet widely supported.
Methods
The methods listed here all delegate to the same-named methods of the 
options
property; see
HTMLOptionsCollection
for details. In addition to these methods, Select elements also imple-
ment the methods of 
Element
and 
FormControl
.
void add(Element element, [any before])
This method works just like 
options.add()
to add a new Option element.
any item(unsigned long index)
This method works just like 
options.item()
to return an Option element. It is also invoked
when the user indexes the Select object directly.
any namedItem(string name)
This method is just like 
options.namedItem()
. See 
HTMLOptionsCollection
.
void remove(long index)
This method works just like 
options.remove()
to remove an Option element. See HTMLOp-
tionsCollection.
Storage
client-side storage of name/value pairs
The 
localStorage
and 
sessionStorage
properties of 
Window
are both Session objects that rep-
resent persistent client-side associative arrays that map string keys to values. In theory, a
Session object can store any value that can be cloned with the structured clone algorithm (see
“Structured Clones” on page 672). At the time of this writing, however, browsers only support
string values.
The methods of a Storage object allow you to add new key/value pairs, remove key/value
pairs, and query the value associated with a specified key. You don’t have to call these methods
explicitly, however: you can use array indexing and the 
delete
operator in their place, and
treat 
localStorage
and 
sessionStorage
as if they were ordinary JavaScript objects.
If you change the contents of a Storage object, any other Windows that have access to the
same storage area (because they’re displaying a document from the same origin) will be no-
tified of the change with a 
StorageEvent
.
Properties
readonly unsigned long length
The number of key/value pairs stored.
Storage
Client-Side JavaScript Reference | 987
Client-Side
JavaScript
Reference
C# PDF Text Highlight Library: add, delete, update PDF text
An ASP.NET web-server compliant library able to highlight text in PDF file online in browser such as chrome, firefox, safari, etc.
add hyperlinks to pdf online; adding links to pdf in preview
VB.NET Word: Create VB.NET Word Document Viewer in Web, Windows
in one of above mentioned VB.NET Word document viewers, please follow the link to see If needed, you can try VB.NET PDF document file viewer SDK, and VB.NET
clickable links in pdf; add hyperlink pdf file
Methods
void clear()
Removes all stored key/value pairs.
any getItem(string key)
Returns the value associated with 
key
. (In implementations current at the time of this writing,
the return value will always be a string.) This method is invoked implicitly when you index
the Storage object to retrieve a property named 
key
.
string key(unsigned long n)
Returns the 
n
th key in this Storage object or 
null
if 
n
is greater than or equal to 
length
. Note
that the order of the keys may change if you add or remove key/value pairs.
void removeItem(string key)
Removes 
key
, and its associated value, from this Storage object. This method is invoked im-
plicitly if you use the 
delete
operator to delete the property named 
key
.
void setItem(string key, any value)
Add the specified 
key
and 
value
to this Storage object, replacing any value that is already
associated with 
key
. This method is invoked implicitly if you assign a 
value
to the property
named 
key
of the Storage object. That is, you can use ordinary JavaScript property access and
assignment syntax instead of explicitly calling 
setItem()
.
StorageEvent
Event
The 
localStorage
and 
sessionStorage
properties of a Window object refer to 
Storage
objects
that represent client-side storage areas (see §20.1). If more than one window, tab, or frame
is displaying documents from the same origin, multiple windows have access to the same
storage areas. If a script in one window changes the contents of a storage area, a storage event
is triggered on all other Window objects that share access to that storage area. (Note that the
event is not triggered in the window that made the change.) Storage events are triggered on
the Window object and do not bubble. They do not have any default action that can be
canceled. The object associated with a storage event is a StorageEvent object, and its prop-
erties describe the change that occurred to the storage area.
Properties
readonly string key
This property is the key that was set or deleted. If the entire storage area was cleared with
Storage.clear()
, this property (as well as 
newValue
and 
oldValue
) will be 
null
.
readonly any newValue
The new value of the specified 
key
. This will be 
null
if the key was removed. At the time
of this writing, browser implementations only allow string values to be stored.
StorageEvent
988 | Client-Side JavaScript Reference
C# TIFF: C#.NET Code to Create Online TIFF Document Viewer
modern browsers, including IE, Chrome, Firefox, Safari more web viewers on PDF and Word <link href="RasterEdge_Imaging_Files/RasterEdge.css" rel="stylesheet"type
check links in pdf; add links to pdf file
C# Word: How to Create Word Online Viewer in C# Application
including IE (Internet Explorer), Chrome, Firefox, Safari you can go to PDF Web Viewer <link href="RasterEdge_Imaging_Files/RasterEdge.css" rel="stylesheet"type
clickable links in pdf files; add hyperlink to pdf acrobat
readonly any oldValue
The old value of the key that was changed, or 
null
if this key was newly added to the
storage area. At the time of this writing browser implementations only allow string values
to be stored.
readonly Storage storageArea
This property will be equal to the 
localStorage
or 
sessionStorage
property of the Win-
dow that receives this event and indicates which storage area was changed.
readonly string url
This is the URL of the document whose script changed the storage area.
Style
an HTML <style> element
Node, Element
A Style object represents an HTML 
<style>
tag.
Properties
boolean disabled
Set this property to 
true
to disable the stylesheet associated with this 
<style>
element,
and set it to 
false
to re-enable it.
string media
This property mirrors the HTML 
media
attribute and specifies the mediums to which the
specified styles apply.
boolean scoped
This property is 
true
if the HTML 
scoped
attribute is present on the 
<style>
element, and
false
otherwise. At the time of this writing, browsers do not support scoped stylesheets.
readonly CSSStyleSheet sheet
The 
CSSStyleSheet
defined by this 
<style>
element.
string title
All HTML elements allow a 
title
attribute. Setting this attribute or property on a
<style>
element may allow the user to select the stylesheet (as an alternate stylesheet) by
title, and the title you specify may appear within the web browser UI in some fashion.
string type
Mirrors the HTML 
type
attribute. The default value is “text/css”, and you do not nor-
mally need to set this attribute.
Table
an HTML <table>
Node, Element
The Table object represents an HTML 
<table>
element and defines a number of convenience
properties and methods for querying and modifying various sections of the table. These
Table
Client-Side JavaScript Reference | 989
Client-Side
JavaScript
Reference
methods and properties make it easier to work with tables, but their functionality can also be
duplicated with core DOM methods.
HTML tables are composed of sections, rows, and cells. See 
TableCell
TableRow
, and 
Table-
Section
.
Properties
In addition to the properties listed here, Table elements also have a 
summary
property that
mirrors the HTML attribute of the same name.
Element caption
A reference to the 
<caption>
element for the table, or 
null
if there is none
readonly HTMLCollection rows
An array-like object of TableRow objects that represent all the rows in the table. This
includes all rows defined within 
<thead>
<tfoot>
, and 
<tbody>
tags.
readonly HTMLCollection tBodies
An array-like object of TableSection objects that represent all the 
<tbody>
sections in this
table.
TableSection tFoot
The 
<tfoot>
element of the table, or 
null
if there is none.
TableSection tHead
The 
<thead>
element of the table, or 
null
if there is none.
Methods
Element createCaption()
This method returns an Element object representing the 
<caption>
of this table. If the table
already has a caption, this method simply returns it. If the table does not have an existing
<caption>
, this method creates a new (empty) caption and inserts it into the table before
returning it.
TableSection createTBody()
This method creates a new 
<tbody>
element, inserts it into the table, and returns it. The new
element is inserted after the last 
<tbody>
in the table, or at the end of the table.
TableSection createTFoot()
This method returns a TableSection representing the first 
<tfoot>
element for this table. If
the table already has a footer, this method simply returns it. If the table does not have an
existing footer, this method creates a new (empty) 
<tfoot>
element and inserts it into the table
before returning it.
TableSection createTHead()
This method returns a TableSection representing the first 
<thead>
element for this table. If
the table already has a header, this method simply returns it. If the table does not have an
existing header, this method creates a new (empty) 
<thead>
element and inserts it into the
table before returning it.
Table
990 | Client-Side JavaScript Reference
void deleteCaption()
Removes the first 
<caption>
element from the table, if it has one.
void deleteRow(long index)
This method deletes the row at the specified position from the table. Rows are numbered in
the order in which they appear in the document source. Rows in 
<thead>
and 
<tfoot>
sections
are numbered along with all other rows in the table.
void deleteTFoot()
Removes the first 
<tfoot>
element from the table, if it has one.
void deleteTHead()
Removes the first 
<thead>
element from the table, if it has one.
TableRow insertRow([long index])
This method creates a new 
<tr>
element, inserts it into the table at the specified 
index
, and
returns it.
The new row is inserted in the same section and immediately before the existing row at the
position specified by 
index
. If 
index
is equal to the number of rows in the table (or to -1), the
new row is appended to the last section of the table. If the table is initially empty, the new
row is inserted into a new 
<tbody>
section that is itself inserted into the table.
You can use the convenience method 
TableRow.insertCell()
to add content to the newly
created row. See also the 
insertRow()
method of 
TableSection
.
TableCell
a cell in an HTML table
Node, Element
A TableCell object represents a 
<td>
or 
<th>
element.
Properties
readonly long cellIndex
The position of this cell within its row.
unsigned long colSpan
The value of the HTML 
colspan
attribute, as a number.
unsigned long rowSpan
The value of the HTML 
rowspan
attribute, as a number.
TableRow
a <tr> element in an HTML table
Node, Element
A TableRow object represents a row (a 
<tr>
element) in an HTML table and defines properties
and methods for working with the TableCell elements of the row.
TableRow
Client-Side JavaScript Reference | 991
Client-Side
JavaScript
Reference
Properties
readonly HTMLCollection cells
An array-like object of TableCell objects representing the 
<td>
and 
<th>
elements in this
row.
readonly long rowIndex
The index of this row in the table.
readonly long sectionRowIndex
The position of this row within its section (i.e., within the 
<thead>
<tbody>
, or 
<tfoot>
in which it is contained).
Methods
void deleteCell(long index)
This method deletes the cell at the specified 
index
in the row.
Element insertCell([long index])
This method creates a new 
<td>
element, inserts it into the row at the specified position, and
then returns it. The new cell is inserted immediately before the cell that is currently at the
position specified by 
index
. If 
index
is omitted, is -1, or is equal to the number of cells in the
row, the new cell is appended to the end of the row.
Note that this convenience method inserts 
<td>
data cells only. If you need to add a header
cell into a  row, you  must create and insert the 
<th>
element using 
Document.cre
ateElement()
and 
Node.insertBefore()
or related methods.
TableSection
a header, footer, or body section of a table
Node, Element
A TableSection object represents a 
<tbody>
<thead>
, or 
<tfoot>
element in an HTML table.
The 
tHead
and 
tFoot
properties of a Table are TableSection objects, and the 
tBodies
property
is an HTMLCollection of TableSection objects.
A TableSection contains 
TableRow
objects and is contained in a 
Table
object.
Properties
readonly HTMLCollection rows
An array-like object of TableRow objects representing the rows in this section of the table.
Methods
void deleteRow(long index)
This method deletes the row at the specified position within this section.
TableRow insertRow([long index])
This method creates a new 
<tr>
element, inserts it into this table section at the specified
position, and returns it. If 
index
is -1 or is omitted or equals the number of rows currently in
TableSection
992 | Client-Side JavaScript Reference
Documents you may be interested
Documents you may be interested