https://qwerty.work/tags/activex-php-javascript-iis-%E5%8D%B0%E5%88%B7%E8%A8%AD%E5%AE%9A/ Recent content in Activex Php Javascript Iis 印刷設定 on qwerty.work Hugo -- gohugo.io ja-JP Thu, 16 Dec 2010 20:47:21 +0900 https://qwerty.work/post/2010/12/activexjavascript/ Thu, 16 Dec 2010 20:47:21 +0900 https://qwerty.work/post/2010/12/activexjavascript/ <p>イントラネットで表示されているページを印刷しようとすると、A4・<strong>縦</strong>で印刷したいのに、デフォルトはA4・<strong>横</strong>になっているため、印刷設定を毎回「<strong>縦</strong>」に変更しなくてはならない事にガマンの限界が&hellip;。</p> <p> </p> <p>イントラネットはWindowsサーバー上IISでASと一部PHPで作っています。</p> <p> </p> <p>印刷設定（用紙設定）はASPやJavascriptの関数があるんかな？</p> <p>といろいろ検索しましたが見つかりませんでした&hellip;。</p> <p> </p> <p>しかし、替わりに見つけたのは**ActtiveXコントロール「ScriptX」**を使った方法！</p> <p>まず以下のページで「Dowload smsx.cab」ボタンを押してダウンロード</p> <div class="link-card"> <a href="http://www.meadroid.com/scriptx/sxdownload.asp" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/http://www.meadroid.com/scriptx/sxdownload.asp" alt="http://www.meadroid.com/scriptx/sxdownload.asp" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">http://www.meadroid.com/scriptx/sxdownload.asp</span> <span class="link-card-url">http://www.meadroid.com/scriptx/sxdownload.asp</span> </div> </a> </div> <p>任意のディレクトリにアップロード</p> <p>印刷設定を使うページに以下のコードを挿入し、</p> <p>タグでActiveXコントロール読み込む。</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#75715e">&lt;!-- ScriptX 読み込み --&gt;</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;object</span> <span style="color:#a6e22e">id=</span><span style="color:#e6db74">factory</span> <span style="color:#a6e22e">style=</span><span style="color:#e6db74">&#34;display:none&#34;</span> </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">classid=</span><span style="color:#e6db74">&#34;clsid:1663ed61-23eb-11d2-b92f-008048fdd814&#34;</span> </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">codebase=</span><span style="color:#e6db74">&#34;http://**smsx.cabを設置した場所のパス**/smsx.cab#Version=6,5,439,72（←バージョンによって書き換える）&#34;</span><span style="color:#f92672">&gt;</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;/object&gt;</span> </span></span><span style="display:flex;"><span><span style="color:#75715e">&lt;!-- ScriptX 読み込み --&gt;</span> </span></span></code></pre></div><p>次にJavascriptファンクションで印刷設定を行う。</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#a6e22e">script</span> <span style="color:#a6e22e">type</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;text/javascript&#34;</span><span style="color:#f92672">&gt;</span> </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">printWindow</span>() { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">header</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;ヘッダ名&#34;</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">footer</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;フッタ名&#34;</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">portrait</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">false</span>; <span style="color:#75715e">// 用紙方向 true: 縦 false: 横 </span></span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">leftMargin</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">1.0</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">topMargin</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">1.0</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">rightMargin</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">1.0</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">bottomMargin</span> <span style="color:#f92672">=</span> <span style="color:#ae81ff">1.0</span>; </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">Print</span>(<span style="color:#66d9ef">false</span>); <span style="color:#75715e">// 印刷実行 ture: 印刷ダイアログなし false: 印刷ダイアログあり </span></span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#960050;background-color:#1e0010">/script&gt;</span> </span></span></code></pre></div><p>あとはファンクションを呼び出すだけでOK!</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#f92672">&lt;input</span> <span style="color:#a6e22e">type=</span><span style="color:#e6db74">&#34;button&#34;</span> <span style="color:#a6e22e">value=</span><span style="color:#e6db74">&#34;ScriptXで印刷&#34;</span> <span style="color:#a6e22e">onclick=</span><span style="color:#e6db74">&#34;printWindow();&#34;</span> <span style="color:#f92672">/&gt;</span> </span></span></code></pre></div><p>自分の場合は印刷ページ表示と同時に印刷するので、</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#f92672">&lt;body</span> <span style="color:#a6e22e">onload=</span><span style="color:#e6db74">&#34;printWindow();&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>としました。</p> <p> </p> <p>※初回使用時は「ActiveXをインストールしますか？」見たいな警告が出ますが、インストールしてしてください。</p> <p> </p> <p>その他</p> <p><strong>ヘッダ・フッタに、現在日・ページ数出力</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">header</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;ヘッダ名 &amp;b 日付: &amp;d&#34;</span>; <span style="color:#75715e">// 現在日出力 </span></span></span><span style="display:flex;"><span><span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">footer</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;フッタ名 &amp;b &amp;p/&amp;P ページ&#34;</span>; <span style="color:#75715e">// ページ数出力 </span></span></span></code></pre></div><p>これでイントラネットとインターネットでヘッダー・フッター印刷を切り分けられそうなのがいいです。</p> <p>ヘッダーとフッターで使える記号</p> <ul> <li>&amp;w　：　印刷するホームページのタイトル</li> <li>&amp;u　：　印刷するページのアドレス</li> <li>&amp;d　：　現在の日付（xxxx/xx/xx 形式）</li> <li>&amp;D　：　現在の日付（xxxx年xx月xx日 形式）</li> <li>&amp;t　：　現在の時刻（コントロールパネルの「地域」で設定されている形式）</li> <li>&amp;T　：　現在の時刻（xx：xx：xx 形式）</li> <li>&amp;p　：　現在のページ番号</li> <li>&amp;P　：　総ページ数</li> <li>&amp;b　：　右揃えの文字列（「&amp;b」に続けて文字列を入力）</li> <li>&amp;b&amp;b　：　中央揃えの文字列（最初の「&amp;b」に続けて文字列を入力）と右揃えの文字列（2 番目の「&amp;b」に続けて文字列を入力）</li> <li>&amp;&amp;　：　アンパサンド（&amp;）</li> </ul> <p> </p> <p><strong>直接印刷(印刷ダイアログ表示なし）だけを直接使う</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">Print</span>(<span style="color:#66d9ef">true</span>); </span></span></code></pre></div><p> </p> <p><strong>プレビュー画面を表示</strong></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">factory</span>.<span style="color:#a6e22e">printing</span>.<span style="color:#a6e22e">Preview</span>(); </span></span></code></pre></div><p> </p> <p>ActiveXコントロールだけにWindowsサーバー上ブラウザがIEじゃないと動かないとは思うのですが、WindowsサーバーであればIISじゃなくてもApatchでも動き、タグで「smsx.cab」さえ読み込めばPHPでも使えるようなことが書かれたページがありました。</p> <p> </p> <p>有償版もあるようですが、用紙サイズの指定とかもできるみたいです。</p>