2017-03-01 20 views
-1

ポップアップテキストボックスに、テキストエリアからのソースコードをWebページとして表示したいときに同時に表示します印刷ボタンを表示しますそのテキストはポップアップのための関数としてのみ意図されているため、テキストエリア内のコードです。あなたが見ることができるように、私のtextareaの内容はjavascriptとhtmlの両方をtextareaから隠す必要がありますが、同時にポップアップが動作するためにはテキスト領域の内側にある必要があります。テキストエリア内に隠れた入力フィールドを配置するにはどうすればいいですか?

これは、その機能がポップアップウィンドウに表示されないため、ウェブエディタエディタのテキストエリアにあるすべてのものを表示するため、ポップアップが保持されているdivをターゲットにしない限りテキストエリアではなく、テキストエリアである。それでも、ポップアップを取得するときにテキストエリアがWebページに変換されなくなるため、問題が発生します。

私は私のポップアップこのテキストエリアを使用しています:

<textarea name="textfield" cols="107" rows="31" id="CodeExample" wrap="soft" style="font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#ffffff; background-color:rgba(0,0,0,0.8); resize: none;" placeholder="The is Source Codes here"><script language="Javascript"> 
    function printit(){ 
    if (NS) { 
     window.print() ; 
    } else { 
     var WebBrowser = '<OBJECT id="WebBrowser1" width=0 height=0 CLASSid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; 
    document.body.insertAdjacentHTML('beforeEnd', WebBrowser); 
     WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; 
    } 
    } 
    </script> 
    <script language="Javascript"> 
    var NS = (navigator.appName == "Netscape"); 
    var VERSION = parseInt(navigator.appVersion); 
    if (VERSION > 3) { 
     document.write('<form><input type=button value="Print this Page" name="Print" onClick="printit()" style="margin-bottom: 0px; font: bold 11px Arial, Sans-Serif;"></form>'); 
    } 
    </script></textarea> 
<br> 
    <!-- Run Textarea field in popup BEGIN --> 
    <script type="text/javascript"> 
    var win = null; 
    function NewWindow(mypage,myname,w,h,scroll) { 
    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; 
    TopPosition = (screen.height) ? (screen.height-h)/2 : 0; 
    settings = 
    'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' 
    win = window.open(mypage,myname,settings); 
    if (window.focus) {win.focus()} 
    var t = document.form1.textfield.value; 
    win.document.write(t); 
    } 
    </script> 
    <input type = "button" value = "Preview" name = "preview" onclick = "NewWindow('','myPop','500','400','yes')"> 
    <!-- Run Textarea field in popup END --> 

だから今、私が欲しいものをテキストエリアに表示されないように印刷ボタンコードのですが、ときに印刷ボタンとして表示されていることポップアップボタンが実行されます。印刷ボタンをクリックすると、Webデザイナーがボックスに追加した可視ソースコードが追加されます。私はこの質問を投稿すると

+3

他の ''要素を '