Web

The widget was created in the Amazon is planted Javascript is used, there was a syntax error and design problems HTML, tried to implemented in HTML.
We can not yet confirmed if it works properly, so the search notes as like running properly anyway.
HTML syntax below, was added to the side menu

<dt>AmazonSearch</dt> <dd> <form action="http://www.amazon.co.jp/exec/obidos/external-search" method="get"> <fieldset> <legend> <label for="AmazonSearchKeyword">Amazon検索</label> </legend> <div> <strong>サーチ:</strong> <select id="searchDropdownBox" style="font-size: 0.8em;" title="次の中からサーチ" name="url"> <option selected="selected" value="search-alias=aps">すべてのカテゴリー</option> <option value="search-alias=stripbooks">和書</option> <option value="search-alias=english-books">洋書</option> <option value="search-alias=dvd">DVD</option> <option value="search-alias=popular">ミュージック</option> <option value="search-alias=classical">クラシック音楽</option> <option value="search-alias=mi">楽器</option> <option value="search-alias=videogames">TVゲーム</option> <option value="search-alias=software">PCソフト</option> <option value="search-alias=electronics">家電&amp;カメラ</option> <option value="search-alias=office-products">文房具・オフィス用品</option> <option value="search-alias=kitchen">ホーム&amp;キッチン</option> <option value="search-alias=food-beverage">食品&amp;飲料</option> <option value="search-alias=hpc">ヘルス&amp;ビューティー</option> <option value="search-alias=beauty">コスメ</option> <option value="search-alias=baby">ベビー&amp;マタニティ</option> <option value="search-alias=toys">おもちゃ</option> <option value="search-alias=apparel">服＆ファッション小物</option> <option value="search-alias=shoes">シューズ＆バッグ</option> <option value="search-alias=jewelry">ジュエリー</option> <option value="search-alias=watch">時計</option> <option value="search-alias=sporting">スポーツ&amp;アウトドア</option> <option value="search-alias=automotive">カー＆バイク用品</option> <option value="search-alias=diy">DIY・工具</option> </select></div> <div> <input id="AmazonSearchKeyword" style="width: 10em; font-size: 0.8em;" name="AmazonSearchKeyword" type="text" /> <input name="tag" type="hidden" value="dambe-22" /> <input name="encoding-string-jp" type="hidden" value="日本語" /> <input style="vertical-align: middle;" name="Go" src="http://wms.assoc-amazon.jp/JP/img/go-rd-sec_tpng.png?tag=dambe-22" type="image" value="Go" /></div> <div> <a href="http://www.amazon.jp/?&amp;camp=759&amp;linkCode=wsw&amp;tag=dambe-22&amp;creative=3867"> <img style="border: none;" src="http://wms.assoc-amazon.jp/JP/img/amazon-logo-b_tpng.png" alt="Amazon.co.jpアソシエイト" /> </a></div></fieldset> </form> </dd> 

It has been ported to expose some functionality is only to allow the editor at Sakura Zen Coding.

• Setting method
  1. ZenCodingForSakuraEditor.zip download and unzip it.
     
  2. Place the cherry in the macro editor folder ZenCoding.js.
     (In our example, create a folder called "macro" in the installation folder of cherry editor, has been copied to there.)
     
  3. Open> tab, select [macro] -> [(C) ... Common Settings] - [(O) Settings. (Open but Ctrl +6.)
     
  4. Press the Browse button, set the macro folder.
     Reads the macro file "ZenCodeing.js" from the drop-down list in the [File].
     Enter the "ZenCoding" macro name to [name], and then press the [Settings].
     
  5. And the changes will take effect, the macro "ZenCoding" was set to macro list will be displayed.
     
  6. Open the tab to key assignment, select the "external macro" in the [(K) Type].
     Select will appear. "ZenCoding" to [(F) function.
     In other software I run is a key [Ctrl] + [E], assign the [Alt] + [Z] in the editor because Sakura have been assigned other functions already.
     Check the checkbox of the [Alt], select the "Alt + Z" from the [(Y) key, and then press the [(B) assignment].
     
  7. And the changes will take effect, the shortcut key "Alt + Z" was set to appear [(G) has been assigned function key.
     Then press the [OK], to complete the configuration.
     
• How to use
  1. Now that you are ready to use in this, let us immediately to confirm the operation.
     To the Editor: Let's type "html 4s> div> ul> li * 3> a".
  2. When you are finished, please try to press that has been previously set the [Alt] + [Z] key.
     Once the deployment is successful statement is HTML.
     
• Related
  • Zen Coding official site
  • Sakura official website editor
  • Macro does not work if JS

1. Basic Tags
2. Text Tags
3. Links
4. Formatting
5. Tables
6. Table Attributes
7. Forms

Basic Tags

Basic tags

Create a document <html> </ html> HTML
information that does not appear on other web pages and <head> </ head> title
<body> text to be displayed </ body>
does not allow for the selection of text in the mouse and keyboard <body ondragstart="return false" onselectstart="return false">

Text Tags

Text tag

Create <pre> a preformatted text </ pre>
Create a heading for the largest <h1> </ h1>
Create a heading for the smallest <h6> </ h6>
Create a text <b> bold </ b>
Create <i> a </ i> italic text
Create a text or a typewriter-style <tt> </ tt> Teletype
to create a (usually italics) <cite> citation </ cite>
highlights (in bold italic or) <em> character </ em>
highlights (in bold italic or) <strong> character </ strong>

Links

Link

Create a <a href="URL"> </ a> hyperlinked
Create a <a href="mailto:EMAIL"> </ a> e-mail link
Create <a href="URL"> <img src="URL"> the </ a> image link

Create a target location within a document <a name="NAME"> </ a>
Create a link to the target location in the document <a href="#NAME"> </ a>

Formatting

Format

In addition, <div> be used to encrypt </ div> block, common tags are also used for stylesheets
Create <p> </ p> a new paragraph
<blockquote> indent text from both sides </ blockquote>

to create a numbered list <ol> </ ol>
Create a list with <ul> </ ul> Mark
<li> item </ li> list

Create a definition list <dl> </ dl>
<dt> defined word </ dt>
Definition Description <dd> </ dd>

Insert the image <img src="name">

Insert a new line <br>
Insert a horizontal line <hr />
Insert a horizontal line without a shadow <hr noshade />

Tables

Table

<table> create a </ table> table
<tr> of columns in </ tr> table
(normal cells by the text in bold centered) <th> </ th> table header
<td> cells in the column </ td>

Table Attributes

- The attribute table

The size of the space between table cells <table cellspacing="1">
The size of the space between the border and its contents <table cellpadding="1"> cell
To merge cells in the right direction <td colspan="2">. A standard
To merge cells in a downward direction <td rowspan="4">. A standard
to prohibit the automatic line feed is performed according to the size of the cell <td nowrap>

Forms

Form

Create a <form> </ form> form

Create <select multiple name="NAME" size=?> the </ select> scroll menu. Set the number of menu items you display size.
Create <select name="NAME"> the </ select> pull-down menu
menu item <option> </ option> of each

Create <textarea name="NAME" cols=40 rows=8> the input area </ textarea name> text. cols is the width, row height is set by the number of characters.
to create a line of text input area 1 <input type=text name="ram" size=20>. Size sets the length of the string.
<input type="checkbox" name="NAME"> to create a check box. Text is followed by the tag.
<input type="radio" name="NAME" value="x"> to create a radio button. Text is followed by the tag.
Create a reset button <input type="reset">
The fabricated <input type="submit" value="NAME"> Submit button
Create a Submit button using the image <input type="image" border=0 name="NAME" src="name.gif">
Create a <button type="submit"> Submit button only entity that is </ button> click

Markup symbols

Character	Numeric character references	Character entity reference	Remarks
"	"	"	quotation mark quotation mark = APL quote =
And	And	And	ampersand ampersand =
<	<	<	greater-than less-than sign = (less than)
>	>	>	angle greater-than sign = (greater than)

ISO-8859-1 Latin

Character	Numeric character references	Character entity reference	Remarks
			non-breaking space no-break space = non-breaking space =
¡	¡	¡	exclamation point reverse inverted exclamation mark =
¢	¢	¢	cent sign = cent sign
£	£	£	pound sign = pound sign
¤	¤	¤	general currency sign currency sign =
¥	¥	¥	Mark yen yen sign = yuan sign =
|	|	|	dashed vertical bar broken bar = broken vertical bar =
§	§	§	section sign = section sign
¨	¨	¨	diaeresis = spacing diaeresis = umlaut
©	©	©	copyright copyright sign =
ª	ª	ª	Odinaru female feminine ordinal indicator =
«	«	«	quotation marks left corner left-pointing double angle quotation mark = left pointing guillemet =
¬	¬	¬	negation symbol not sign
	-	-	soft hyphen = discretionary hyphen = soft hyphen
®	®	®	registered trademark registered sign = registered trade mark sign =
¯	¯	¯	dash macron = spacing macron = overline = APL overbar =
°	°	°	degree symbol degree sign =
±	±	±	plus-minus sign = plus-or-minus sign = plus or minus
²	²	²	superscript 2 superscript two = superscript digit two = squared =
³	³	³	superscript three superscript three = superscript digit three = cubed =
'	'	'	acute accent = spacing acute = accent
μ	μ	μ	micro sign = micro sign
¶	¶	¶	pilcrow sign = paragraph sign = paragraph sign
-	-	-	dot in the middle dot = Georgian comma = Greek middle dot =
¸	¸	¸	cedilla = spacing cedilla = cedilla
¹	¹	¹	superscript one superscript one = superscript digit one =
º	º	º	Odinaru male masculine ordinal indicator =
»	»	»	quotation marks right corner of right-pointing double angle quotation mark = right pointing guillemet =
¼	¼	¼	one-quarter fraction vulgar fraction one quarter = fraction one quarter =
½	½	½	one-half fraction vulgar fraction one half = fraction one half =
¾	¾	¾	three-quarters of a fraction vulgar fraction three quarters = fraction three quarters =
¿	¿	¿	reverse question mark inverted question mark = turned question mark =
À	À	À	uppercase A latin capital letter A with grave = latin capital letter A grave =, grave accent
Á	Á	Á	uppercase A latin capital letter A with acute =, acute accent
Â	Â	Â	uppercase A latin capital letter A with circumflex =, circumflex
Ã	Ã	Ã	uppercase A latin capital letter A with tilde =, tilde
Ä	Ä	Ä	uppercase A latin capital letter A with diaeresis =, umlaut
Å	Å	Å	uppercase A latin capital letter A with ring above = latin capital letter A ring =, ring
Æ	Æ	Æ	Ringeicha uppercase AE latin capital letter AE = latin capital ligature AE =
Ç	Ç	Ç	C uppercase latin capital letter C with cedilla =, cedilla
È	È	È	latin capital letter E with grave
É	É	É	latin capital letter E with acute
Ê	Ê	Ê	latin capital letter E with circumflex
Ë	Ë	Ë	latin capital letter E with diaeresis
Ì	Ì	Ì	latin capital letter I with grave
Í	Í	Í	latin capital letter I with acute
Î	Î	Î	latin capital letter I with circumflex
Ï	Ï	Ï	latin capital letter I with diaeresis
Ð	Ð	Ð	latin capital letter ETH = word uppercase Eth (Icelandic
Ñ	Ñ	Ñ	latin capital letter N with tilde
Ò	Ò	Ò	latin capital letter O with grave
Ó	Ó	Ó	latin capital letter O with acute
Ô	Ô	Ô	latin capital letter O with circumflex
Õ	Õ	Õ	latin capital letter O with tilde
Ö	Ö	Ö	latin capital letter O with diaeresis
×	×	×	multiplication sign multiplication sign =
Ø	Ø	Ø	latin capital letter O with stroke = latin capital letter O slash
Ù	Ù	Ù	latin capital letter U with grave
Ú	Ú	Ú	latin capital letter U with acute
Û	Û	Û	latin capital letter U with circumflex
Ü	Ü	Ü	latin capital letter U with diaeresis
Ý	Ý	Ý	latin capital letter Y with acute
Þ	Þ	Þ	Thorn uppercase latin capital letter THORN = word (Iceland
ß	ß	ß	lowercase sharp s latin small letter sharp s = ess-zed = (German
à	à	à	latin small letter a with grave = latin small letter a grave
á	á	á	latin small letter a with acute
â	â	â	latin small letter a with circumflex
ã	ã	ã	latin small letter a with tilde
ä	ä	ä	latin small letter a with diaeresis
å	å	å	latin small letter a with ring above = latin small letter a ring
æ	æ	æ	latin small letter ae = latin small ligature ae
ç	ç	ç	latin small letter c with cedilla
è	è	è	latin small letter e with grave
é	é	é	latin small letter e with acute
ê	ê	ê	latin small letter e with circumflex
ë	ë	ë	latin small letter e with diaeresis
ì	ì	ì	latin small letter i with grave
í	í	í	latin small letter i with acute
î	î	î	latin small letter i with circumflex
ï	ï	ï	latin small letter i with diaeresis
ð	ð	ð	lowercase eth latin small letter eth = word (Iceland
ñ	ñ	ñ	latin small letter n with tilde
ò	ò	ò	latin small letter o with grave
ó	ó	ó	latin small letter o with acute
ô	ô	ô	latin small letter o with circumflex
õ	õ	õ	latin small letter o with tilde
ö	ö	ö	latin small letter o with diaeresis
÷	÷	÷	division sign division sign =
ø	ø	ø	latin small letter o with stroke, o lowercase = latin small letter o slash =, slash
ù	ù	ù	u lowercase latin small letter u with grave =, grave accent
ú	ú	ú	u lowercase latin small letter u with acute =, Accu-rate accent
û	û	û	u lowercase latin small letter u with circumflex =, circumflex
ü	ü	ü	u lowercase latin small letter u with diaeresis =, umlaut
ý	ý	ý	lowercase y latin small letter y with acute =, Accu-rate accent
þ	þ	þ	lowercase thorn latin small letter thorn = word (Iceland
ÿ	ÿ	ÿ	lowercase y latin small letter y with diaeresis =, umlaut

Latin Extended

Character	Numeric character references	Character entity reference	Remarks
Œ	Œ	Œ	ligature OE character uppercase latin capital ligature OE = Latin
œ	œ	œ	oe ligature characters lowercase latin small ligature oe = Latin
Š	Š	Š	latin capital letter S with caron = Latin capital letter S with Caron (caron)
š	š	š	latin small letter s with caron = Latin lowercase s with Caron (caron)
Ÿ	Ÿ	Ÿ	y uppercase Latin letters with diacritics llatin capital letter Y with diaeresis =
			Choonpu strange modifier letter circumflex accent =
~	~	~	small tilde = tilde small
ƒ	ƒ	ƒ	function with a lower case florins = f = latin small f with hook = function = florin = hook

Greek character

Character	Numeric character references	Character entity reference	Remarks
Α	Α	Α	greek capital letter alpha
Β	Β	Β	greek capital letter beta
Γ	Γ	Γ	greek capital letter gamma
Δ	Δ	Δ	greek capital letter Delta
Ε	Ε	Ε	greek capital letter epsilon
Ζ	Ζ	Ζ	greek capital letter zeta
Η	Η	Η	greek capital letter eta
Θ	Θ	Θ	greek capital letter theta
Ι	Ι	Ι	greek capital letter iota
Κ	Κ	Κ	greek capital letter kappa
Λ	Λ	Λ	greek capital letter lambda
Μ	Μ	Μ	greek capital letter mu
Ν	Ν	Ν	greek capital letter nu
Ξ	Ξ	Ξ	greek capital letter xi
Ο	Ο	Ο	greek capital letter omicron
Π	Π	Π	greek capital letter pi
Ρ	Ρ	Ρ	greek capital letter rho
Σ	Σ	Σ	greek capital letter sigma
Τ	Τ	Τ	greek capital letter kappa
Υ	Υ	Υ	greek capital letter upsilon
Φ	Φ	Φ	greek capital letter phi
Χ	Χ	Χ	greek capital letter chi
Ψ	Ψ	Ψ	greek capital letter psi
Ω	Ω	Ω	greek capital letter omega
α	α	α	greek small letter alpha
β	β	β	greek small letter beta
γ	γ	γ	greek small letter gamma
δ	δ	δ	greek small letter Delta
ε	ε	ε	greek small letter epsilon
ζ	ζ	ζ	greek small letter zeta
η	η	η	greek small letter eta
θ	θ	θ	greek small letter theta
ι	ι	ι	greek small letter iota
κ	κ	κ	greek small letter kappa
λ	λ	λ	greek small letter lambda
μ	μ	μ	greek small letter mu
ν	ν	ν	greek small letter nu
ξ	ξ	ξ	greek small letter xi
ο	ο	ο	greek small letter omicron
π	π	π	greek small letter pi
ρ	ρ	ρ	greek small letter rho
ς	ς	ς	greek small letter final sigma
σ	σ	σ	greek small letter sigma
τ	τ	τ	greek small letter kappa
υ	υ	υ	greek small letter upsilon
φ	φ	φ	greek small letter phi
χ	χ	χ	greek small letter chi
ψ	ψ	ψ	greek small letter psi
ω	ω	ω	greek small letter omega
θ	θ	θ	greek small letter theta symbol
Υ	Υ	Υ	greek upsilon with hook symbol
π	π	π	greek pi symbol

International symbols and control characters for the general

Character	Numeric character references	Character entity reference	Remarks
			en space
			em space
			thin space
			zero width non-joiner
			zero width joiner
			left-to-right mark
			right-to-left mark
-	-	-	en dash = en dash
-	-	-	em dash = em dash
'	'	'	left single quotation mark
'	'	'	right single quotation mark
,	,	,	single low-9 quotation mark
"	"	"	left double quotation mark
"	"	"	right double quotation mark
"	"	"	double low-9 quotation mark
†	†	†	standard sword dagger =
‡	‡	‡	standard double-double dagger = sword
•	•	•	bullet = black small circle
...	...	...	horizontal ellipsis horizontal ellipsis = three dot leader =
‰	‰	‰	Per-mile per mille sign = sign
'	'	'	= ft = 1 minute of prime = minutes = feet =
"	"	"	double prime = seconds = inches = = inches 2 = first second
<	<	<	quotation marks left corner single left-pointing angle quotation mark = single-
>	>	>	quotation marks right corner single right-pointing angle quotation mark = single-
~	~	~	on the line with a line space above = overline = spacing overscore = (over score)
/	/	/	for the fraction slash fraction slash =
€	€	€	euro sign
ℑ	ℑ	ℑ	I capitalized the body blackletter capital I = imaginary part = Gothic
℘	℘	℘	script capital P = power set = Weierstrass p = script capital P
ℜ	ℜ	ℜ	capitalization of R body blackletter capital R = real part symbol = Gothic
™	™	™	trade mark sign = registered trademark
ℵ	ℵ	ℵ	sign alef symbol = first transfinite cardinal = Aleph
←	←	←	leftwards arrow
↑	↑	↑	uowards arrow
→	→	→	rightwards arrow
↓	↓	↓	downwards arrow
↔	↔	↔	left right arrow
↵	↵	↵	downwards arrow with corner leftwards = carriage return
⇐	⇐	⇐	leftwards double arrow
⇑	⇑	⇑	upwards double arrow
⇒	⇒	⇒	rightwards double arrow
⇓	⇓	⇓	downwards double arrow
⇔	⇔	⇔	left right double arrow

Mathematical symbol

Character	Numeric character references	Character entity reference	Remarks
∀	∀	∀	for all for all =
∂	∂	∂	differential partial differential =
∃	∃	∃	presence there exists =
∅	∅	∅	empty set = null set = diameter empty set = null set = diameter =
∇	∇	∇	nabla = backward difference = backward difference Nabla =
∈	∈	∈	some elements of the right-hand side element of =
∉	∉	∉	is not an element of the right-hand side not an element of =
∋	∋	∋	contains as member = member to be included as
Π	Π	Π	of the multiplication symbol = square n-ary product = product sign = n
Σ	Σ	Σ	times adding n-ary sumation = n
-	-	-	subtraction symbol minus sign =
*	*	*	asterisk asterisk operator = operator
√	√	√	square root square root = radical sign =
α	α	α	proportional proportional to =
∞	∞	∞	infinity = infinity
∠	∠	∠	angle = angle
∧	∧	∧	logical product of logical and = wedge =
∨	∨	∨	logical sum logical or = vee =
∩	∩	∩	the product of the set intersection = cap =
∪	∪	∪	the sum of the set union = cup =
∫	∫	∫	integral integral =
∴	∴	∴	So therefore =
~	~	~	similarity = diversity = operator tilde operator = varies with = similar to = tilde
≅	≅	≅	approximately equal to approximately equal to =
≈	≈	≈	approximately equal to almost equal to = asymptotic to =
≠	≠	≠	inequality not equal to =
≡	≡	≡	definition identical to =
≤	≤	≤	Less than or equal to less-than or equal to =
≥	≥	≥	Greater than or equal to greater-than or equal to =
⊂	⊂	⊂	subset of = the left-hand side is a subset of the right-hand side
⊃	⊃	⊃	superset of = the left-hand side encompasses the right-hand side
⊄	⊄	⊄	not subset not a subset of =
⊆	⊆	⊆	subset or equal to subset of or equal to =
⊇	⊇	⊇	or equal to set inclusion superset of or equal to =
⊕	⊕	⊕	direct sum = sum circled plus = direct sum = vector
⊗	⊗	⊗	= vector product of the product circled times = vector product = vector
⊥	⊥	⊥	Vertical = perpendicular = perpendicular up tack = orthogonal to = perpendicular =
⋅	⋅	⋅	dot operator dot operator =

Mathematical symbol

Character	Numeric character references	Character entity reference	Remarks
⌈	⌈	⌈	left upper left ceiling = apl upstile =
⌉	⌉	⌉	Right upper right ceiling =
⌊	⌊	⌊	left lower left floor = apl downstile =
⌋	⌋	⌋	right lower right floor =
<	<	<	left bracket left-pointing angle bracket = bra =
>	>	>	right bracket right-pointing angle bracket = ket =
◊	◊	◊	diamond lozenge =
♠	♠	♠	black spade suit = Spades
♣	♣	♣	black club suit = shamrock club = shamrock = trefoil (
♥	♥	♥	Heart = valentine = black heart suit = valentine
♦	♦	♦	diamond black diamond suit =