ユーザー (会社の従業員) が URL とその URL のタイトルを入力して、結果の HTML コードを取得できるフォームがあります。各ユーザーが Internet Explorer 8 を使用することはわかっているので、ブラウザー間の互換性について心配する必要はありません。私の問題は、ユーザーがコードを使用する前に最終結果を確認できるように、コードの「プレビュー」領域を作成できないように見えることです。
Enter URL:</td><td><input size="26" type='text' id='userInput' />
Title: <input size="31" type='text' id='urlname' />
送信ボタンをクリックすると、GetURL() 関数が呼び出されます。入力は次の変数に格納されます。
var userInputURL = '<a href="'+document.getElementById('userInput').value+'">'+urlName+'</a>';
その変数は、同じページで innerHTML を使用してテキストエリアに配置されるため、ユーザーはコードをコピーして貼り付けて、必要な場所で使用できます。また、実際の HTML として別の領域に表示したいと考えています。ページで URL をハイパーリンクに変換して、使用する前に最終結果がどのように表示されるかを確認できるようにしたいと考えています。
document.getElementById('results').innerHTML = userInputURL;
document.getElementById('codepreview').innerHTML = userInputURL;
Internet Explorer 8 (ユーザーが使用する唯一のブラウザー) で実行時エラーを回避するには、ASCII コードを使用する必要がありました。これが私のコード プレビュー セクションを台無しにしている原因だと思います。ASCII 文字を使用しない場合、ユーザーが送信ボタンを押しても Javascript エラー以外は何も起こりません。
プレビュー セクションの作成を手伝ってもらえますか?
よろしくお願いします。