[Ashbringer]

böyle birşey mi istediğin?

<style>
div#main{width: 190px; height:60px; border:1px solid #555; padding:3px;}
div#baslik{width:100%; height:11px; font-family:Tahoma; font-size:11px; color:#0066CC; font-weight:bold;}
div#yazi{width:100%; height:30px; font-family:Tahoma; font-size:11px; color:#444;}
div#url{width:100%; height:11px; font-family:Tahoma; font-size:11px; color:#444}
</style>

<script>
function bak(pos,bolge){

	var baslik = document.getElementById("baslik")
	var yazi = document.getElementById("yazi")
	var url = document.getElementById("url")
	var bolgem = document.getElementById(bolge)

	if(pos==1){
	
		baslik.innerHTML=bolgem.value;
		if(baslik.innerHTML==''){
			baslik.innerHTML='başlık alanı boş';
		}
	
	}
	else if(pos==2){
	
		yazi.innerHTML=bolgem.value;
		if(yazi.innerHTML==''){
			yazi.innerHTML='yazı alanı boş';
		}
	
	}
	else if(pos==3){
	
		url.innerHTML='<a href=#>'+bolgem.value+'</a>';
		if(bolgem.value==''){
			url.innerHTML='<a href=#>www.site.com</a>';
		}
	
	}

}
</script>

<div id="main">
<div id="baslik">başlık alanı boş</div>
<div id="yazi">yazı alanı boş</div>
<div id="url"><a href='#'>www.site.com</a></div>
</div>

<br /><br />
Başlık: <input type="text" id="alanBaslik" name="alanBaslik" onkeyup="bak('1','alanBaslik')" onclick="bak('1','alanBaslik')" /><br>
Yazı: <input type="text" id="alanYazi" name="alanYazi" onkeyup="bak('2','alanYazi')" onclick="bak('2','alanYazi')" /><br>
URL: <input type="text" id="alanURL" name="alanURL" onkeyup="bak('3','alanURL')" onclick="bak('3','alanURL')" />