<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Adobe RoboHelp 10" />
<title>Maker List</title>
<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-52WSG2G');</script><!-- End Google Tag Manager -->
<link rel="stylesheet" href="./css/jquery-ui.css">
<link rel="stylesheet" href="./css/base.css">

<!-- 20190723 add[nishino] start -->
    <script src="conf.js" type="text/javascript"></script>
<!-- 20190723 add[nishino] end -->

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/lib/jquery-ui.js" type="text/javascript"></script>
<script src="js/lib/jquery.textchange.js" type="text/javascript"></script>
<script src="js/lib/jquery.cookie.js" type="text/javascript"></script>
<script src="js/lib/jquery.observe-update.js" type="text/javascript"></script>
<script src="js/lib/jquery.serialize-object.js" type="text/javascript"></script>
<script src="js/lib/jquery.highlight.js" type="text/javascript"></script>
<script src="js/lib/lodash.min.js" type="text/javascript"></script>
<script src="js/lib/AutoCompleteView.js" type="text/javascript"></script>
<script src="js/lib/common.js" type="text/javascript"></script>

<!-- 20190723 add[nishino] start -->
    <script src="js/function.js" type="text/javascript"></script>
<!-- 20190723 add[nishino] end -->

<script src="js/lib/zlib-js-0.2.0/zlib.js" type="text/javascript"></script>
<script src="js/lib/zlib-js-0.2.0/zlib-deflate.js" type="text/javascript"></script>
<script src="js/lib/zlib-js-0.2.0/zlib-inflate.js" type="text/javascript"></script>
<script src="js/lib/zlib-js-0.2.0/utf.js" type="text/javascript"></script>
<script src="js/lib/zlib-js-0.2.0/base64.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
function dropsort() {
    var browser = document.sort_form.sort.value;
    location.href = browser
}
//]]></script>
</head>
<body class="page-maker">
<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52WSG2G" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
    <div class="topic main">
	<div class="functionholder">
		<div id="_title">Device/PLC Connection Manual</div>
        <div id="manual_title">
            <form name="sort_form" action="">
            <select name="sort" onchange="dropsort()">
            <option value="">-Manual Navigation-</option>
            <option value="../top/index.htm">Manual Top Page</option>
            <option value="../quick/index.htm">Quick Tour</option>
            <option value="../support/index.htm">Supported Model/Feature List</option>
            <option value="../featureguide/index.htm#t=featureguide/start.htm">Feature Guide</option>
            <option value="../limitation/index.htm">Restrictions</option>
            <option value="../device/maker.htm">Device/PLC Connection Manual</option>
            <option value="../hw/index.htm">Hardware Manual</option>
            <option value="../error/index.htm">Error Message List</option>
            <option value="../featureguide/index.htm#t=history/history.htm">Updated Manuals and Download Links</option>
            </select>
            </form>
        </div>
	</div>

	<a class="to_top" href="javascript:window.scroll(0,0)"></a>

</div>
<style>
  .highlight {
    background-color: yellow;
  }
</style>
<div id="contentsarea">
    <div class="hr"></div>
    <div id="content">
        <div class="content-header">
            <h1>Manufacturers</h1>
            <p class="subscp">Choose the objective manufacture and communication method.<br>
            Before using this manual, be sure to read through the contents as shown below.<br>
            <a href="../../en/device/detail/preface/index.htm#t=03-3-003.htm" target="_new">manual symbols and terminology</a> /
            <a href="../../en/device/detail/preface/index.htm#t=p003.htm" target="_new">limitation</a> /
            <a href="../../en/device/detail/preface/index.htm#t=p005.htm" target="_new">Symbol File</a> /
            <a href="../../en/device/detail/preface/index.htm#t=p006.htm" target="_new">Disclaimer</a></p>
            <div id="subscbox" >
              <form method="post" action="" class="js-condition-form">
                <input type="hidden" name="driver">
                <input type="textbox" name="manufacturer" class="iptbox2 js-condition js-maker" placeholder="Search a manufacturer by typing a part of name.">
              </form>
            </div>
            <div id="backtobox">
                <a href="#" class="js-btn-reset"><span>Reset</span></a>
            </div>
        </div><!-- ./content-header -->

        <table class="maker-table">
            <thead>
                <tr>
                    <th class="slit mkname">Manufacturer</th>
                    <th>Communication Method</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>


<script type="text/javascript">
<!--

    // 20190719 fix[nishino] start

    var makerJs;  // makerJsファイルパス

    // 初期化
    data = [];  // makerJsより取得するデータ

    // conf.jsからメーカーリストを取得
    var allMakerList = data_conf.makers;

    var listCount = 0;  // メーカーJSカウント

    // js/makerJsの読込み
    var loadMakerJs = function(){
        // 全てのmakerJs取得後処理
        if(allMakerList.length === listCount) {
            // 配列から空要素を削除
            data = deleteEmptyArray(data);

            // scriptエレメントappend（js/makerJs）
            appendElement(createScriptEl(PATH.MAKER));
        }
    };

    for(var i=0; i<allMakerList.length; i++) {

        // 読み込む maker_[メーカーCD].jsのPATH
        makerJs = PATH.MAKERS + allMakerList[i]['maker-cd'] + EXTENTION;

        var makerScriptEl = createScriptEl(makerJs, i,
            // データ取得成功時
            (function(index) {
                // 管理画面で出力されたメーカーデータを格納していく
                data[index] = eval(DATA_PREFIX + allMakerList[index]['maker-cd']);

                listCount++;
                loadMakerJs();

            }),
            // データ取得失敗時
            (function(index){
                listCount++;
                loadMakerJs();
            })
        );

        // scriptエレメントappend（makerJs）
        appendElement(makerScriptEl);
    }

    // 20190719 fix[nishino] end

// -->
</script>

<!-- #template メーカー一覧テンプレート -->
<script type="text/template" id="template">
<% _.each(items, function(item) { %>
    <!-- メーカー別マニュアル設定ファイル毎にレンダリングしていく -->
    <tr>
        <td class="js-hl-target-manufacturer"><%- item['maker-nm'] %></td>
        <td class="serbox js-box">
            <ul class="clearfix">
            <% _.each(item['portTypeAry'], function(portType) { %>
                <a class="js-focusable" href="detail.htm?maker_cd=<%- item['maker-cd'] %>&type=<%- portType['directory-nm'] %>&port-type-flg=<%- portType['port-type-flg'] %>">
                    <li>
                        <img src="img/<%- portType['icon-nm'] %>">
                        <span><%- portType['port-type-nm'] %></span>
                    </li>
                </a>
            <% }); %>
            </ul>
        </td>
    </tr>
    <!-- 改修　中江 20170612 end -->
<% }); %>
</script>
<!-- /#template -->
</body>
</html>
