jquery .htmlを使用して関数を呼び出す

Question

ダイアログを作成するボタンがあるコードがあります。このダイアログには、そこにテキストエリアがあり、そこに表示されるデータがいくつか表示されます。私はダイアログとテキストエリアを作成することができます。テキストエリアにデータをどのように配置するのか、それをどのように強調するのかは分かりません。

私が望む動作は、誰かがボタンをクリックするとjquery UIダイアログが表示されることです。それだけで十分です。ダイアログでは、簡単にテキストエリアが必要です。私が理解できない部分は、そのテキストエリア内に構築されたURL（$ key変数）を入れたいということです。さらに、そのURLを強調表示する必要があります。私はどのようにテキストエリアの中にそのURLを置くか、それをどのように強調するかを理解できません。

ありがとうございます。

Answer 1

私たちはここにいます！ hehehehe

まず、なぜダイアログのhtmlの各部分に.append(html)を使用しないのですか？第2に、JavaScriptを使用して文字列を連結する場合は、+演算子を使用する必要があります。そして、defaulイベントアクションを防ぐ.preventDefault()

さて、あなたのコード内の迅速な修正プログラムを使用して、我々はこの得たために、第三：、今テキストエリア内のハイライトテキストを

$(document).ready(function() { 
    var camerahash = '<?php echo $result_cameras[$i]["camera_hash"]; ?>'; 
    var $dialog = $('<div></div>'); 
    $dialog.append('<p>Please copy this key for setup:</p>') 
     .append('<p><textarea id="textbox">' + apikey(camerahash) + '</textarea></p>') 
     .append('<p>For more information see: <a href="http://www.myhost.com/forum/2-quickstart-docs">setup</a></p>'); 
    $dialog.dialog({ 
    autoOpen: false, 
    title: 'Axis API Key' 
    }); 

    $('#axis-details').click(function(e) { 
    e.preventDefault(); 
    $dialog.dialog('open'); 
    }); 
}); 

を、または任意のCSSプロパティを設定していますできない... divのようなTEXTコンテンツではなくHTMLコンテンツを受け入れるHTML要素が必要ですが、編集はできません。だから、あなたが本当に必要とするのは、テキストエリアと、プレビューエリアを持つ編集可能なエリアを持つdivです。]