Created
October 15, 2014 02:18
-
-
Save yusuke/1523b5a139e0a691771e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$ curl -sslv3 -kv https://secure.samuraism.com | |
* Adding handle: conn: 0x7f9343003000 | |
* Adding handle: send: 0 | |
* Adding handle: recv: 0 | |
* Curl_addHandleToPipeline: length: 1 | |
* - Conn 0 (0x7f9343003000) send_pipe: 1, recv_pipe: 0 | |
* About to connect() to secure.samuraism.com port 443 (#0) | |
* Trying 153.127.244.69... | |
* Connected to secure.samuraism.com (153.127.244.69) port 443 (#0) | |
* SSL 3.0 connection using SSL_NULL_WITH_NULL_NULL | |
* Server certificate: secure.samuraism.com | |
* Server certificate: StartCom Class 1 Primary Intermediate Server CA | |
* Server certificate: StartCom Certification Authority | |
> GET / HTTP/1.1 | |
> User-Agent: curl/7.30.0 | |
> Host: secure.samuraism.com | |
> Accept: */* | |
> | |
< HTTP/1.1 200 OK | |
< Set-Cookie: visited=yes | |
< Expires: Thu, 01 Jan 1970 00:00:00 GMT | |
< Accept-Ranges: bytes | |
< Content-Type: text/html | |
< Last-Modified: Tue, 09 Sep 2014 05:56:16 GMT | |
< Content-Length: 52881 | |
* Server Jetty(9.2.1.v20140609) is not blacklisted | |
< Server: Jetty(9.2.1.v20140609) | |
< | |
<!DOCTYPE html> | |
<html lang="ja"> | |
<head> | |
<meta charset="utf-8"> | |
<title>JetBrains製品見積もり・注文 - 株式会社サムライズム</title> | |
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> | |
<style> | |
.container { | |
width: 970px !important; | |
} | |
table.table td input { | |
border: 0; | |
width: 100%; | |
} | |
table.table td textarea { | |
border: 0; | |
resize: none; | |
width: 100%; | |
} | |
table.table td textarea.quantity { | |
width: 10%; | |
resize: none; | |
} | |
table.table td textarea.item { | |
width: 85%; | |
resize: none; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<form action="/commercial-confirm" method="post" id="post_order"> | |
<div class="row"> | |
<div class="col col-xs-10 col-xs-offset-1"> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<a href="http://samuraism.com/"><img src="samuraism-paypal-logo.png"/></a> | |
</div> | |
</div> | |
<fieldset> | |
<legend>コマーシャルライセンスのお見積もり・ご注文</legend> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<label>お問い合わせの内容*</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<div class="btn-group queryType" data-toggle="modal"> | |
<label class="active"> | |
<input type="radio" name="queryType" value="quote" checked>見積もり</label> | |
<label class=""> | |
<input type="radio" name="queryType" value="order">注文</label> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-2"> | |
<label for="quantity">数量* </label> | |
</div> | |
<div class="col col-xs-8"> | |
<label for="item">製品*</label> | |
</div> | |
</div> | |
<div style="margin-bottom: 10px;"> | |
<input id="item_rows" type="hidden" value="0"/> | |
<div class="row" style="margin-bottom: 5px;"> | |
<div class="form-group"> | |
<div class="col col-xs-2"> | |
<input type="number" id="quantity" name="quantity" class="form-control" value="1"> | |
</div> | |
<div class="col col-xs-10"> | |
<select id="item" name="item" class="form-control"> | |
<option value='--'>--選択--</option> | |
<option value='AC10CL'>AppCode コマーシャルライセンス - 新規</option> | |
<option value='AC000RS'>AppCode コマーシャルライセンス - 年間アップグレードサブスクリプション期日内更新</option> | |
<option value='AC000PS'>AppCode コマーシャルライセンス - 年間アップグレードサブスクリプション期日後更新</option> | |
<option value='WS000NS'>WebStorm コマーシャルライセンス - 新規</option> | |
<option value='WS000RS'>WebStorm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='WS000PS'>WebStorm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='RM000NSV05'>RubyMine コマーシャルライセンス - 新規</option> | |
<option value='RM000RSV05'>RubyMine コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='RM000PSV05'>RubyMine コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='PS000NS'>PhpStorm コマーシャルライセンス - 新規</option> | |
<option value='PS000RS'>PhpStorm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='PS000PS'>PhpStorm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='PCP00NS'>PyCharm コマーシャルライセンス - 新規</option> | |
<option value='PCP00RS'>PyCharm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='PCP00PS'>PyCharm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00NSP10'>YouTrack 25ユーザーパック</option> | |
<option value='YTD00NSP20'>YouTrack 50ユーザーパック</option> | |
<option value='YTD00NSP30'>YouTrack 100ユーザーパック</option> | |
<option value='YTD00NSP40'>YouTrack 500ユーザーパック</option> | |
<option value='YTD00NSUPEE'>YouTrack Enterprise Pack</option> | |
<option value='YTD00RSP10'>YouTrack 25ユーザーパック - アップグレードサブスクリプション更新</option> | |
<option value='YTD00RSP20'>YouTrack 50ユーザーパック - アップグレードサブスクリプション更新</option> | |
<option value='YTD00RSP30'>YouTrack 100ユーザーパック - アップグレードサブスクリプション更新</option> | |
<option value='YTD00RSP40'>YouTrack 500ユーザーパック - アップグレードサブスクリプション更新</option> | |
<option value='YTD00RSUPEE'>YouTrack Enterprise Pack - アップグレードサブスクリプション更新</option> | |
<option value='YTD00PS10'>YouTrack 25ユーザーパックアップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00PS20'>YouTrack 50ユーザーパックアップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00PS30'>YouTrack 100ユーザーパックアップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00PS40'>YouTrack 500ユーザーパックアップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00PSEP'>YouTrack Enterprise Packアップグレードサブスクリプション期日後更新</option> | |
<option value='YTD00RSP10TOP20'>YouTrack 25ユーザーパックから50ユーザーパックへのアップグレード</option> | |
<option value='YTD00RSP10TOP30'>YouTrack 25ユーザーパックから100ユーザーパックへのアップグレード</option> | |
<option value='YTD00RSP10TOP40'>YouTrack 25ユーザーパックから500ユーザーパックへのアップグレード</option> | |
<option value='YTD00RSP20TOP30'>YouTrack 50ユーザーパックから100ユーザーパックへのアップグレード</option> | |
<option value='YTD00RSP20TOP40'>YouTrack 50ユーザーパックから500ユーザーパックへのアップグレード</option> | |
<option value='YTD00RSP30TOP40'>YouTrack 100ユーザーパックから500ユーザーパックへのアップグレード</option> | |
<option value='IIU00NS'>IntelliJ IDEA コマーシャルライセンス - 新規 & 年間アップグレードサブスクリプション</option> | |
<option value='IIU00N0V12'>IntelliJ IDEA コマーシャルライセンス - 新規</option> | |
<option value='IIU000S'>IntelliJ IDEA コマーシャルライセンス年間アップグレードサブスクリプション</option> | |
<option value='IIU00RS'>IntelliJ IDEA コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='IIU00PS'>IntelliJ IDEA コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='IIU00U0V12'>IntelliJ IDEA コマーシャルライセンス - 以前のバージョンからのアップグレード</option> | |
<option value='IIU00US'>IntelliJ IDEA コマーシャルライセンス - 以前のバージョンからのアップグレード & 年間アップグレードサブスクリプション</option> | |
<option value='TCA00NS'>TeamCity Agent - 新規</option> | |
<option value='TCA00RS'>TeamCity Agent - サブスクリプション期日内更新</option> | |
<option value='TCA00PS'>TeamCity Agent - サブスクリプション期日後更新</option> | |
<option value='TCE00NS01'>TeamCity Enterprise Server 5 エージェント - 新規</option> | |
<option value='TCE00NS02'>TeamCity Enterprise Server 10 エージェント - 新規</option> | |
<option value='TCE00NS03'>TeamCity Enterprise Server 20 エージェント - 新規</option> | |
<option value='TCE00NS04'>TeamCity Enterprise Server 50 エージェント - 新規</option> | |
<option value='TCE00NS05'>TeamCity Enterprise Server 100 エージェント - 新規</option> | |
<option value='TCE00NS'>TeamCity Enterprise Server - 新規</option> | |
<option value='TCE00RS'>TeamCity Enterprise Server - サブスクリプション期日内更新</option> | |
<option value='TCE00PS'>TeamCity Enterprise Server - サブスクリプション期日後更新</option> | |
<option value='RSC00N0'>ReSharper C# Edition コマーシャルライセンス</option> | |
<option value='RSC00NS'>ReSharper C# Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option> | |
<option value='RSC00RS'>ReSharper C# Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option> | |
<option value='RSC00U0'>ReSharper C# Edition コマーシャルライセンス - 以前のバージョンからのアップグレード</option> | |
<option value='RSC000S'>ReSharper C# Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option> | |
<option value='RSC00US'>ReSharper C# Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option> | |
<option value='RSV00N0'>ReSharper VB.NET Edition コマーシャルライセンス</option> | |
<option value='RSV00NS'>ReSharper VB.NET Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option> | |
<option value='RSV00RS'>ReSharper VB.NET Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option> | |
<option value='RSV00U0'>ReSharper VB.NET Edition コマーシャルライセンス - 以前のVB.NET Editionからのアップグレード</option> | |
<option value='RSV000S'>ReSharper VB.NET Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option> | |
<option value='RSV00US'>ReSharper VB.NET Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option> | |
<option value='RSF00N0'>ReSharper Full Edition コマーシャルライセンス</option> | |
<option value='RSF00NS'>ReSharper Full Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option> | |
<option value='RSF00RS'>ReSharper Full Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option> | |
<option value='RSF00U0'>ReSharper Full Edition コマーシャルライセンス - 以前のReSharper Full Editionからのアップグレード</option> | |
<option value='RSF000S'>ReSharper Full Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option> | |
<option value='RSF00US'>ReSharper Full Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option> | |
<option value='RSF0000C'>ReSharper Full Edition コマーシャルライセンス - ReSharper C# Edition現行バージョンからのアップグレード</option> | |
<option value='RSF0000V'>ReSharper Full Edition コマーシャルライセンス - ReSharper VB.NET Edition現行バージョンからのアップグレード</option> | |
<option value='RSF000SC'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - ReSharper C# Edition現行バージョンからのアップグレード</option> | |
<option value='RSF000SV'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - ReSharper VB.NET Edition現行バージョンからのアップグレード</option> | |
<option value='RSF00U0C'>ReSharper Full Edition コマーシャルライセンス - 以前のC# Editionからのアップグレード</option> | |
<option value='RSF00U0V'>ReSharper Full Edition コマーシャルライセンス - 以前のVB.NET Editionからのアップグレード</option> | |
<option value='RSF00USC'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - 以前のC# Editionからのアップグレード</option> | |
<option value='RSF00USV'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - 以前のVB.NET Editionからのアップグレード</option> | |
<option value='DM000NS'>dotMemory コマーシャルライセンス - 新規</option> | |
<option value='DM000RS'>dotMemory コマーシャルライセンス - 期日内更新</option> | |
<option value='DM000PS'>dotMemory コマーシャルライセンス - 期日後更新</option> | |
<option value='DM000US'>dotMemory コマーシャルライセンス - アップグレード & 年間アップグレードサブスクリプション</option> | |
<option value='DC000NS'>dotCover コマーシャルライセンス - 新規</option> | |
<option value='DCCUS'>dotCover コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option> | |
<option value='DC000PS'>dotCover コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option> | |
<option value='DPP00N0V05'>dotTrace Performance Profiler Professional Edition / コマーシャルライセンス - 新規</option> | |
<option value='DPP00U0V05'>dotTrace Performance Profiler Professional Edition / コマーシャルライセンス - アップグレード</option> | |
<option value='DPS00N0V05'>dotTrace Performance Profiler Standard Edition / コマーシャルライセンス - 新規</option> | |
<option value='DPS00U0V05'>dotTrace Performance Profiler Standard Edition / コマーシャルライセンス - アップグレード</option> | |
</select> | |
<!--<input type="text" id="item" name="item" class="form-control"--> | |
<!--placeholder="例) IIU00NS:IntelliJ IDEA コマーシャルライセンス – 新規 & 年間アップグレードサブスクリプション">--> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row" style="margin-bottom: 5px;"> | |
<div class="col col-xs-2"> | |
<a href="#" type="button" class="btn btn-sm btn-primary" role="button">製品を追加する</a> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<label>支払い方法*</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<div class="form-group"> | |
<div class="btn-group paymentType" data-toggle="modal"> | |
<label class="active"> | |
<input type="radio" name="paymentType" value="bank" checked> 銀行振込(月末締め翌月末支払い)</label> | |
<label class=""> | |
<input type="radio" name="paymentType" value="card"> クレジットカード</label> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<label>納品書兼請求書の郵送の要・不要(郵送が必要な場合は手数料2,160円を頂戴しております)*</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<div class="form-group"> | |
<div class="btn-group quoteType" data-toggle="modal"> | |
<label class="active"> | |
<input type="radio" name="quoteType" value="" checked> 不要(PDF)</label> | |
<label class=""> | |
<input type="radio" name="quoteType" value="v"> 必要</label> | |
<label class=""> | |
<input type="radio" name="quoteType" value="i"> 必要(明細で手数料を商品代金に含める)</label> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-6"> | |
<div class="form-group col"> | |
<label for="companyName">会社または事業者名*</label> | |
<input type="text" id="companyName" name="companyName" class="form-control" | |
placeholder="会社または事業者名を入力"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<p class="help-block">ご注文の事業者とエンドユーザーが異なる場合は備考欄にエンドユーザー名、住所をご記入ください </p> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-6"> | |
<div class="form-group col"> | |
<label for="organization">部署等</label> | |
<input type="text" id="organization" name="organization" class="form-control" | |
placeholder="例) 購買部 ソフトウェア購買課"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<p class="help-block"></p> | |
</div> | |
</div> | |
<div class="form-group"> | |
<div class="row"> | |
<div class="col col-xs-2"> | |
<label for="firstName">名前(姓 / 名)*</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-2"> | |
<input type="text" id="lastName" name="lastName" class="form-control" placeholder="例) 山本"> | |
</div> | |
<div class="col col-xs-2"> | |
<input type="text" id="firstName" name="firstName" class="form-control" | |
placeholder="例) 裕介"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="email">メールアドレス*</label> | |
<input type="text" id="email" name="email" class="form-control" | |
placeholder="例) info@samuraism.com"> | |
</div> | |
</div> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="telNo">電話番号*</label> | |
<input type="text" id="telNo" name="telNo" class="form-control" | |
placeholder="例) 050-5849-5545"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-3"> | |
<div class="form-group"> | |
<label for="zip">郵便番号*</label> | |
<input type="text" id="zip" style="ime-mode:disabled" name="zip" class="form-control" | |
placeholder="例) 171-0014" | |
onkeyup="AjaxZip3.zip2addr('zip','','prefecture','city','address');"> | |
</div> | |
</div> | |
<div class="col col-xs-2"> | |
<div class="form-group"> | |
<label for="prefecture">都道府県*</label> | |
<select id="prefecture" name="prefecture" class="form-control"> | |
<option>-- 選択 --</option> | |
<option value="北海道">北海道</option> | |
<option value="青森県">青森県</option> | |
<option value="岩手県">岩手県</option> | |
<option value="宮城県">宮城県</option> | |
<option value="秋田県">秋田県</option> | |
<option value="山形県">山形県</option> | |
<option value="福島県">福島県</option> | |
<option value="茨城県">茨城県</option> | |
<option value="栃木県">栃木県</option> | |
<option value="群馬県">群馬県</option> | |
<option value="埼玉県">埼玉県</option> | |
<option value="千葉県">千葉県</option> | |
<option value="東京都">東京都</option> | |
<option value="神奈川県">神奈川県</option> | |
<option value="新潟県">新潟県</option> | |
<option value="富山県">富山県</option> | |
<option value="石川県">石川県</option> | |
<option value="福井県">福井県</option> | |
<option value="山梨県">山梨県</option> | |
<option value="長野県">長野県</option> | |
<option value="岐阜県">岐阜県</option> | |
<option value="静岡県">静岡県</option> | |
<option value="愛知県">愛知県</option> | |
<option value="三重県">三重県</option> | |
<option value="滋賀県">滋賀県</option> | |
<option value="京都府">京都府</option> | |
<option value="大阪府">大阪府</option> | |
<option value="兵庫県">兵庫県</option> | |
<option value="奈良県">奈良県</option> | |
<option value="和歌山県">和歌山県</option> | |
<option value="鳥取県">鳥取県</option> | |
<option value="島根県">島根県</option> | |
<option value="岡山県">岡山県</option> | |
<option value="広島県">広島県</option> | |
<option value="山口県">山口県</option> | |
<option value="徳島県">徳島県</option> | |
<option value="香川県">香川県</option> | |
<option value="愛媛県">愛媛県</option> | |
<option value="高知県">高知県</option> | |
<option value="福岡県">福岡県</option> | |
<option value="佐賀県">佐賀県</option> | |
<option value="長崎県">長崎県</option> | |
<option value="熊本県">熊本県</option> | |
<option value="大分県">大分県</option> | |
<option value="宮崎県">宮崎県</option> | |
<option value="鹿児島県">鹿児島県</option> | |
<option value="沖縄県">沖縄県</option> | |
</select> | |
</div> | |
</div> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="city">市区町村郡等*</label> | |
<input type="text" id="city" name="city" class="form-control" placeholder="例) 豊島区池袋"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<p class="help-block">都道府県、市区町村郡等は郵便番号より自動的に入力されます。必要に応じて修正してください。</p> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<div class="form-group"> | |
<label for="address">市区町村郡等以降*</label> | |
<input type="text" id="address" name="address" class="form-control" | |
placeholder="例) 2-32-1-204"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<label>エンドユーザー</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<div class="form-group"> | |
<label class="active"> | |
<input type="checkbox" name="endUserDiffers" id="endUserDiffers" value="endUserDiffers" checked="true"> エンドユーザーは見積もり/注文者と同じ</label> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<p class="help-block">ライセンス証は組織に対して発行されます。お見積もり・ご注文頂く企業・組織と実際のユーザーが異なる場合はチェックを外して必ずご記入ください</p> | |
</div> | |
</div> | |
<div id="endUserInfo" style="display: none"> | |
<h1>エンドユーザー情報</h1> | |
<div class="row"> | |
<div class="col col-xs-6"> | |
<div class="form-group col"> | |
<label for="endCompanyName">会社または事業者名*</label> | |
<input type="text" id="endCompanyName" name="endCompanyName" class="form-control" | |
placeholder="会社または事業者名を入力"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-6"> | |
<div class="form-group col"> | |
<label for="endOrganization">部署等</label> | |
<input type="text" id="endOrganization" name="endOrganization" class="form-control" | |
placeholder="例) 購買部 ソフトウェア購買課"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<p class="help-block"></p> | |
</div> | |
</div> | |
<div class="form-group"> | |
<div class="row"> | |
<div class="col col-xs-2"> | |
<label for="endLastName">名前(姓 / 名)*</label> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-2"> | |
<input type="text" id="endLastName" name="endLastName" class="form-control" placeholder="例) 山本"> | |
</div> | |
<div class="col col-xs-2"> | |
<input type="text" id="endFirstName" name="endFirstName" class="form-control" | |
placeholder="例) 裕介"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="endEmail">メールアドレス*</label> | |
<input type="text" id="endEmail" name="endEmail" class="form-control" | |
placeholder="例) info@samuraism.com"> | |
</div> | |
</div> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="endTelNo">電話番号*</label> | |
<input type="text" id="endTelNo" name="endTelNo" class="form-control" | |
placeholder="例) 050-5849-5545"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-3"> | |
<div class="form-group"> | |
<label for="endZip">郵便番号*</label> | |
<input type="text" id="endZip" style="ime-mode:disabled" name="endZip" class="form-control" | |
placeholder="例) 171-0014" | |
onkeyup="AjaxZip3.zip2addr('endZip','','endPrefecture','endCity','endAddress');"> | |
</div> | |
</div> | |
<div class="col col-xs-2"> | |
<div class="form-group"> | |
<label for="endPrefecture">都道府県*</label> | |
<select id="endPrefecture" name="endPrefecture" class="form-control"> | |
<option>-- 選択 --</option> | |
<option value="北海道">北海道</option> | |
<option value="青森県">青森県</option> | |
<option value="岩手県">岩手県</option> | |
<option value="宮城県">宮城県</option> | |
<option value="秋田県">秋田県</option> | |
<option value="山形県">山形県</option> | |
<option value="福島県">福島県</option> | |
<option value="茨城県">茨城県</option> | |
<option value="栃木県">栃木県</option> | |
<option value="群馬県">群馬県</option> | |
<option value="埼玉県">埼玉県</option> | |
<option value="千葉県">千葉県</option> | |
<option value="東京都">東京都</option> | |
<option value="神奈川県">神奈川県</option> | |
<option value="新潟県">新潟県</option> | |
<option value="富山県">富山県</option> | |
<option value="石川県">石川県</option> | |
<option value="福井県">福井県</option> | |
<option value="山梨県">山梨県</option> | |
<option value="長野県">長野県</option> | |
<option value="岐阜県">岐阜県</option> | |
<option value="静岡県">静岡県</option> | |
<option value="愛知県">愛知県</option> | |
<option value="三重県">三重県</option> | |
<option value="滋賀県">滋賀県</option> | |
<option value="京都府">京都府</option> | |
<option value="大阪府">大阪府</option> | |
<option value="兵庫県">兵庫県</option> | |
<option value="奈良県">奈良県</option> | |
<option value="和歌山県">和歌山県</option> | |
<option value="鳥取県">鳥取県</option> | |
<option value="島根県">島根県</option> | |
<option value="岡山県">岡山県</option> | |
<option value="広島県">広島県</option> | |
<option value="山口県">山口県</option> | |
<option value="徳島県">徳島県</option> | |
<option value="香川県">香川県</option> | |
<option value="愛媛県">愛媛県</option> | |
<option value="高知県">高知県</option> | |
<option value="福岡県">福岡県</option> | |
<option value="佐賀県">佐賀県</option> | |
<option value="長崎県">長崎県</option> | |
<option value="熊本県">熊本県</option> | |
<option value="大分県">大分県</option> | |
<option value="宮崎県">宮崎県</option> | |
<option value="鹿児島県">鹿児島県</option> | |
<option value="沖縄県">沖縄県</option> | |
</select> | |
</div> | |
</div> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<label for="endCity">市区町村郡等*</label> | |
<input type="text" id="endCity" name="endCity" class="form-control" placeholder="例) 豊島区池袋"> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-8"> | |
<p class="help-block">都道府県、市区町村郡等は郵便番号より自動的に入力されます。必要に応じて修正してください。</p> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<div class="form-group"> | |
<label for="endAddress">市区町村郡等以降*</label> | |
<input type="text" id="endAddress" name="endAddress" class="form-control" | |
placeholder="例) 2-32-1-204"> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-10"> | |
<div class="form-group"> | |
<label for="comment">備考</label> | |
<textarea id="comment" name="comment" class="form-control" rows="5"></textarea> | |
<p class="help-block">ライセンスの更新を見積もり・注文の際は現在のライセンスキー、またはリファレンス番号をご記入ください(Reference No* 以降のLCまたはSRから始まるもの)</p> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col col-xs-4"> | |
<div class="form-group"> | |
<p><a href="http://samuraism.com/products/jetbrains/notationbasedonthespecifiedcommercialtransactionact">特定商取引に関する法律に基づく表示</a> | |
</p> | |
<p><a href="http://samuraism.com/privacypolicy">プライバシーポリシー</a></p> | |
<p id="for-browser" style="display: none;"><button type="button" class="btn btn-lg btn-block">確認</button></p> | |
<p id="for-ie8" style="display: block;"><button type="submit" class="btn btn-lg btn-block">送信</button></p> | |
</div> | |
</div> | |
</div> | |
</fieldset> | |
</div> | |
</div> | |
<div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-labelledby="dialogLabel" aria-hidden="true"> | |
<div class="modal-dialog"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only"></span></button> | |
<h4 class="modal-title" id="dialogLabel">ご注文の確認</h4> | |
</div> | |
<div class="modal-body"> | |
<div class="panel panel-default"> | |
<div class="panel-heading">お問い合わせ内容</div> | |
<div class="panel-body"> | |
<table class="table"> | |
<tr> | |
<th><label for="confirm-queryType" >お問い合わせ</label></th> | |
<td><input type="text" id="confirm-queryType" name="confirm-queryType" readonly/></td> | |
</tr> | |
<tr class="confirm-items"> | |
<th><label for="confirm-quantity">数量</label> <label for="confirm-item" >製品</label></th> | |
<td> | |
<textarea class="quantity" id="confirm-quantity" name="confirm-quantity" rows="3" readonly></textarea> | |
<textarea class="item" id="confirm-item" name="confirm-item" rows="3" readonly></textarea> | |
</td> | |
</tr> | |
<tr> | |
<th><label for="confirm-paymentType" >支払い方法</label></th> | |
<td><input type="text" id="confirm-paymentType" name="confirm-paymentType" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-quoteType" >請求書の郵送</label></th> | |
<td><input type="text" id="confirm-quoteType" name="confirm-quoteType" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-companyName" >会社または事業者名</label></th> | |
<td><input type="text" id="confirm-companyName" name="confirm-companyName" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-organization" >部署等</label></th> | |
<td><input type="text" id="confirm-organization" name="confirm-organization" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-name" >お名前</label></th> | |
<td><input type="text" id="confirm-name" name="confirm-name" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-email" >メールアドレス</label></th> | |
<td><input type="text" id="confirm-email" name="confirm-email" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-telNo" >電話番号</label></th> | |
<td><input type="text" id="confirm-telNo" name="confirm-telNo" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-zip" >郵便番号</label></th> | |
<td><input type="text" id="confirm-zip" name="confirm-zip" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-prefecture" >都道府県</label></th> | |
<td><input type="text" id="confirm-prefecture" name="confirm-prefecture" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-city" >市区町村郡等</label></th> | |
<td><input type="text" id="confirm-city" name="confirm-city" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-address" >市区町村郡等以降</label></th> | |
<td><input type="text" id="confirm-address" name="confirm-address" readonly/></td> | |
</tr> | |
</table> | |
</div> | |
</div> | |
<div class="panel panel-default end-user-confirmation" style="display: none;"> | |
<div class="panel-heading">エンドユーザー情報</div> | |
<div class="panel-body"> | |
<table class="table"> | |
<tr> | |
<th><label for="confirm-encCompanyName" >会社または事業者名</label></th> | |
<td><input type="text" id="confirm-encCompanyName" name="confirm-encCompanyName" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endOrganization" >部署等</label></th> | |
<td><input type="text" id="confirm-endOrganization" name="confirm-endOrganization" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endName" >お名前</label></th> | |
<td><input type="text" id="confirm-endName" name="confirm-endName" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endEmail" >メールアドレス</label></th> | |
<td><input type="text" id="confirm-endEmail" name="confirm-endEmail" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endTelNo" >電話番号</label></th> | |
<td><input type="text" id="confirm-endTelNo" name="confirm-endTelNo" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endZip" >郵便番号</label></th> | |
<td><input type="text" id="confirm-endZip" name="confirm-endZip" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endPrefecture" >都道府県</label></th> | |
<td><input type="text" id="confirm-endPrefecture" name="confirm-endPrefecture" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endCity" >市区町村郡等</label></th> | |
<td><input type="text" id="confirm-endCity" name="confirm-endCity" readonly/></td> | |
</tr> | |
<tr> | |
<th><label for="confirm-endAddress" >市区町村郡等以降</label></th> | |
<td><input type="text" id="confirm-endAddress" name="confirm-endAddress" readonly/></td> | |
</tr> | |
</table> | |
</div> | |
</div> | |
<div class="panel panel-default"> | |
<div class="panel-body"> | |
<table class="table"> | |
<tr> | |
<th><label for="confirm-comment" >備考</label></th> | |
<td><textarea id="confirm-comment" name="confirm-comment" readonly rows="3"></textarea></td> | |
</tr> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">戻る</button> | |
<button type="button" class="btn btn-primary" id="form-submit">送信</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="modal fade error-dialog" id="error-dialog" tabindex="-1" role="dialog" aria-labelledby="errorLabel" aria-hidden="true"> | |
<div class="modal-dialog modal-sm"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">閉じる</span></button> | |
<h4 class="modal-title" id="errorLabel">入力エラー</h4> | |
</div> | |
<div class="modal-body"> | |
<p>入力されていない項目があります</p> | |
<ul class="list-group" style="list-style-type: none;"></ul> | |
<ul style="display: none;"> | |
<li class="list-group-item original" style="display: none;" data-dismiss="modal"><span></span></li> | |
</ul> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</form> | |
<script src="js/jquery.js"></script> | |
<script src="js/bootstrap.min.js"></script> | |
<script src="js/jquery.cookie.js"></script> | |
<script src="js/sayt.min.jquery.js"></script> | |
<script src="js/samuraism-common.js"></script> | |
<script src="//ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js" charset="UTF-8"></script> | |
<script> | |
ss.displayButton(); | |
$("#endUserInfo").css("display", "none"); | |
$("#endUserDiffers").click(function(){ | |
$("#endUserInfo").toggle(); | |
}); | |
$(document).ready(function() { | |
var addRow = function () { | |
var row = $("div.form-group div.col.col-xs-10 select.form-control").last().parents().get(2), | |
original = $(row), | |
copied = original.clone(), | |
rowCounts = $("input#item_rows"), | |
previous = parseInt(rowCounts.val()), | |
next = previous + 1, | |
incrementId = function (object) { | |
var oldId = $(object).attr("id"), | |
newId = oldId.replace("_" + previous, "_" + next); | |
$(object).attr("id", newId); | |
}, | |
retrieveObjects = function (rowObject) { | |
return [rowObject.find("input"), rowObject.find("select")]; | |
}, | |
changeId = function (rowObject) { | |
var objects = retrieveObjects(rowObject); | |
objects.forEach(function (object) { | |
incrementId(object); | |
}); | |
}, | |
container = original.parent(); | |
if (previous === 0) { | |
retrieveObjects(copied).forEach(function (object) { | |
object.attr("id", object.attr("id") + "_" + next); | |
}); | |
} else { | |
retrieveObjects(copied).forEach(function (object) { | |
incrementId(object); | |
}); | |
} | |
rowCounts.val(next); | |
copied.appendTo(container); | |
}, | |
multipleRows = $.cookie("item_rows") === undefined, | |
rowCount = multipleRows? parseInt($.cookie("item_rows")) : 0, index, | |
dialog = $("div#dialog"); | |
$("form div.col.col-xs-2 a.btn.btn-sm").click(addRow); | |
for(index = 0; index < rowCount; index++) addRow(); | |
$("fieldset button.btn.btn-lg.btn-block").click(function(){ | |
var index, selector, errors = [], item, idx, | |
rows = parseInt($("#item_rows").val()), | |
parent = $("div.form-group div.col.col-xs-10"); | |
parent.removeClass("has-error"); | |
for (index = 0; index <= rows; index++) { | |
selector = (index === 0)? "#item" : "#item_" + index; | |
item = $(selector); | |
idx = item.prop("selectedIndex"); | |
if (idx === 0 || idx === -1) { | |
item.parent("div.col.col-xs-10").addClass("has-error"); | |
var element = $("div.modal-sm li.list-group-item.original") | |
.clone().toggle().removeClass("original"); | |
element.find("span").text((index + 1) + "行目の製品"); | |
errors[errors.length] = element; | |
} | |
} | |
if (errors.length === 0) { | |
$("#dialog").modal("toggle"); | |
} else { | |
var list = $("div.modal-sm div.modal-body ul.list-group"); | |
list.empty(); | |
$.each(errors, function(){list.append($(this));}); | |
$("#error-dialog").modal("toggle"); | |
} | |
}); | |
dialog.on("show.bs.modal", function() { | |
var Confirmation = function(t, v) { | |
this.t = t; | |
this.v = v; | |
this.target = function() {return this.t;}; | |
this.value = function() {return this.v;}; | |
}, | |
ConfirmationList = function() { | |
this.list = []; | |
var list = this.list; | |
this.add = function(element) { | |
if (element !== null) | |
list[list.length] = element; | |
return this; | |
}; | |
this.array = function() {return list;}; | |
}, | |
endUserDiffers = $("#endUserDiffers").is(":checked"), | |
rows = parseInt($("#item_rows").val()), | |
index, before, | |
endUserInfo = $("div.end-user-confirmation"), | |
list = new ConfirmationList() | |
.add(new Confirmation($("#confirm-queryType"), | |
$("div.queryType label :radio:checked").parent().text().trim())) | |
.add(new Confirmation($("#confirm-paymentType"), | |
$("div.paymentType label :radio:checked").parent().text().trim())) | |
.add(new Confirmation($("#confirm-quoteType"), | |
$("div.quoteType label :radio:checked").parent().text().trim())) | |
.add(new Confirmation($("#confirm-companyName"), $("#companyName").val())) | |
.add(new Confirmation($("#confirm-organization"), $("#organization").val())) | |
.add(new Confirmation($("#confirm-name"), $("#lastName").val() + " " + $("#firstName").val())) | |
.add(new Confirmation($("#confirm-email"), $("#email").val())) | |
.add(new Confirmation($("#confirm-telNo"), $("#telNo").val())) | |
.add(new Confirmation($("#confirm-zip"), $("#zip").val())) | |
.add(new Confirmation($("#confirm-prefecture"), $("#prefecture").val())) | |
.add(new Confirmation($("#confirm-city"), $("#city").val())) | |
.add(new Confirmation($("#confirm-address"), $("#address").val())) | |
.add(new Confirmation($("#confirm-comment"), $("#comment").val())) | |
.add(new Confirmation($("#confirm-encCompanyName"), | |
endUserDiffers? null:$("#encCompanyName").val())) | |
.add(new Confirmation($("#confirm-endOrganization"), | |
endUserDiffers? null:$("#endOrganization").val())) | |
.add(new Confirmation($("#confirm-endName"), | |
endUserDiffers? null:$("#endLastName").val() + $("#endFirstName").val())) | |
.add(new Confirmation($("#confirm-endEmail"), | |
endUserDiffers? null:$("#endEmail").val())) | |
.add(new Confirmation($("#confirm-endTelNo"), | |
endUserDiffers? null:$("#endTelNo").val())) | |
.add(new Confirmation($("#confirm-endZip"), | |
endUserDiffers? null:$("#endZip").val())) | |
.add(new Confirmation($("#confirm-endPrefecture"), | |
endUserDiffers? null:$("#endPrefecture").val())) | |
.add(new Confirmation($("#confirm-endCity"), | |
endUserDiffers? null:$("#endCity").val())) | |
.add(new Confirmation($("#confirm-endAddress"), | |
endUserDiffers? null:$("#endAddress").val())); | |
for (index = 0; index <= rows; index++) { | |
if (index > 0) { | |
var confirmItems = "confirm-items", | |
original = $("tr.confirm-items"), | |
copied = original.clone().removeClass(confirmItems).addClass(confirmItems + "_" + index); | |
before = (typeof before === "undefined")? original : before; | |
$.each(copied.find("label"), function() { | |
var attribute = "for", | |
item = $(this), | |
labelFor = item.attr(attribute); | |
item.attr(attribute, labelFor + "_" + index); | |
item.html(" "); | |
}); | |
$.each(copied.find("textarea"), function(){ | |
var attribute = "id", | |
item = $(this), | |
id = item.attr(attribute); | |
item.attr(attribute, id + "_" + index); | |
}); | |
before.after(copied); | |
before = copied; | |
} | |
var confirmItemName = $("#confirm-item" + (index === 0? "": "_" + index)), | |
itemName = $("#item" + (index === 0? "": "_" + index) + " option:selected").text().trim(); | |
list.add(new Confirmation($("#confirm-quantity" + (index === 0? "": "_" + index)), | |
$("#quantity" + (index === 0? "":"_" + index)).val())); | |
list.add(new Confirmation(confirmItemName, itemName)); | |
} | |
endUserInfo.css("display", "none"); | |
if (!endUserDiffers) { | |
endUserInfo.toggle(); | |
} | |
$.each(list.array(), function() { | |
this.target().val(this.value()); | |
}); | |
}); | |
dialog.on("hidden.bs.modal", function(){ | |
var rows = parseInt($("#item_rows").val()), | |
index = rows, | |
confirmItems = "tr.confirm-items"; | |
while(index > 0) { | |
$(confirmItems + "_" + index).remove(); | |
index -= 1; | |
} | |
}); | |
$("#form-submit").click(function(){ | |
var button = $(this); | |
button.attr("disabled", true); | |
$("#post_order").submit(); | |
}); | |
$("#post_order").sayt(); | |
$("#item").val(ss.getParameterByName('item')); | |
}); | |
</script> | |
</div> | |
</body> | |
* Connection #0 to host secure.samuraism.com left intact | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment