fancyboxを使って単語文書を表示する方法。

HTMLコードfancyboxを使って単語文書を表示する方法。

 <div class='case'> 
     <a href="http://localhost/DXXX/case/reqirement.doc" rel="case"> view</a> 
     </div>

jQueryのコード

それは、要求されたコンテンツは、後でもう一度試してみてくださいロードすることはできませんが表示さだ....そして、私はどのように...その文書ファイルのダウンロードを取得私はファンシーボックスを使って文書ファイルを表示します

出典

2012-02-23 dude

- あなたの$のURLのようなものすることができ

$.fancybox.open({ padding: 0, href: $url, type: 'iframe', });

ブラウザでサポートされているWeb形式ではありません。 – Orbling

ファンシーボックスに表示することはできませんか？ – dude

ファンシーボックスまたは一般的なブラウザに表示することはできません。 – j08691

できません。ブラウザにはWord文書を表示するための組み込みの方法がないため、ユーザーがプラグインを使用して開くようにブラウザを設定していない限り（世界の99％は行っていません）、ブラウザはファイルをダウンロードするように促します。

出典

2012-02-23 18:24:21 j08691

私が知る限り、そのMIMEタイプをどのように処理するかを知るプラグインが必要です。それ以外は不可能です。

他のファイルタイプと同じです...

出典

2012-02-23 18:22:52

UPDATE：2017年1月29日

Googleドキュメントビューアは、（それが以前働いていたとして）Word文書が（読み取り専用）文書ではなく、画像として表示されるようになりますので、あなたが実際にすることができます表示されたドキュメントを別のドキュメントに選択してコピーします。上記のすべての問題もなくFancyboxのv2.1.5

それを行うための唯一の可能な方法を使用して

追加JSFIDDLEはインラインフレームを経由してファイルの画像を表示するには、Googleドキュメントビューアを使用することです。 ..soこのスクリプト：このHTMLで

$(document).ready(function() { 
$(".word").fancybox({ 
    'width': 600, // or whatever 
    'height': 320, 
    'type': 'iframe' 
}); 
}); // ready

：

<a class="word" href="http://docs.google.com/gview?url=http://domain.com/path/docFile.doc&embedded=true">open a word document in fancybox</a>

...このトリックを行う必要があります。

~~Word文書を実際に開いているのではなく、文書の内容を表示するだけでよい場合は、Word文書を開くことができます。~~

私は、fancybox v2.xを使用している必要があることに気付きました。この場合、fancyBox v2は既に「ライブ」を使用してクリックを処理しているので、.live()メソッドはまったく必要ありません。

出典

2012-02-23 21:02:32 JFK

私のニーズに完璧です。 –

そのプレビューがありません:( – Aamir

@Aamirこれは、ドキュメントのパス（またはドキュメント名）が正しくないことを意味します – JFK

あなたは（Fancybox最新バージョンの）短いと甘い、このコードを使用することができます - Wordファイルが自動的に表示されませんが、一般的に

https://docs.google.com/viewer?url=<url for your file>&embedded=true

出典

2016-12-23 21:02:22

fancyboxを使って単語文書を表示する方法。

答えて

関連する問題