ホームページ  >  記事  >  バックエンド開発  >  PHP での XML アプリケーション開発の基本 ノードの追加 ノードの削除 ノードのクエリ セクションのクエリ_PHP チュートリアル

PHP での XML アプリケーション開発の基本 ノードの追加 ノードの削除 ノードのクエリ セクションのクエリ_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-21 15:36:39895ブラウズ

1. XML の概要

XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データの保存、使用に使用されます。

XML標準を使用してエンコードされたデータは、人間やコンピューターが容易に解釈できる意味と構造を持っています。 XML データはプラットフォームやアプリケーションに依存しません。言うまでもなく、このこと自体が XML をインターネットにとって理想的なデータ交換形式にしています (実際、XML はまさにこの目的のために開発されました)。最近、ブロードバンド接続の成長と、あらゆる媒体でデータを共有するアプリケーションに対する消費者の需要により、XML Web サービスとアプリケーションがますますリッチになってきています。

XML は、まさにインターネット上の豊富なデータを記述するという組織上の問題を解決するために発明されました。これまでのところ、この問題は HTML を賢く使用することで部分的にしか解決できません。

以下は XML ドキュメントの例です:
プログラム コード

コードをコピーします コードは次のとおりです:

<場所>私の家<時間>午後7時<名前>ジョン・ブログ<アイテム>フォスターの箱 < ;/ゲスト>
<名前>/名前> <アイテム>ボンベイミックス
;ゲスト>


これまで XML を見たことがない場合は、HTML に似ていると考えることができます。 HTML は SGML アプリケーションであり、XML はそのサブセットです。ただし、類似点には、類似したラベル区切り文字があることも含まれます。

上記の XML スニペットを見るだけで、データが多数のゲストを含むパーティーを記述しており、各ゲストが項目に対応していることがわかります。データを説明するために使用されるラベル名はすべて作成者によって選択されます。すべての XML 標準では、データに一貫性があり、データの記述に使用されるタグが適切な形式である必要があります。文書型宣言 (DTD) または XML スキーマを使用して、データの整合性をさらに強化できます。ただし、簡単にするために、この記事ではプレーン XML のみを使用します。


2. XML アプリケーション


ここまで、XML を使用してあらゆる種類のデータを記述する方法を見てきました。実際、XML は現在、多くの Web アプリケーションで広く使用されています。有名なアプリケーションの説明をいくつか示します。

· XHTML - これは最も広く使用されている XML アプリケーションの 1 つです。これは HTML に基づく SGML に似ており、Web ページ上でデータがどのように表示されるかを記述するために使用されます。 XHTML は DTD を使用して、すべてのドキュメントが標準に準拠していることを確認します。 XHTML の登場により、Web プログラマにとって開発は若干容易になりましたが、CSS および XHTML 標準と完全に互換性のある Web ブラウザはまだ登場していません。
· XML-RPC-リモート プロシージャ コール (RPC)。分散アプリケーションでリモート コンピューター上のプロシージャを呼び出すために使用されます。 XML-RPC は、XML を使用してプロシージャ呼び出しに関する情報をエンコードし、HTTP を使用してそれを受信側コンピューターに送信します。プロシージャの戻り値は XML で再度エンコードされ、HTTP 接続を使用して呼び出し元のコンピュータに送り返されます。

・ RSS - Really Simple Syndication/Rich Site Summary は、特別なアプリケーション (アグリゲーター サーバー) を使用して Web サイトのコンテンツ (ニュース、記事、株価、リンクなど) を集約するために使用される方法です。ユーザーの PC 上の RSS フィードバック。この RSS データは XML を使用してエンコードされて送信されます。

・AJAX - 非同期 JavaScript と XML を使用すると、Web 開発者は Web ブラウザーで実行される機能豊富なイベント駆動型 Web アプリケーションを作成できます。このうち JavaScript は、XML エンコードされたデータをサーバー側スクリプトに送信する (またはサーバー側から XML エンコードされたデータを受信する) ために使用され、すべてのページ コンテンツを更新せずに部分的なリアルタイム ページ更新を可能にします。
上記は、XML の可能な応用例のほんの一部です。今後の記事では、これらのアプリケーションを PHP で使用する方法を分析します。

3. PHP での XML の使用


PHP 5.0 以降、PHP が XML と対話するために利用できるオプションが大幅に増加しました。 PHP バージョン 4 が提供できるのは、不安定で w3c と互換性のない DOM XML 拡張機能です。
以下では、XML との対話を可能にする PHP 5 によって提供される 3 つのメソッド (DOM、シンプル XML、XPath) に焦点を当てます。可能な場合は、それぞれのアプローチに最適な条件とデータを提案します。すべてのサンプル コードでは、XML データ ソースを使用して、図書館とそこに含まれる書籍を記述します。

プログラムコード



コードをコピー

コードは次のとおりです:




ウェブ開発
データベース プログラミング
PHP
Java



Apache 2
ピーター・ウェインライト
Wrox
1


高度な PHP プログラミング
<著者>ジョージ・シュロスナグル
開発者ライブラリ
1
3


Visual FoxPro 6 - プログラマー ガイド
<著者>エリック・ストロー
Microsoft Press
2


Java 2 をマスターする
<著者>ジョン・ズコウスキー
Sybex
4





四、DOM

DOM PHP 拡張名は、W3C DOM API を使用した XML 文書上の操作を許可します。PHP 5 が登場する前では、これは PHP が XML 文書を取得できる唯一の方法です。 DOM が使用されているため、これらのオブジェクト モデルは同様であると認識されています。 W3C 互換のオブジェクト モデルの API と互換性があります。

次のサンプルコードでは、DOM を使用してそれぞれの情報を表示します。その後、各本の簡単な説明を示します:

PHP:


复制コード次のように:

/*ここでは XML バージョンを指定する必要があります: 1.0 です */
$xml = new DomDocument('1.0')
$xml->load('xml/library.xml'); ;
/*まずディレクトリリストを作成します*/
$categories = array();
$xml->getElementsByTagName('categories')->item(0); ;getElementsByTagName('category') as $categoryNode) {
/*属性の取得方法に注意してください*/
$cid = $categoryNode->getAttribute('cid')
$categories[$cid] = $categoryNode - >firstChild->nodeValue;

;?
php foreach($xml->getElementsBytagName('book') as $book):
/*タイトルを検索*/
$title = $book->getElementsByTagName('title')->item(0) - >firstChild->nodeValue;
/*著者を見つける - 簡単にするために、著者は 1 人だけであると仮定します*/
$author = $book->getElementsByTagName('author')->item(0)- >firstChild->nodeValue;
/* ディレクトリのリスト */
$bookCategories = $book->getElementsByTagName('category');
foreach($bookCategories as $category) {
$ catList .= $categories[$category->firstChild->nodeValue] ', ';
$catList, 0, -2) ?> h2>

著者:: < /p>

カテゴリ: :


?>

[html]
やはり XML の修正は面倒です。たとえば、ディレクトリを追加するコードは次のとおりです。

PHP:
[code]
function addCategory(DOMDocument $xml, $catID, $catName) {
$catName = $xml->createTextNode($catName) ; //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild($catName); element
$category->setAttribute('cid', $catID); // ディレクトリ ID を設定します
$XMLCategories = $xml->getElementsByTagName('categories')->item(0); > appendChild($category); //新しいディレクトリを追加します
}



5. XMLを保存します

save()メソッドとsaveXML()メソッドのいずれかを使用して、DOM記述をXMLに変換できます。文字列の説明。 save() メソッドは XML を指定された名前でファイルに保存しますが、saveXML() はドキュメントの一部または全体から文字列を返します。

$xml->save('xml/library.xml');
//すべてのファイルを保存
$categories=$xml->saveXML($XMLCategories);
//カテゴリを含む文字列を返す

To DOM 互換のコードを別の言語に移植することがいかに簡単かを示します。上記と同じ機能を JavaScript で実装するコードは次のとおりです:
Javascript:

コードをコピーします

コードは次のとおりです:

function doXML(){
/* まずはカテゴリリストを作成します*/
var category = Array();
var theCategories = XMLCategories.getElementsByTagName(' category');
for (var i = 0; i /* 属性の取得方法に注意してください*/
var cid = theCategories[i].getAttribute('cid');カテゴリ[cid] = theCategories[i].firstChild.nodeValue;
var theBooks = xml.getElementsByTagName('book');
for(var i = 0; i < theBooks.length; i++) {
var book = theBooks[i];
/* タイトルを検索します */
var title = book.getElementsByTagName('title')[0].firstChild.nodeValue
/* 簡単にするために、著者は 1 つだけであると仮定します。 author */
var author = book.getElementsByTagName('author')[0].firstChild.nodeValue;
/* カテゴリのリスト*/
var bookCategories = book.getElementsByTagName('category');
var catList = '';
for(var j = 0; j < bookCategories.length; j++) {
catList += カテゴリ[bookCategories[j].firstChild.nodeValue] + ', '
}
catList = catList.substring(0, catList) .length -2);
document.open();
document.write("

" + title + "

");著者:: " + author + "

");
document.write("

カテゴリ: : " + catList + "< /p>");
}
document.close();
}



6. シンプルXML


シンプルXMLは実にシンプルです。これにより、オブジェクトおよび配列のアクセス メソッドを使用して、XML ドキュメントとその要素および属性にアクセスできるようになります。その仕組みは簡単です:
・要素 - これらは SimpleXMLElement オブジェクトの個別のプロパティとして記述されます。複数の要素がドキュメントまたは要素の子として存在する場合、配列インデックス フラグを使用して各要素にアクセスできます。

$xml->books;//要素「books」を返します
$xml->books->book[0];//books要素の最初の本を返します

・属性 - の属性要素は連想配列フラグを通じてアクセスおよび設定されます。各インデックスは属性名に対応します。

$category['cid'];//cid属性の値を返す

・要素データ - 要素内に含まれるテキストデータを取得するには、(string)を文字列として、またはprint または echo を使用して出力します。要素に複数のテキスト ノードが含まれる場合、それらは見つかった順に連結されます。

echo($xml->books->book[0]->title);//最初の本のタイトルを表示

以下は単純なXMLを使ったオリジナルの変換例です。 XML ファイルをロードするには、simplexml_load_file() 関数を使用します。この関数は、XML ファイルを解析して SimpleXMLElement オブジェクトにロードします:

PHP:



コードをコピー
コードは次のとおりです: < ;? php $xml = simplexml_load_file('xml/library.xml');
/* ディレクトリのリストを配列にロードします*/
$categories = array(); ;category as $category) {
$categories[(string) $category['cid']] = (string) $category;

XML ライブラリ

books->book as $book):
/* ディレクトリのリスト*/
$catList = '';
foreach($book->category as $category) {
$catList .= $categories[((string) $category)] . ', ';
}
$catList = substr($catList, 0) , -2);

title) ?

: author) ?>


カテゴリ: :




7. XMLの変更

単純なXMLを使用してテキストデータや属性値を設定することはできますが、これらのオブジェクトを作成することはできません。ただし、SimpleXM は、DomElement オブジェクトと DomElement オブジェクトの間で変換する方法を提供します。これを行うために、addCategory() 関数を変更して、simplexml_import_dom() 関数を使用してカタログを追加し、ドキュメントを単純な XML 形式に変換する方法を示しました。

PHP:
コードをコピーします コードは次のとおりです。

function addCategory(SimpleXMLElement &$sXML, $catID, $catName) {
$xml = new DOMDocument
$xml->loadXML($sXML->asXML()); = $xml->createTextNode ($catName); //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild ($catName); //カタログ要素にテキストを追加します
$category->setAttribute('cid', $catID) //カタログIDを設定します
$XMLCategories = $xml->getElementsByTagName('categories'); ->item(0) ;
$XMLCategories->appendChild($category); //新しいディレクトリを追加します
$sXML = simplexml_import_dom($xml); 同様に、asXML SimpleXMLElement オブジェクトの () 関数を使用して、XML 文字列を取得し、ファイルに保存し直すことができます。


8. xPath

Xpath が「XML ケーキの上の桜」であることは疑いの余地がありません。 XPath を使用すると、SQL のようなクエリを使用して、XML ドキュメント内の特定の情報を検索できます。 DOM と SimpleXML にはどちらも XPath のサポートが組み込まれており、SQL と同様に、XML ドキュメントから必要なコンテンツを抽出するために使用できます。

プログラムコード · //category - ドキュメント内に表示されるすべてのカテゴリを検索します。
·/library/books-library の子として表示されるすべての書籍を検索します

·/library/categories/category[@cid]-library/categories の子として表示され、属性 cid を持つすべてのカテゴリを検索します。

· /library/categories/category[@att='2'] - library/categories の子として表示され、値 2 の属性 cid を持つすべてのカテゴリを検索します。

· /library/books/book[title='Apache 2'] - /library/books の子であり、title 要素の値が Apache 2 である book をすべて検索します。

実は、これはxPathの氷山の一角にすぎません。 xPath を使用すると、ドキュメントからほぼすべての情報を抽出するための多数の複雑なクエリを作成できます。 xPath の使用がいかに簡単で楽しいかを示すために、サンプル コードを再度変更しました。

PHP:



コードをコピーします

コードは次のとおりです。
/title> <span style="CURSOR: pointer" onclick="doCopy('code56099')"><body> <u><?php foreach((array)$xml->xpath("/library/books /book") ) as $book): </u>/*ディレクトリの一覧表示*/ </span>$catList = ''; </div>foreach($book->category as $category) { <div class="codebody" id="code56099">/*この ID のディレクトリを取得*/ <br> $category = $ xml->xpath("/library/categories/category[@cid='$category']"); <br> $catList .= (string) ', '; $catList = substr ($catList, 0, -2); <br><div><?php echo($book->title) ?></h2< ;p><b>著者:</b>:<?php echo($book->author) ?></p><br><p><b>カテゴリ:</ b>: <?php echo($catList) ?></div> <br></html> <br>9. XPath<br> <br><br> DOM で XPath クエリを計算するには、DOMXPath オブジェクトを作成する必要があり、以下の Evaluate() 関数は DOMElement 配列を返します。 <br><br><br><br>コードをコピーします<br><br> コードは次のとおりです:<br><br> <br>$xPath = new DOMXPath($xml); <br>$xPath->evaluate("/library/books/book[title='Apache 2' ]"); <br><br><br><strong> 10. 結論</strong> <br><br> これで、PHP が提供するツールを使用して XML を操作する方法を学びました。この時点で、「準備が整い」、XML アプリケーションを詳しく調べる準備が整いました。次の記事では、AJAX と、それが Google などのサイト開発でどのように使用されるかについて説明します。 <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/322071.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">tru​​e</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/322071.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> 1. XML の概要 XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データ保存、および使用に使用されます。 XML 標準を使用してコンパイルされました...</span> </div> </div> <div class="art_confoot"></div> </div></span> </div></strong></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明:</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事:<a class="dBlack" title="PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル" href="http://m.php.cn/ja/faq/309796.html">PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル</a></span><span>次の記事:<a class="dBlack" title="PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル" href="http://m.php.cn/ja/faq/309798.html">PHP での MySQL データベース操作クラス (discuz から変更)_PHP チュートリアル</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="http://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/1.html" title="cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法" class="aBlack">cURL を使用して PHP で Get リクエストと Post リクエストを実装する方法</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ja/faq/2.html" title="正規表現内のすべての式記号 (概要)" class="aBlack">正規表現内のすべての式記号 (概要)</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><p>ホームページ</p></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><p>コース</p></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><p>に質問</p></a></li><li><a href="http://m.php.cn/ja/login"><b class="icon5"></b><p>私の</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ja/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ja/"><b class="icon1"></b><span>ホームページ</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course.html"><b class="icon2"></b><span>コース</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/article.html"><b class="icon3"></b><span>記事</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/wenda.html"><b class="icon4"></b><span>に質問</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/dic.html"><b class="icon6"></b><span>辞書</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/course/type/99.html"><b class="icon7"></b><span>マニュアル</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/xiazai/"><b class="icon8"></b><span>ダウンロード</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ja/faq/zt" title="特集"><b class="icon12"></b><span>特集</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ja/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ja/" >ホームページ</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/article.html" class="hover">記事</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/wenda.html" >に質問</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/course.html" >コース</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/faq/zt" >特集</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/xiazai" >ダウンロード</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/game" >ゲーム</a></div><div class="swiper-slide"><a href="http://m.php.cn/ja/dic.html" >辞書</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>