template/section-ordercard.jsp
Outline Parameter
oldt=$active
olft=@outline
Init Parameter None

オーダーカード

オーダーカード画像、メーカー名、商品名、商品画像、販売価格、JANコード、リンク、リンクターゲットの８項目で構成。
フォーム送信時に実行されるフォームアクション（FILTER）で、オーダーカード画像がサーバーで作成されます。
※データアイテム（構成項目）は変更可能、作成したいオーダーカードに合わせて自由に設定できます。

入力したテキストを画像に変換します。必要なフォントはサーバーにインストールしてください。

<Spikey>
<Index Tag="form">
<Line Id="1">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">ordercard</Entry>
<Entry Tag="Name">オーダーカード</Entry>
<Entry Tag="Split">-split</Entry>
<Entry Tag="Fixed">2</Entry>
</Line>
<Line Id="2">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">ordercards</Entry>
<Entry Tag="Name">オーダーカードズ</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Split">-split</Entry>
</Line>
<Line Id="3">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">head</Entry>
<Entry Tag="Name">オーダーヘッド</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="4">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">maker</Entry>
<Entry Tag="Name">メーカー</Entry>
<Entry Tag="Title">PRODUCT</Entry>
</Line>
<Line Id="5">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">name</Entry>
<Entry Tag="Name">商品名</Entry>
<Entry Tag="Input">1</Entry>
<Entry Tag="Attach">tb.manage</Entry>
</Line>
<Line Id="6">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Style"></Entry>
<Entry Tag="Tag">pict</Entry>
<Entry Tag="Name">商品画像</Entry>
</Line>
<Line Id="7">
<Entry Tag="Type">Integer</Entry>
<Entry Tag="Style"></Entry>
<Entry Tag="Tag">price</Entry>
<Entry Tag="Name">価格</Entry>
</Line>
<Line Id="8">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">seleprice</Entry>
<Entry Tag="Name">販売価格</Entry>
<Entry Tag="Fixed">2</Entry>
</Line>
<Line Id="9">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">bcode</Entry>
<Entry Tag="Name">バーコードナンバー</Entry>
<Entry Tag="Split">-split</Entry>
</Line>
<Line Id="10">
<Entry Tag="Type">Href</Entry>
<Entry Tag="Style"></Entry>
<Entry Tag="Tag">href</Entry>
<Entry Tag="Name">リンク</Entry>
</Line>
<Line Id="11">
<Entry Tag="Type">Pop</Entry>
<Entry Tag="Tag">tget</Entry>
<Entry Tag="Name">リンクターゲット</Entry>
<Entry Tag="Value">{_blank,BLANK},{_self,SELF}</Entry>
</Line>
<Line Id="12">
<Entry Tag="Type">Boolean</Entry>
<Entry Tag="Style"></Entry>
<Entry Tag="Tag">switch</Entry>
<Entry Tag="Name">表示・非表示</Entry>
</Line>
<Line Id="13">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">makerimg</Entry>
<Entry Tag="Name">メーカーテキスト画像</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Title">ELEMENTS</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="14">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">priceimg</Entry>
<Entry Tag="Name">販売価格テキスト画像</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="15">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">nameimg</Entry>
<Entry Tag="Name">商品名テキスト画像</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="16">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">bcodeimg</Entry>
<Entry Tag="Name">バーコード画像</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="17">
<Entry Tag="Type">FileImage</Entry>
<Entry Tag="Tag">bcodenumimg</Entry>
<Entry Tag="Name">バーコードナンバー画像</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="18">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">wsize</Entry>
<Entry Tag="Name">ヨコサイズ</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
<Line Id="19">
<Entry Tag="Type">TextField</Entry>
<Entry Tag="Tag">hsize</Entry>
<Entry Tag="Name">タテサイズ</Entry>
<Entry Tag="Fixed">2</Entry>
<Entry Tag="Value">hidden="1"</Entry>
</Line>
</Index>
<Index Tag="filter">
<Line Id="1">
<Entry Tag="Type">Replace</Entry>
<Entry Tag="Target">head</Entry>
<Entry Tag="Attach">head</Entry>
<Entry Tag="Name">ヘッドテキストを設定</Entry>
<Entry Tag="Value">replace="ORDER CARD"</Entry>
</Line>
<Line Id="2">
<Entry Tag="Type">ImgText</Entry>
<Entry Tag="Target">head</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">ヘッドテキストを画像変換</Entry>
<Entry Tag="Value">format="png"
size="14"
line="14"
style="1"
color="#ffffff"
bgcolor="#3071b9"</Entry>
</Line>
<Line Id="3">
<Entry Tag="Type">ImgTrimming</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">ヘッドテキストをトリミング（タテ=24・ヨコ=220）</Entry>
<Entry Tag="Value">hsize="24"
wsize="220"
bg="#3071b9"</Entry>
</Line>
<Line Id="4">
<Entry Tag="Type">ImgText</Entry>
<Entry Tag="Target">maker</Entry>
<Entry Tag="Attach">makerimg</Entry>
<Entry Tag="Name">メーカーテキストを画像変換</Entry>
<Entry Tag="Value">format="png"
size="12"
line="12"
style="0"
color="#000000"
bgcolor="#FFFFFF"</Entry>
</Line>
<Line Id="5">
<Entry Tag="Type">ImgTrimming</Entry>
<Entry Tag="Target">makerimg</Entry>
<Entry Tag="Attach">makerimg</Entry>
<Entry Tag="Name">メーカーテキストをトリミング（タテ=24・ヨコ=220）</Entry>
<Entry Tag="Value">hsize="24"
wsize="220"
cp="LC"
bg="#FFFFFF"</Entry>
</Line>
<Line Id="6">
<Entry Tag="Type">ImgText</Entry>
<Entry Tag="Target">name</Entry>
<Entry Tag="Attach">nameimg</Entry>
<Entry Tag="Name">商品名テキストを画像変換</Entry>
<Entry Tag="Value">format="png"
size="24"
line="24"
style="1"
color="#000000"
bgcolor="#FFFFFF"</Entry>
</Line>
<Line Id="7">
<Entry Tag="Type">ImgResize</Entry>
<Entry Tag="Target">nameimg</Entry>
<Entry Tag="Attach">nameimg</Entry>
<Entry Tag="Name">商品名テキストをリサイズ（ヨコ=220）</Entry>
<Entry Tag="Value">mode="-1"
wsize="220"
hsize="-1"
</Entry>
</Line>
<Line Id="8">
<Entry Tag="Type">ImgTrimming</Entry>
<Entry Tag="Target">nameimg</Entry>
<Entry Tag="Attach">nameimg</Entry>
<Entry Tag="Name">商品名テキストをトリミング（タテ=24・ヨコ=220）</Entry>
<Entry Tag="Value">hsize="24"
wsize="220"
cp="LC"
bg="#FFFFFF"</Entry>
</Line>
<Line Id="9">
<Entry Tag="Type">NumFormat</Entry>
<Entry Tag="Target">price</Entry>
<Entry Tag="Attach">seleprice</Entry>
<Entry Tag="Name">価格をフォーマット</Entry>
<Entry Tag="Value">startlabel="¥"
format="NUMBER"</Entry>
</Line>
<Line Id="10">
<Entry Tag="Type">ImgText</Entry>
<Entry Tag="Target">seleprice</Entry>
<Entry Tag="Attach">priceimg</Entry>
<Entry Tag="Name">価格テキストを画像変換</Entry>
<Entry Tag="Value">format="png"
size="32"
line="32"
style="1"
color="#FF3333"
bgcolor="#FFFFFF"</Entry>
</Line>
<Line Id="11">
<Entry Tag="Type">ImgResize</Entry>
<Entry Tag="Target">priceimg</Entry>
<Entry Tag="Attach">priceimg</Entry>
<Entry Tag="Name">価格画像をリサイズ（ヨコ=220）</Entry>
<Entry Tag="Value">mode="-1"
wsize="220"
hsize="-1"</Entry>
</Line>
<Line Id="12">
<Entry Tag="Type">ImgResize</Entry>
<Entry Tag="Target">pict</Entry>
<Entry Tag="Attach">pict</Entry>
<Entry Tag="Name">商品画像をリサイズ</Entry>
<Entry Tag="Value">hsize="165"
mode="-1"</Entry>
</Line>
<Line Id="13">
<Entry Tag="Type">ImgTrimming</Entry>
<Entry Tag="Target">pict</Entry>
<Entry Tag="Attach">pict</Entry>
<Entry Tag="Name">商品画像をトリミング</Entry>
<Entry Tag="Value">hsize="165"
wsize="220"
bg="#000000"</Entry>
</Line>
<Line Id="14">
<Entry Tag="Type">ImgText</Entry>
<Entry Tag="Target">bcode</Entry>
<Entry Tag="Attach">bcodenumimg</Entry>
<Entry Tag="Name">バーコードナンバーを画像変換</Entry>
<Entry Tag="Value">format="png"
size="16"
line="16"
style="0"
color="#000000"
bgcolor="#FFFFFF"</Entry>
</Line>
<Line Id="15">
<Entry Tag="Type">ImgCode</Entry>
<Entry Tag="Target">bcode</Entry>
<Entry Tag="Attach">bcodeimg</Entry>
<Entry Tag="Name">バーコードを変換</Entry>
<Entry Tag="Value">format="png"</Entry>
</Line>
<Line Id="16">
<Entry Tag="Type">ImgResize</Entry>
<Entry Tag="Target">bcodeimg</Entry>
<Entry Tag="Attach">bcodeimg</Entry>
<Entry Tag="Name">バーコードをリサイズ</Entry>
<Entry Tag="Value">wsize="200"</Entry>
</Line>
<Line Id="17">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">bcodeimg</Entry>
<Entry Tag="Attach">bcodeimg</Entry>
<Entry Tag="Name">バーコードにナンバーをタイリング</Entry>
<Entry Tag="Value">f.tile="bcodenumimg"
posit="BC"</Entry>
</Line>
<Line Id="18">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードにメーカをタイリング</Entry>
<Entry Tag="Value">f.tile="makerimg"</Entry>
</Line>
<Line Id="19">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードに商品名をタイリング</Entry>
<Entry Tag="Value">f.tile="nameimg"</Entry>
</Line>
<Line Id="20">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードに商品画像をタイリング</Entry>
<Entry Tag="Value">f.tile="pict"
y="10"</Entry>
</Line>
<Line Id="21">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードに価格をタイリング</Entry>
<Entry Tag="Value">f.tile="priceimg"
y="0"
posit="BC"</Entry>
</Line>
<Line Id="22">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードにバーコードをタイリング</Entry>
<Entry Tag="Value">f.tile="bcodeimg"
y="10"
posit="BC"</Entry>
</Line>
<Line Id="23">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードにロゴをタイリング</Entry>
<Entry Tag="Value">tile="/imgs/ordercode-logo.png"
y="5"
color="#ffffff"
posit="BC"</Entry>
</Line>
<Line Id="24">
<Entry Tag="Type">ImgProperty</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">wsize</Entry>
<Entry Tag="Name">ヨコサイズ</Entry>
<Entry Tag="Value">info="WSIZE"</Entry>
</Line>
<Line Id="25">
<Entry Tag="Type">Calculator</Entry>
<Entry Tag="Target">wsize</Entry>
<Entry Tag="Attach">wsize</Entry>
<Entry Tag="Name">10px+ヨコサイズ+10px</Entry>
<Entry Tag="Value">value="20"</Entry>
</Line>
<Line Id="26">
<Entry Tag="Type">ImgProperty</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">hsize</Entry>
<Entry Tag="Name">タテサイズ</Entry>
<Entry Tag="Value">info="HSIZE"</Entry>
</Line>
<Line Id="27">
<Entry Tag="Type">Calculator</Entry>
<Entry Tag="Target">hsize</Entry>
<Entry Tag="Attach">hsize</Entry>
<Entry Tag="Name">10px+タテサイズ+10px</Entry>
<Entry Tag="Value">value="20"</Entry>
</Line>
<Line Id="28">
<Entry Tag="Type">ImgTrimming</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードを10pxのマージンでトリミング</Entry>
<Entry Tag="Value">f.hsize="hsize"
f.wsize="wsize"</Entry>
</Line>
<Line Id="29">
<Entry Tag="Type">ImgFrame</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercard</Entry>
<Entry Tag="Name">オーダーカードに枠を追加</Entry>
<Entry Tag="Value">tsize="3"
bsize="3"
rsize="1"
lsize="1"
tcolor="#3071b9"
bcolor="#3071b9"
rcolor="#CCCCCC"
lcolor="#CCCCCC"</Entry>
</Line>
<Line Id="30">
<Entry Tag="Type">ImgResize</Entry>
<Entry Tag="Target">ordercard</Entry>
<Entry Tag="Attach">ordercards</Entry>
<Entry Tag="Name">１枚目（ordercard画像をordercardsにコピー（リサイズを使って））</Entry>
<Entry Tag="Value">aname="cards-"</Entry>
</Line>
<Line Id="31">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercards</Entry>
<Entry Tag="Attach">ordercards</Entry>
<Entry Tag="Name">２枚目</Entry>
<Entry Tag="Value">f.tile="ordercard"
x="0"
posit="LC"</Entry>
</Line>
<Line Id="32">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercards</Entry>
<Entry Tag="Attach">ordercards</Entry>
<Entry Tag="Name">３枚目</Entry>
<Entry Tag="Value">f.tile="ordercard"
x="0"
posit="LC"</Entry>
</Line>
<Line Id="33">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercards</Entry>
<Entry Tag="Attach">ordercards</Entry>
<Entry Tag="Name">４枚目</Entry>
<Entry Tag="Value">f.tile="ordercard"
x="0"
posit="LC"</Entry>
</Line>
<Line Id="34">
<Entry Tag="Type">ImgTiling</Entry>
<Entry Tag="Target">ordercards</Entry>
<Entry Tag="Attach">ordercards</Entry>
<Entry Tag="Name">２列目</Entry>
<Entry Tag="Value">f.tile="ordercards"
y="0"
posit="BC"</Entry>
</Line>
</Index>
</Spikey>

※デザインイメージはデフォルトスタイルを適用しています。デザインはスタイル変更で好きなように設定することができます。