JavaScript 또는 jQuery를 사용하여 미리보기 기능을 제공하는 방법은 무엇입니까?

3 개의 템플릿 (고정 html 페이지)이 있습니다.JavaScript 또는 jQuery를 사용하여 미리보기 기능을 제공하는 방법은 무엇입니까?

내 선택에 따라 하나의 템플릿이 팝업 형태로 열립니다. 그 템플릿을 팝업 형태로 보여주고 싶을 때 템플릿에 내용을 추가해야합니다. 이제 window.open(url)을 사용하여 해당 템플릿을 보여 드리겠습니다.

팝업 형식으로 표시하는 동안 해당 템플릿에 콘텐츠를 추가 할 수 없습니다 (한 단어로 '미리보기 미리보기'버튼을 클릭하면 팝업이 미리 정의 된 HTML 템플릿과 함께 생성됩니다. 일부 양식 데이터).

기본적으로 JavaScript 또는 jQuery를 사용하여 미리보기 기능을 찾고 있으므로 동일한 코드를 입력하십시오.

2012-07-18 ravikanth

해결책은 대개 대상 윈도우에서 실행되는 jQuery와 관련되어 있지만 사용자가 시도한 내용이나 무엇이 어디서 왔는지에 대한 정보는 없습니다. –

test.html 페이지를 만들고이 코드를 HTML 문서의 HEAD 섹션에 붙여 넣으십시오. 코드에서 발견 helpfull가 동일한 작업을 수행하십시오

function displayHTML(form) { 
    var inf = form.htmlArea.value; 
    win = window.open(", ", 'popup', 'toolbar = no, status = no'); 
    win.document.write("" + inf + ""); 
}

는 .. HTML 문서 브라우저에서

<form> 
    <textarea name="htmlArea" cols=45 rows=6></textarea> 
    <br> 
    <input type="button" value=" view " onclick="displayHTML(this.form)"> 
</form>

테스트를의 BODY 섹션에

를이 코드를 붙여 넣습니다.

출처

2012-07-18 09:12:49

안녕하세요 jigar pandya, ur 답장을 보내 주셔서 감사합니다,하지만 내 요구 사항은 양식 데이터가있는 다른 템플릿을 표시하고 싶습니다. – ravikanth

당신이 당신의 창에 이름을 지정하고 해당 윈도우의 내용을 조작 할 수 있습니다 window.open() 사용하는 경우 : 그것을 존재하지 않는 이름 'mywindow'로 윈도우가 새로 열립니다 경우

var win = window.open(url, 'mywindow'); 
win.document.write('<h1>Popup Test!</h1>');

을 그렇지 않으면 기존 윈도우를 사용합니다.

출처

2012-07-18 09:13:10 haynar

답장을 보내 주셔서 감사합니다.하지만 제 요구 사항은 템플릿 중간에 일부 콘텐츠를 지정하고 싶습니다. – ravikanth

당신은'document.write' 부분을 변경하기 만하면'document.createElement()'나'document.body.appendChild()'와 같은 DOM 함수를 살펴볼 것입니다. – haynar

내 템플릿에는 다음과 같은 스 니펫이 있습니다. 글꼴 크기 : 12px, 패딩 : 15px, ">

대신에 {{{{{}} 대신 {{td style ="border : 1px 단색 #DDDDDD, 배경 : # e2e2e2; content}} 일부 텍스트를 배치해야합니다.이 문제를 해결할 수 있습니다 .plz – ravikanth

JavaScript 또는 jQuery를 사용하여 미리보기 기능을 제공하는 방법은 무엇입니까?

답변

관련 문제