ポップアップテキストボックスに、テキストエリアからのソースコードを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デザイナーがボックスに追加した可視ソースコードが追加されます。私はこの質問を投稿すると
他の ''要素を '
それは意味があり、それを忘れる、私はちょうど答えを1分前に見つけた。 私は今自分自身の質問に答えを掲示し、あなたは私が探していたものと理由を見るでしょう。 – SeekLoad
私はプレビュー機能を備えているので、Webエディタをオンラインにしている場合は、突然それが意味を成しています。テキストエリア内のテキストをプレビューし、プレビューするときにテキストエリアボックスにプレビューを印刷するなどのいくつかの余分なボタンが表示されるようにするためです。 デザインやページなどをテストして、テキストエリアボックスで生成されたポップアップの1つのボタンをクリックして印刷するのに最適です。 私が見つけた解決策を見て、自分でテストして、私の意味とその理由を見てください。 HTML、CSS、およびJSのソースコードで動作します。 – SeekLoad