ブラウザーに依存しない サンプル

www.altova.com このトピックを印刷 前のページ 1つ上のレベル 次のページ

ホーム >  サーバーのセットアップ > Authentic プラグインのための HTML ページ > 依存しないブラウザー >

ブラウザーに依存しない サンプル

下の HTML コードは次の機能を持つページを生成します:

 

クライアント (Internet Explorer、Firefox) にブラウザーがインストールされているかチェックし、検出されたブラウザーの種類のために Authentic Browser バージョンをインストールします。
更に、 インストールされたブラウザーが Internet Explorer の場合、 システムが 32-ビット、または、64-ビットであるかをチェックし、 (32-ビット、または、64-ビット Internet Explorer のために) 正確な .CAB ファイル が選択されます。
ページ内の Authentic Browser ウィンドウはブラウザーウィンドウの 100% の幅、および 60% の高さに設定されています。
Authentic Browser ウィンドウの下には5つのボタンの行が存在します
「編集の開始」 ボタンはサーバーのルートディレクトリ内にある OrgChart.xml の Authentic View をロードします
「検索と置換」 ボタンは検索と置換 ダイアログをそれぞれ表示します
「保存」 ボタンはサーバーのルートディレクトリ内にある SaveFile_OrgChart.xml という名前のファイルを保存します。
「テスト」 プロパティ ボタンはシンプルなプロパティをテストします

 

この HTML ページがクライアントで開かれると、 XML ファイル OrgChart.xml の編集を開始し、編集したファイルを SaveFile_OrgChart.xml として保存することができます。

 

Authentic Browser が正確に作動するかテストするために、このシンプルな HTML ページを使用することができます。 これを行う場合、 XPI ファイル、 xsd、 xml、 および sps ファイルとサーバー上の他のリソースをロケートする URL 内のそれぞれのファイルに対して正確なアドレスとパスを使用してください。サーバーの一部では大文字と小文字の区別が問題になる場合があり、ファイルを検索する際に問題になる場合がありますので、 コード内のファイル名とコマンドの大文字/小文字の指定をチェックしてください。このサンプルを拡張、または、変更して、 Authentic Browser を使用し、更に複雑なソリューションをビルドすることができます。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

         <title>Orgchart.sps Scriptable Plug-in Test - browser independent</title>

         <script type="text/javascript">

                 <!--

                 function BtnOnSave() { objPlugIn.Save();}

                 

                 function InitAuthenticPluginPage( )

                 {

                 

                  var schema= document.getElementById('xsd');

                  var instance=document.getElementById('xml');

                  var design=document.getElementById('sps');

                  objPlugIn.XMLDataLoadObject.URL =instance.innerHTML;

                  objPlugIn.DesignDataLoadObject.URL = design.innerHTML;

                  objPlugIn.SchemaLoadObject.URL= schema.innerHTML;

                 // alert(schema.innerHTML+"  "+instance.innerHTML+" " +design.innerHTML);

                 

                 /*

                  var serverstr='your-server/';

                  var basedir='Authentic/';

                  objPlugIn.SchemaLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.xsd';

                  objPlugIn.XMLDataLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.xml' ;

                  objPlugIn.DesignDataLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.sps';

                 */

                 

                  objPlugIn.StartEditing();

                 

                 

                 }

                 

                 function Unload()

                 {

                 

                 //-->

         </script>

 <style type="text/css">@page { margin-left:0.60in; margin-right:0.60in; margin-top:0.79in; margin-bottom:0.79in } @media         screen { br.altova-page-break { display: none; } } @media print { br.altova-page-break { page-break-before: always; } }

 </style>

 </head>

 

 <body id="bodyId" onunload="Unload()">

         <table border="1">

                 <tbody>

                         <tr><th><span>DesignLoadURL</span></th><td id="sps">http://your-server/Authentic/Orgchart.sps</td></tr>

                         <tr><th><span>SchemaLoadURL</span></th><td id="xsd">http://your-server/Authentic/Orgchart.xsd</td></tr>

                         <tr><th><span>XMLDataLoadURL</span></th><td id="xml">http://your-server/Authentic/Orgchart.xml</td></tr>

                         <tr><th><span>XMLDataSaveURL</span></th><td id="xmlsave">http://your-server/Authentic/SaveFile_OrgChart.xml</td></tr>

                 </tbody>

         </table>

         <center><h3><span>Authentic Platformindependent プラグイン Enterprise Edition</span></h3></center>

         <span>&nbsp;</span>

         <center>

         <script language="JavaScript" type="text/javascript">

                 // return true if the page loads in Firefox

                 function isFirefoxOnWindows()

                 {

                  return ((navigator.userAgent.indexOf('Firef') != -1) && (navigator.userAgent.indexOf('Win') != -1));

                 }

                 

                 // return true if the page loads in Internet Explorer

                 function isIEOnWindows()

                 {

                  return ((navigator.userAgent.indexOf('MSIE') != -1) && (navigator.userAgent.indexOf('Win') != -1))

                 }

                 

                 //return true if Browser is 64bit

                 function is64bitBrowser()

                 {

                  return ((navigator.userAgent.indexOf('Win64') != -1)&& (navigator.userAgent.indexOf('x64') != -1))

                 }

                 

                 //return Codebase for 32 bit  or 64 bit

                 function getCodeBase()

                 {

                   if ( is64bitBrowser() ){

                         return('CodeBase="http://your-server/AuthenticBrowserEdition_x64.CAB#Version=12,2,0,0" ')

                   }

                   else {

                         return('CodeBase="http://your-server/AuthenticBrowserEdition.CAB#Version=12,2,0,0" ')

                   }

                 }

                 

                 // Create the plugin object instance, according to the browser loading the page

                 // -Firefox uses EMBED tag for embeding plugins and supports PLUGINSPAGE

                 // attribute to redirect to an installation file if the plugin is not

                 // currently installed;

                 // -IE uses <OBJECT> tag for embeding plugins and supports CODEBASE attribute

                 // to indicate a .cab file for the installation if the plugin is not

                 // currently installed

                 

                 function createObject( codebase, clsid)

                 {

                  if ( isFirefoxOnWindows() )

                  {

                  document.write ( '<embed ' +

                  'id="objPlugIn" ' +

                  'type="application/x-authentic-scriptable-plugin" ' +

                  'width="100%" ' +

                  'height="60%" ' + 'PLUGINSPAGE="http://your-server/Authentic/AuthenticFirefoxPlugin_trusted.xpi" ' +

                    'SaveButtonAutoEnable="true" ' +

                    'EntryHelpersEnabled="true" ' +

                    'LicServer="your-server" ' +

                    'LicCompany="Altova" ' +

                    'LicKey="XXXXXXXXXX" ' +

                    'XMLDataSaveUrl="http://your-server/Authentic/SaveFile_OrgChart.xml"> ' +

                  '<\/embed>' );

                  }

                   else if ( isIEOnWindows() )

                  {

                  document.write ( '<OBJECT ' +

                         'id="objPlugIn" ' +

                         getCodeBase() +

                         'Classid="clsid:B4628728-E3F0-44a2-BEC8-F838555AE780" ' +

                         'width="100%" ' +

                         'height="60%" ' +

                         '>' +

                         '<PARAM NAME="XMLDataSaveUrl" VALUE="http://your-server/Authentic/SaveFile_OrgChart.xml"> ' +

                         '<PARAM NAME="EntryHelpersEnabled" VALUE="TRUE"> ' + 

                         '<PARAM NAME="SaveButtonAutoEnable" VALUE="TRUE"> ' +

                         '<PARAM NAME="LicServer" VALUE="your-server"> ' +

                         '<PARAM NAME="LicCompany" VALUE="Altova"> ' +

                         '<PARAM NAME="LicKey" VALUE="XXXXXXXXXX"> ' +

                         '<\/OBJECT>');

                 }

                 }

                 

                 createObject();

                 // after running createObject the plugin object exists. Initialize the javascript variable to be used in the scripts

                 var objPlugIn = document.getElementById('objPlugIn'); 

         </script>

                 

                 <br><br>

                 <button onclick="objPlugIn.StartEditing()"><span>Start Editing</span></button>

                 <button onclick="objPlugIn.FindDialog()"><span>Find</span></button>

                 <button onclick="objPlugIn.ReplaceDialog();"><span>Replace</span></button>

                 <button onclick="BtnOnSave()"><span>Save</span></button>

                 <button onclick="alert ( objPlugIn.IsRowInsertEnabled );"><span>Test</span><br></button>

                 </center>

                 

         <script language="javascript" type="text/javascript">

                         // event subscription if running on Firefox

                          if ( isFirefoxOnWindows() )

                          {

                          objPlugIn.addEventListener("ControlInitialized", InitAuthenticPluginPage, false);

                          }

         </script>

                 

         <script event="ControlInitialized" for="objPlugIn" language="javascript" type="text/javascript">

                         // event subscription if running on Internet Explorer

                          if ( isIEOnWindows() )

                          {

                          InitAuthenticPluginPage();

                          //if ( isIEx64OnWindows() ) alert("IE x64");

                          }

         </script>

                 

 </body>

</html>

 

 

メモ:上のスクリプトには Authentic Browser Enterprise Edition を有効化するために必要なライセンス情報が含まれています。 3つのパラメーター LicServer、 LicCompany、 および LicKey が存在しない場合、 Authentic Browser 機能は Community Edition の機能のみに制限されます。

 


(C) 2019 Altova GmbH