テキストボックス、HTML、およびJavaScriptを使用してiFrameにPDFを表示する

Sharepointページ内にフォームを追加しようとしています。このフォームでは、PDFドキュメントのURLを入力する必要があります。同じページのiFrameに表示します。テキストボックス、HTML、およびJavaScriptを使用してiFrameにPDFを表示する

イメージでこれを行うコードが見つかりましたが、iFrameにPDFを表示するために変更するのが困難です。

私が修正しようとしているコードは、以前の質問から来ています。ここにリンクは次のとおりです。

Get img src from input box into a div

そしてここでは、コードがiFrameを作成せずにです。私はこのコードにどこに置くべきかわからない。どんな援助もありがとう！

<html> 
<head> 
<script language="javascript"> 

function getImg(){ 
    var url=document.getElementById('txt').value; 
    var div=document.createElement('div'); 
    var img=document.createElement('img'); 
    img.src=url; 
    div.appendChild(img); 
    document.getElementById('images').appendChild(div); 
    return false; 
} 
</script> 
</head> 
<form> 
    <input type="text" id="txt"> 
    <input id="btn" type="button" value="Get Image" onclick="getImg();" /> 
</form> 
<div id="images"></div>

出典

2016-05-25 RaeJoKae

代わり<img>タグを作成する、<object>タグを作成します。

<html> 
<head> 
    <script language="javascript"> 

     function getImg(){ 
      var url=document.getElementById('txt').value; 
      var div=document.createElement('div'); 
      var obj = document.createElement('object'); 
      obj.data = url; 
      obj.type = 'application/pdf'; 
      div.appendChild(obj); 
      document.getElementById('images').appendChild(div); 
      return false; 
     } 
    </script> 
</head> 
<form> 
    <input type="text" id="txt"> 
    <input id="btn" type="button" value="Get Image" onclick="getImg();" /> 
</form> 
<div id="images"></div>

出典

2016-05-25 15:02:48

は、ヨアヒムをありがとう！これでも私のiFrame（または他の場所）には何も表示されません。これはどのように表示されますか？もう一度ありがとうございます！ – RaeJoKae

現代のブラウザでうまくいくはずです。あなたはどちらを使いますか？ –

コードスニペットを完全なコードサンプルに置き換えました.OSXのSafari 9.1とFirefox 46で正常にテストされました。 –

テキストボックス、HTML、およびJavaScriptを使用してiFrameにPDFを表示する

答えて

関連する問題