jquery .html을 사용하여 함수 호출

Question

대화 상자를 만들고 싶은 버튼이있는 코드가 있습니다. 이 대화 상자에는 강조 표시된 채워진 데이터가있는 텍스트 영역이 있습니다. 대화 상자와 텍스트 영역을 만들 수 있습니다. 텍스트 영역에 데이터를 넣는 방법과 텍스트를 강조하는 방법을 모르겠습니다.

내가 원하는 동작은 누군가가 버튼을 클릭하면 jquery UI 대화 상자가 나타납니다. 그것은 충분히 쉽습니다. 대화 상자에서 텍스트 영역도 쉽게 사용할 수 있습니다. 내가 알아낼 수없는 부분은 그 textarea ($ key 변수) 내에 생성 된 URL을 넣고 싶다는 것입니다. 게다가 URL을 강조해야합니다. 그 텍스트를 텍스트 영역에 넣는 방법과 그것을 강조하는 방법을 알 수는 없습니다.

미리 감사드립니다.

Answer 1

여기에 어떤 엉망이 있습니까! Hehehehe

먼저, 왜 대화 상자에 html의 각 부분을 사용하지 마십시오? 둘째, 자바 스크립트에서 문자열을 연결할 때 + 연산자를 사용해야합니다. 그리고 세 번째는가 기본으로 이벤트 조치를 방지 .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 요소가 필요하지만 편집 할 수는 없습니다. 그래서, 당신이 정말로 필요로 할 것 인 것은 textarea와 div가 미리보기 영역을 가지고 편집 가능한 영역을 가지는 것입니다 :]