Konu Başlığı: bir javascript arıyorum!

Bunu span/div id sine göre form elemanına basılınca değiştirebilirsin.

Kod:

<span id="alan" style="border:1px solid #555555; width:150px; height:40px; padding:3px;"></span>
<br><br>
<input type="text" name="alanYazi" onKeyDown="document.getElementById('alan').innerHTML=this.value;">

gibi..

fonksiyon hazırlayıp daha da geliştirmen mümkün

magos tarafından gönderilen mesaj:

hocam eline sağlık ama çalıstırdıgında sende görmüşsündür. İlk harf basıtıgnda yazmıyor. İkinciyi basınca ilk harfi yazıyor. (Bir harf sonradan geliyor yani) daha sonra backspace tusuna basınca ekrana son harfi yazdırıyor. sonrada yine bir harf geriden siliyor.

bulamadım neden yapıyordur acaba diye

Kod:

<span id="alan" style="border:1px solid #555555; width:150px; height:40px; padding:3px;"></span>
<br /><br />
<input type="text" name="alanYazi" onkeyup="document.getElementById('alan').innerHTML=this.value;" />

magos tarafından gönderilen mesaj:

tekrar eline saglık hocam. o ayrıntıyı atlamısım ben özür dilerim yordugum için

Rica ederim

Birincisi

O input boxa yazı girince istediğimiz yerde yazı yazdırıyoruz orda sorun yok. Ama şöyle birşey istiyorum mesela. O kutuya yazdık diyelim. Daha sonra içindekinin hepsini silip baska bir kutuya gecince yazı alanında baska bir yazı yazsın (Yani o kutu boş ise oraya standart birşey yazacak)

İkincisi

Baska bir kutuda link yazdıgım zaman alttaki kutuda yazdıgım yazıya link verecek.

"Birincisi" bölümünde belirttiğin işlem sanırım bu şekilde işleyecek;

Kod:

<script>
function bak(){
	document.getElementById('alan').innerHTML=alanYazi.value;
	if(document.getElementById('alan').innerHTML==''){
		document.getElementById('alan').innerHTML='yazı alanı boş';
	}
}
</script>
<span id="alan" style="border:1px solid #555555; width:150px; height:40px; padding:3px;"></span>
<br /><br />
<input type="text" name="alanYazi" onkeyup="bak()" onclick="bak()" />

Ancak "ikincisi" kısmında belirttiğin işlemi tam anlayamadım.

böyle birşey mi istediğin?

Kod:

<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')" />

süper eline sağlık hocam seninde.

seviyorum zoque forumu. süper insanlar var.

link olayı calısmıyor ama abi beceremedim orayı. yani bir link yazınca üstteki baslıga o link verilecekti. onu beceremedim