블로거 포스트에 자바 스크립트 및 HTML 결과 표시

Question

이것은 내가 가지고있는 자바 스크립트 &입니다.

function convertinput() { 
    document.getElementById('first').value 
    var string = document.getElementById('first').value 
    var newString = "@@[0:1: " + string + "]]" 
    document.getElementById('output').value = newString 
} 

<input id="first"></input> 
<br> 
<input id="output"></input> 
<br> 
<input type='button' onclick='convertinput()' value='convert'> 
​ 

jsfiddle의 코드 편집기 내가 포함 할 경우 여기에 http://www.trickiezone.com/2012/10/facebook-blue-text-generator-by.html

같이 http://jsfiddle.net/FEC7S/3/

가이 코드 내 블로그 게시물에 표시 할 것입니다 내 블로그에서 jsfiddle 또는 tinkerbin을 통해 전체 웹 페이지가 표시됩니다. 내 블로그 게시물에 결과 만 표시하면됩니다.
어떻게 그렇게합니까?

signed by miliodiguine

:

Answer 1

내가 내 블로그에서 작업 데모를 추가 한 해야 할 것 :

1) 로그인 r 블로그.

2) 당신도 싶어 버튼을 표시 할이 코드

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<br /> 
<script language="javascript" type="text/javascript"> 
function convertinput() { 
    document.getElementById('first').value 
    var string = document.getElementById('first').value 
    var newString = "@@[0:1: " + string + "]]" 
    document.getElementById('output').value = newString 
} 
</script> 

<input id="first"></input> 
<br> 
<input id="output"></input> 
<br> 
<input type='button' onclick='convertinput()' value='convert'> 
</div> 

Answer 2

당신은 ... CSS의 표시 속성을 설정하기 위해 ID를 사용할 수

function convertinput() { 
    document.getElementById('output').value = "@@[0:1: " + document.getElementById('first').value + "]]"; 
    document.getElementById('output').style.display = 'block'; 
} 



<input id="first"></input> 
<br> 
<input id="output" style="display:none;"></input> 
<br> 
<input type='button' onclick='convertinput()' value='convert'> 

http://jsfiddle.net/FEC7S/7/