[Çözüldü] Textbox'a girilen değeri sayfa başlığına nasıl yazdırabilirim?

osman.tuysuz · 13 Ekim 2016 - 19:19:50

Merhabalar, html kullanarak bir yazı alanı ve buton oluşturdum. Sorunum ise bu yazı alanına girilen yazıyı 'Gönder' butonuna bastığımda yazı sayfa başlığında nasıl yazdırabilirim? Mesela yazı alanına 'Ubuntu' yazdım diyelim, butona tıklayınca tarayıcı sekmesinde sekme adı 'Ubuntu' yazmalı.

lnxdev · 14 Ekim 2016 - 01:02:54

Okunmuş bir HTML sayfasının içeriğini değiştirmek istiyorsun bu yüzden javascript kullanarak bu sorunu çözebilirsin. Gönder düğmesine basıldığındaki olay da sayfa dökümanının başlık etiketini değiştirmen lazım. Javascriptte sayfanın başlığını şu yolla değiştirebilirsin:

Kod Seç

document.title = "Yeni olacak olan başlık"

osman.tuysuz · 14 Ekim 2016 - 13:14:31

Yani title sürekli değişecek. Her seferinde text olarak ne girilirse sayfa başlığında o yazacak. Zahmet olmazsa kodunu yazabilir misiniz?
İyi günler.

lnxdev · 28 Ekim 2016 - 14:35:34

O zaman kullandığın input'un "onchange" özelliğini kullanmalısın. Yani javascriptte bir fonksiyon yazıp onchange özelliğine o fonksiyonun ismini yazman lazım.

Javascript kodu:

Kod Seç

<script type="text/javascript">
function baslikDegistir(baslik){
document.title = baslik;
}
</script>

HTML kodu:

Kod Seç

<input type="text" onchange="baslikDegistir()" name="baslik" />

osman.tuysuz · 28 Ekim 2016 - 21:55:00

İlginiz için teşekkür ederim.
Sorun şu kod ile çözüldü:

Kod Seç

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript">
		function sekmeAdi() {
		document.title = document.getElementById('box').value; //Sekmenin adını alıyoruz.
		}
		</script>
	</head>
	<body>
		<input type="text" id="box"><br>
		<input type="submit" value="Sekme adı olsun" onclick="sekmeAdi()"> 
	</body>
</html>

lnxdev · 29 Ekim 2016 - 01:07:33

zaten eksik yazmışım kusura bakmayın alelacele yazmıştım ama siz zaten sorunu çözmüşsünüz iyi kodlamalar

Ubuntu Türkiye

Haberler:

[Çözüldü] Textbox'a girilen değeri sayfa başlığına nasıl yazdırabilirim?

osman.tuysuz

lnxdev

osman.tuysuz

lnxdev

osman.tuysuz

lnxdev