setRangeコマンド

setRangeコマンドはグラフの描画範囲を定義します．

setRange(minX, maxX, minY, maxY)

minX:x軸の最小値(グラフ左端の値)を指定します．

maxX:x軸の最大値(グラフ右端の値)を指定します．

minY:y軸の最小値(グラフ下端の値)を指定します．

maxY:y軸の最大値(グラフ上端の値)を指定します．

例を示します．

setRangeAsRectコマンド

setRangeAsRectコマンドはグラフの描画領域を起点と幅，高さで定義します．setRangeか本コマンドの内，使いやすい方を使いましょう．

setRangeAsRect(x, y, width, height)

x:グラフの左下点のx座標を指定します．

y:グラフの左下点のy座標を指定します．

width:グラフの(内部的な)幅を指定します．

height:グラフの(内部的な)高さを指定します．

先ほどの例をsetRangeAsRectコマンドで書き換えると次のようになります．

axisコマンド

axisコマンドはグラフのx軸，y軸を出力します．また，軸ごとに格子を引くことができます．スクリプト記述内部で一度だけ有効です．

axis(gridType, dx, dy, skipX, skipY)

gridType:格子の種類[short(短く),full(長く),dashed(点線)]の何れかを指定します．（省略可）

dx:x軸方向の格子目盛の幅を指定します．(省略可)

dy:y軸方向の格子目盛の幅を指定します．(省略可)

skipX:x軸方向の数値インデックスを何本毎に出力するかを指定します．(省略可)

skipY:y軸方向の数値インデックスを何本毎に出力するかを指定します．(省略可)

distanceコマンド

distanceコマンドは原点からの距離に相当する同心円を描画します．スクリプト記述内部で一度だけ有効です．

distance(gridType, d, max, skip)

gridType:格子の種類[full(長く),dashed(点線)]の何れかを指定します．（省略可）

d:同心円の単位半径

max:同心円を引く最大値

skip:インデックスを何本毎に出力するかを指定します．

titleコマンド

titleコマンドは作成したsvgグラフにタイトルを付けます．

title(str)

str:タイトルに設定したい文字列を指定します．

descコマンド

descコマンドは作成したsvgグラフに注釈を付けます．

desc(str)

str:注釈に設定したい文字列を指定します．

lineコマンド,ilineコマンド,hlineコマンド

lineコマンドは始点から終点への線分を引きます．

line(x1, y1, x2, y2, markerStart, markerEnd)

x1:始点のx座標を指定します．

y1:始点のy座標を指定します．

x2:終点のx座標を指定します．

y2:終点のy座標を指定します．

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

iline(infinite line)コマンドは始点と終点を通る(無限)直線を引きます．

iline(x1, y1, x2, y2)

x1:始点のx座標を指定します．

y1:始点のy座標を指定します．

x2:終点のx座標を指定します．

y2:終点のy座標を指定します．

hline(harf line)コマンドは始点から終点方向への半直線を引きます．

hline(x1, y1, x2, y2, markerStart)

x1:始点のx座標を指定します．

y1:始点のy座標を指定します．

x2:終点のx座標を指定します．

y2:終点のy座標を指定します．

markerStart:始点に対するマーカーを指定します．(省略可)

slopeコマンド,islopeコマンド,hslopeコマンド

slopeコマンドは始点から指定した角度，距離までの線分を引きます．

slope(x, y, rad, length, markerStart, markerEnd)

x:始点のx座標を指定します．

y:始点のy座標を指定します．

deg:線分の傾きをラジアンで指定します．

length:線分の長さを指定します．

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

islopeコマンドは始点を通り，x軸と指定した角を為す直線を引きます．

islope(x, y, deg)

x:始点のx座標を指定します．

y:始点のy座標を指定します．

rad:直線の傾きをラジアンで指定します．

hslopeコマンドは始点から指定した角度に向かった半直線を引きます．

slope(x, y, deg, length, markerStart)

x:始点のx座標を指定します．

y:始点のy座標を指定します．

rad:半直線の向きをラジアンで指定します．

markerStart:始点に対するマーカーを指定します．(省略可)

horizonコマンド,verticalコマンド

horizonコマンドは水平線を，verticalコマンドは垂直線を描画します．

horizon(y)

y:水平線を引くy座標．

vertical(x)

x:垂直線を引くx座標．

pathコマンド

pathコマンドは指定した座標のリストを元に折れ線を引きます．

path(points, isClosed, markerStart, markerEnd)

points:折れ線の頂点座標をリストとして渡します．
例）[[-8,-8],[8,-8],[-2,0]]

isClosed:折れ線を自動的に閉じるかどうか指定します．[true(閉じる),false(何もしない)]

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

turtleコマンド

turtleコマンドはタートルグラフィックを描画します．タートルグラフィックでは，始点からの方向(の増分)と距離のペアのリストを与えることでパスを表現します．

turtle(x, y, commands, isClosed, markerStart, markerEnd)

x:パスの始点

y:パスの終点

commands:方向の増分値と距離のペアのリスト．
例）[[m.PI/3,2],[m.PI/6,3],[m.PI/8,4]]

isClosed:折れ線を自動的に閉じるかどうか指定します．[true(閉じる),false(何もしない)]

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

commandの書式を[角度,距離,繰り返す回数,距離の増減値]とすることで，同じコマンドを繰り返すことが出来ます．

circleコマンド

circleコマンドは指定した座標を中心に円を描画します．

circle(cx, cy, r)

cx:円の中心x座標を指定します．

cy:円の中心y座標を指定します．

r:円の半径を指定します．（x軸方向のサイズで解釈されます）

ellipseコマンド

ellipseコマンドは指定した座標を中心に楕円を描画します．circleコマンドと異なり，x軸方向とy軸方向の2つの半径を指定します．

ellipse(cx, cy, rx, ry)

cx:楕円の中心x座標を指定します．

cy:楕円の中心y座標を指定します．

rx:楕円のx軸方向の半径を指定します．

ry:楕円のy軸方向の半径を指定します．

arcコマンド,pieコマンド

arcコマンドは(楕)円弧を描画します．始点と終点は中心からの角度(ラジアン)で指定します．

arc(cx, cy, rx, ry, from, to, markerStart, markerEnd)

cx:円弧の中心x座標を指定します．

cy:円弧の中心y座標を指定します．

rx:円弧のx軸方向の半径を指定します．

ry:円弧のy軸方向の半径を指定します．

from:円弧の開始座標を中心からの角度で指定します．

to:円弧の終了座標を中心からの角度で指定します．

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

pieコマンドは扇型を描画します．パラメータの指定はarcコマンドと同様です．

arc(cx, cy, rx, ry, from, to, markerStart, markerEnd)

cx:円弧の中心x座標を指定します．

cy:円弧の中心y座標を指定します．

rx:円弧のx軸方向の半径を指定します．

ry:円弧のy軸方向の半径を指定します．

from:円弧の開始座標を中心からの角度で指定します．

to:円弧の終了座標を中心からの角度で指定します．

rectコマンド

rectコマンドは矩形(四角形)を描画します．左下の位置を基準とし，幅と高さで四角形を指定します．また角を丸めることも出来ます．width及びheight値にはマイナスの値を指定することが出来ます．

rect(x, y, width, height, rx, ry)

x:矩形の左下頂点のx座標を指定します．

y:矩形の左下頂点のy座標を指定します．

width:矩形の幅を指定します．

height:矩形の高さを指定します．

rx:x軸方向の角の丸め半径を指定します．(省略可)

ry:y軸方向の角の丸め半径を指定します．(省略可)

width,heightに負の値が指定された場合の例を示します．

shapeコマンド

shapeコマンドは図形を直接定義します．svgのパス文字列を渡すことで自由な図形を描く事が出来ます．

shape(d)

d:パス文字列．

dotコマンド

dotコマンドは座標の位置を指し示すための印を描画します．その際の座標も自動的に出力します．

dot(x, y, markerStyle, format)

x:マーカーを表示したいx座標を指定します．

y:マーカーを表示したいy座標を指定します．

markerStyle:座標に表示するマーカー図形を指定します．省略した場合自動的にdotが選ばれます．

format:座標に対するラベルの書式を設定します．
文字列内部の{{x}}の部分がx座標の値で，{{y}}の部分がy座標の値で，{{sx}}の部分がxに指定した式で，{{sy}}の部分がyに指定した式で置き換えられます．
省略した場合何も表示しません．

座標を数値で表示する例を示します．

x,yに数式を指定した場合，この内容を座標に出力することも出来ます．

dotsコマンド

dotsコマンドでは複数の座標に印を一括で描画します．dotコマンドを繰り返す場合はdotsコマンドが利用できるかも知れません．

dots(ds, markerStyle, format)

ds:タイトルに設定したい文字列を指定します．

markerStyle:タイトルに設定したい文字列を指定します．

format:座標に対するラベルの書式を設定します．内容はdotコマンドと同じです．

利用可能なマーカー図形の種類は次の通りです．

none

出力しません．

dot

黒丸を出力します．

circle

白丸を出力します．

arrow

矢尻を出力します．(終点の装飾に利用します)

warrow

白抜き矢尻を出力します．(終点の装飾に利用します)

dia

菱型を出力します．

wdia

白抜き菱型を出力します．

textコマンド

textコマンドではグラフに文字列を挿入します．

texts(x, y, str, pos)

x:テキストを挿入する位置のx座標を指定します．

y:テキストを挿入する位置のy座標を指定します．

str:グラフに挿入する文字列を指定します．改行したい位置に\nを挿入します．

pos:文字列を描画する基準を指定します．[topLeft(左上), top(上), topRight(右上), left(左), center(中央), right(右), bottomLeft(左下), bottom(下), bottomRight(右下)]もしくは短縮記法[tl(左上), t(上), tr(右上), l(左), c(中央), r(右), bl(左下), b(下), br(右下)]の何れかを指定します．

plotコマンド

plotコマンドでは関数文字列を指定することでグラフを描画することが出来ます．

使い方には(1)「y=f(x)型の関数」(2)「x=f(t),y=g(t)の媒介変数型」の二種類が選べます．

plot(func, from, to, pCount, markerStart, markerEnd)

func:元となる関数文字列．文字列単体か，文字列のリストを渡します．

from:パラメータの初期値．(省略可)

to:パラメータの終了値．(省略可)

pCount:座標を計算する回数．この値を多く取るほど得られる結果は滑らかになりますが，処理時間・ファイルサイズが肥大します．(省略可)

markerStart:始点に対するマーカーを指定します．(省略可)

markerEnd:終点に対するマーカーを指定します．(省略可)

(1)y=f(x)型の場合

最も直感的な使い方で，必ず変数として「x」としてください．fromとtoを省略した場合，自動的にグラフにおけるxの最小値と最大値が設定されます．

(2)x=f(t),y=g(t)の媒介変数型

funcにx座標に対する関数とy座標に対する関数の二つをリストとして渡します．必ず変数として「t」を与えてください．

注意・不連続となる部分が連結されてしまう

このコマンドで得られるグラフは必ず連続した図形となります．従って次の反比例グラフのように不連続となる箇所があった場合，実際のグラフとは異なる図形となるケースがあります．

従って，不連続となるパラメータ値が判っている場合は，その値でグラフ描画を分割するとより良い結果が得られるでしょう．

areaコマンド

areaコマンドはグラフとx軸で囲まれた領域を描画します．fillスタイルと組み合わせることで，範囲を塗りつぶすことが出来ます．「y=f(x)型の関数」のみ指定できます．

area(func, from, to, pCount)

func:元となる関数文字列．

from:パラメータの初期値．(省略可)

to:パラメータの終了値．(省略可)

pCount:座標を計算する回数．この値を多く取るほど得られる結果は滑らかになりますが，処理時間・ファイルサイズが肥大します．(省略可)

surfaceコマンド

surfaceコマンドは2変数からなる関数によるグラフを描画します．

surface(fxSource, fySource, sFrom, sTo, tFrom, tTo, freq, pCount)

fxSource:x座標に対する関数文字列を指定します．

fySource:y座標に対する関数文字列を指定します．

sFrom:第一変数の初期値を指定します．

sTo:第一変数の終了値を指定します．

tFrom:第二変数の初期値を指定します．

tTo:第二変数の終了値を指定します．

freq:計算の頻度を与えます．

pCount:座標を計算する回数．この値を多く取るほど得られる結果は滑らかになりますが，処理時間・ファイルサイズが肥大します．．(省略可)

関数の変数には必ず「s」と「t」を指定してください．

関数文字列で許されている記述

plotコマンドに渡す関数文字列は通常javascript形式で指定しますが，SVGGraph.jsではより数学での数式記述に近い方法で関数を記述することが出来ます．そのためjavascript形式での記述に比べてより直感的な記述が可能となっています．以下に許されている記法について列挙します．

関数

以下に利用可能な関数をリストアップします．

定数

記述を簡略化するため幾つかの定数については別名がつけられています．

円周率…PI,pi,πの何れか

自然対数の底…E,eの何れか

valコマンド

valコマンドは数式の内容を数値に変換します．

stroke

線の色を指定します．指定可能な色については「htmlの色」を参照して下さい．

styleオブジェクト

styleオブジェクトには図形を描画する際のスタイルを設定します．以下に主なものを示します．

stroke

線の色を指定します．指定可能な色については「htmlの色」を参照して下さい．

strokeWidth

線の幅を指定します．これはグラフ上の見た目の太さです．

fill

塗り潰しの色を指定します．noneを指定すると塗り潰しが無視されます．

strokeDasharray

点線の間隔を指定します．

tStyleオブジェクト

tStyleオブジェクトには文字列を描画する際のスタイルを設定します．

fill

文字の色を指定します．

fontFamily

フォントの種類を指定します．serif/sans-serif/monoscope等

fontWeight

文字の太さを指定します．normal/bold

fontStyle

フォントの形状を指定します．normal/italic

fontSize

文字の大きさを指定します．これはグラフ上の見た目の大きさです．

aStyleオブジェクト

aStyleオブジェクトには座標軸及び格子のスタイルを指定します．

axisStroke

座標軸の色を指定します．

axisWidth

座標軸の太さを指定します．

gridStroke

格子の色を指定します．

gridWidth

格子の太さを指定します．

indexSize

目盛見出しの大きさを指定します．

mStyleオブジェクト

mStyleオブジェクトにはマーカーのスタイルを指定します．通常マーカーの色はstyleオブジェクトのstrokeの値を参照します．

size

マーカーの大きさを指定します．

color

マーカーの色を指定します．inheritでstyle.strokeの値を参照します．

fill

マーカーの塗り潰し色を指定します．

図形のスタイルを直接操作する

コマンドの実行結果に直接スタイルを設定することが出来ます．全体での設定をstyleオブジェクトで行い，一つだけスタイルを変更したい場合に便利です．

グローバルスタイル設定の追加

複数のグラフに横断的なスタイルについては，style要素内で一括して行うことが出来ます．例えば本ページでは次のようなスタイル要素の記述がなされており，グラフに表示する文字の種類を共通化しています．

<style class="SVGGraph">
svg[graph] text{
	font-family:serif;
}
</style>

実装手順

1. html文書内にstyle要素を追加します．
2. style要素のclass属性としてSVGGraphを設定します．
3. 内部に共通のスタイル設定を記述していきます．

定義用svg要素の追加

svgでは図形描画を行う際に様々な装飾が行えます．このような装飾に関わる設定を次のように専用のsvg要素内部に記述しておくことで，svgファイル出力時に設定情報を引き継ぐ事が可能となります．なお，記述には深いsvgの知識が必要となるため，慣れない間は無理に使わない方が良いかも知れません．例を示します．

<svg class="SVGGraph" width="0" height="0"
	style="visibility:hidden;position:absolute;right:0;">
	<!--グラデーションを定義しています-->
	<defs>
		<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="1">
			<stop offset="0%" stop-color="red"/>
			<stop offset="100%" stop-color="pink"/>
		</linearGradient>
	</defs>
</svg>

実装手順

1. html文書内にsvg要素を追加します．
2. svg要素のclass属性としてSVGGraphを設定します．
3. このsvg要素は表示上必要のないものなのでvisibility:hidden等のスタイルを指定し非表示とします．
   サイズを0とするなり，表示領域外に位置をずらすなりレイアウトに影響が及ばないように工夫してください．
4. このsvg要素の内部に各種設定を施します．

bgコマンド

bgコマンドはコマンドで生成した図形を背景(座標軸の後ろ)に配置します．グラフ領域の塗り潰しなど，座標軸を隠さないように図形を配置したい場合に利用します．

bg(elem)

elem…コマンドの実行結果（図形オブジェクト）

valコマンド

valコマンドは式の記述を数値もしくは数値の配列に変換します．数式を配列形式で並べたものを渡すと，配列オブジェクトに変換して返します．

val(expression)

引数の内容を分析し，数値もしくは数値の配列に変換して返します．

strコマンド

strコマンドは式の記述を文字列もしくは文字列の配列に変換します．数式を配列形式で並べたものを渡すと，配列オブジェクトに変換して返します．

str(expression)

引数の内容を分析し，数値の配列．

マクロ記述をサポートする関数

マクロを登録する際，コマンドの引数を変換するためのメソッドが提供されています．入力内容のチェック等に利用可能です．

fix(expression, defaultValue)

引数の内容を式として判定し，数値に変換します．
expression:数値，もしくは数式文字列
defaultValue:expressionが未入力時に返す値

fixStr(str, defaultValue)

strの内容を判定し，文字列を返します
str:判定したい文字列．
defaultValue:未入力時に返す値．

例を示します．fixメソッドを利用することで数式文字列を数値に変換しています．

(function(){
	SVGGraph.registerMacro("myCommand", function(x, y){
		var vx = fix(x, 0);
		var vy = fix(y, 0);
		dot(m.round(vx,2), m.round(vy,2), "dot", "("+x+","+y+")");
	});
})();

param/paramsメソッド

paramメソッドではパラメータの値の取得・設定が可能です．

param(i, value)

i:パラメータのid(0〜9)を指定します．

value:設定する値を指定します．存在しなかった場合，パラメータidに対応する値を取得します．

paramsメソッドでは値を一括で設定することが出来ます．

params(value0,value1,…)

value0:パラメータ0に設定する値

scriptメソッド

scriptメソッドでは現在svg要素に設定されているグラフ記述スクリプトの内容を操作することが出来ます．

script(src)

src:設定したいスクリプト文字列．存在しなかった場合，現在のスクリプト文字列を取得します．

getSourceメソッド

getSourceメソッドでは現在のsvg要素の状態をsvgのソースコードとして取得します．このメソッドで得られた文字列を保存することで，他のツールとの画像連携が可能となります．

getSource(type)

type:svgのソースコードの状態を指定します．string(テキスト)/encoded(urlエンコード済み)/dataScheme(データスキーム形式→img要素等に直接設定可能な形式)/url(url形式→img要素等に直接設定可能/window.openで開ける形式)の何れかで指定します．

update/resetメソッド

updateメソッドではsvg要素の現在の設定内容によってグラフを描画します．paramsメソッド，scriptメソッドと組み合わせて利用することとなるでしょう．

update()

グラフの内容を更新します．

resetではパラメータ設定を元に戻してグラフの描画内容を初期状態に戻します．

reset()

グラフの内容を元に戻します．

clear()

グラフの内容を削除します．

setCallbackメソッド

setCallbackメソッドではupdateメソッドが実行された後に呼び出されるコールバック関数を設定します．コールバック関数には引数としてupdateを実行したsvg要素が渡されます．

setCallback(f)

コールバック関数を登録します．
f…登録したい関数

getGraphX/getGraphYメソッド

getGraphX/getGraphYメソッドではマウスカーソルが指し示す座標を取得します．マウスの位置から自動的にグラフの座標を算出します．主にmouseイベントと組み合わせて利用することとなるでしょう．

getGraphX()

グラフ上のカーソルのx座標を取得します．

getGraphY()

グラフ上のカーソルのy座標を取得します．

例を示します．ここではグラフをクリックした位置と原点とを結ぶ比例直線を表示しています．予めパラメータを二つ定義しておき，getGraphX,getGraphYメソッドで取得したカーソル座標をグラフのパラメータに設定します．最後にupdateメソッドを実行するとグラフが書き換わります．

<svg 
onclick="this.params(this.getGraphX(),this.getGraphY());
this.update();"
script="setRange(-5,5,-5,5);
axis('full',1,1);
plot('{{1}}/{{0}}*x').style.stroke='red';
dot({{0}},{{1}}, 'dot', '({{x}},{{y}})');" mode="s" param0="1" param1="0"/>

グラフ上のカーソル座標を画面に表示する

SVGGraph.jsではこの座標を自動で画面に表示させる機能を提供しています．以下にその手順を示します．

1. svg要素にid属性を定義します
2. 座標を自動表示させたい位置にある要素のgraph属性に上で定義したidを設定します．
   指定可能な要素はdiv,span,text,tspan要素です．

例を示します．ここではグラフそのものに座標を表示していますが，div要素を使って文書中に座標を表示することも出来ます．

<svg script="setRange(0,5,0,5);
axis('full',1,1);" mode="wl" id="cursor">
	<text x="0" y="195">現在の座標は<tspan graph="cursor"/>です</text>
</svg>

posX/posY/scaleX/scaleYメソッド

posX/posYメソッドでは指定したグラフ座標に対するsvgグラフィックの座標を求めます．また，scaleX/scaleYメソッドではグラフ座標における長さをsvgグラフィックにおける長さに変換します．このメソッドを利用すると，グラフ上に自作の要素を挿入することが出来ます．

posX(graphX)

グラフ上のx座標をsvgにおけるx座標に変換します．

posY(graphY)

グラフ上のy座標をsvgにおけるy座標に変換します．

scaleX(w)

グラフ上の幅をsvgにおける幅に変換します．

scaleY(h)

グラフ上の高さをsvgにおける高さに変換します．

graphX/graphYメソッド

graphX/graphYメソッドではsvg座標をグラフ座標に変換します．つまりposX/posYメソッドの逆を行います．

graphX(posX)

svg上のx座標をグラフにおけるx座標に変換します．

graphY(posY)

svg上のy座標をグラフにおけるy座標に変換します．

animメソッド

animメソッドではパラメータを時系列的に変化させることでグラフの内容をアニメーションさせます．グラフ描画のaモードの動作に相当する機能を提供します．

function(params, dur, freeze)

params:パラメータ値[開始値,終了値]のリストを渡します．

dur:アニメーションの実行時間を指定します．

freeze:アニメーション終了時に内容を元に戻すかを設定します．

例を示します．ここではグラフをクリックするとアニメーションが開始します．

<svg script="setRange(-5,5,-5,5);
axis('full',1,1);
style.stroke='green';
style.strokeWidth=2;
plot('{{0}}sin({{1}}x+{{2}})')" param0="1" param1="0.25" param2="0" mode="s"
onclick="
	this.anim([[1,4],[1/4,3],[0,4]],5,true);
"/>

commandsメソッド/macrosメソッド/SVGGraph.Mathオブジェクト

commandsメソッドはグラフ描画コマンドに対応するファンクションオブジェクトを返します．この機能を用いることで，外部スクリプトからグラフを描くことが可能となります．同様にmacrosメソッドは事前に登録しておいたマクロに対応するファンクションオブジェクトを返します．

commands(commandName)

グラフ描画コマンドをfunctionオブジェクトとして取得します．
commandName…取得したいコマンドの名称

macros(macroName)

グラフ描画マクロをfunctionオブジェクトとして取得します．
macroName…取得したいマクロの名称

またSVGGraph内部で利用している数学関数はSVGGraph.Mathオブジェクトから参照することが可能です．この中にはSVGGraph.registerMathメソッドで登録したものも含まれています．

SVGGraph.Math

SVGGraph内部で利用している数学関数オブジェクトです．

例を示します．id=graphTargetのsvg要素に対してscript要素内部のスクリプトからグラフを描画しています．

<svg script="" id="graphTarget" mode="li"/><!--←グラフの描画対象-->
<!--↓グラフを描画しているscript要素-->
<script>
window.addEventListener("load", function(e){
	var svg = document.getElementById("graphTarget");
	svg.macros("macro")();
	svg.macros("callDrawAxis")();
	svg.commands("plot")("myFunction(x)");
	svg.commands("text")(0,-4,"acosh(2)=" + SVGGraph.Math.acosh(2));
}, false);
</script>