Home > Technical Notes
Latest Version : 1.0.0003
Supported IE Versions : IE6,IE7,IE8,IE9
Supported OS Versions : Windows 2000 or later
Stable version : 1.0.11110400
Latest version : 1.0.12051100
Supported Firefox versions
Firefox 3.0 - 12.*
Latest Version : 1.0.0
Hyperanchor exapmles
In this page, hyperanchor format example is described below.
Hyperanchors will differ depending on the existence of unique "id" / "name" attribute or the existence of same name node in previous siblings.
Here's the example of hyperanchor for some exemplar HTML structures.
"characters" indicate the selected range.
In case of that unique attribute exists
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample_en.html#hyperanchor1.2:
In case of that unique attribute exists in the previous siblings node or parent node
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample_en.html#hyperanchor1.2:
In case of that unique attribute does not exists
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE id="contents">
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE id="contents">
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample_en.html#hyperanchor1.2:
In case of that multiple nodes are selected
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample_en.html#hyperanchor1.2:
In case of that style is set
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD>sample characters 2</TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample_en.html#hyperanchor1.2:
In case of that non text node is selected
[HTML]
<HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD><img src="http://www.hyper-anchor.org/tutorial/img.jpg" /></TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>...</TITLE>
<META... />
</HEAD>
<BODY>
<DIV id="contents">sample characters 1</DIV>
<TABLE>
<TR>
<TD><img src="http://www.hyper-anchor.org/tutorial/img.jpg" /></TD>
<TD>sample characters 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[hyperanchor]
http://www.hyper-anchor.org/tutorial/sample3_en.html#hyperanchor1.2: