2012-06-08 2 views
1

을 Heres 예 : http://www.potterybarn.com/products/saddle-stitch-leather-luggage-tag/?catalogId=69&cm_src=AutoRel텍스트 상자에 사용자가 입력 할 때 이미지 위에 텍스트를 표시하는 방법은 무엇입니까?

때 사용자 유형 귀하의 개인이 항목에 어떻게 보일지보기 '에 텍스트. 텍스트를 지정하십시오 : ' 및 일부 미리보기를 누르십시오 특정 글꼴 스타일을 모두 가진 이미지에 텍스트가 나타납니다. 그래서 어떻게해야합니까? 이거 자바 스크립트 야? 그리고 만약 그렇다면 어디에서 얻을 것인가?

+0

에서 생각을? –

+0

당신은 아무것도 시도 했습니까 ?? – Sibu

+0

지금부터 어디서부터 시작해야할지 모르겠다. –

답변

0

그럼 내가이 작업을 수행하는 방법을 모르는이 code..but을 구현하고자하는이

<html> 
<head> 
<script> 
function preview() 
{ 
document.getElementById("txt").innerHTML=document.getElementById("person").value; 
}</script></head> 
<body> 
<div style="position:relative;"> 
<img src="whatever"><span id="txt" style="font:20px Tahoma;position:absolute;top:0px;left:0px;"></span> 
</div> 
<label for="person">See how your personalization would look on this item. Specify text:</label><input type="text" id="person" > 
<button onclick="preview()">Preview</button></body></html> 
+0

사람들이 downvoting을 사용하여 댓글을다는 것을 잊어 버리는 이유를 모르겠다 –

+0

안녕하세요. 도움을 주셔서 감사합니다 .... 스크립트가 작동하고 있습니다. –

+0

효과가있는 경우이 답의 왼쪽에있는 체크 표시를 클릭하는 것을 잊지 마세요. –

관련 문제