Jump to content
    • Bu Konu
    Bloglar
    Galeri
    Takvim
    ×
    ×
    • Yeni Oluştur...

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Weblep.Com'a Hoş Geldiniz !

    Weblep.Com'da aradığınız herşeyin çok daha fazlasını bulabilirsiniz , forum slayt reklam alanının da ilerleyen tarihlerde içerikler yer almaya başlauyacaktır.

    WebLep Hosting ve Tasarım

    Bir Onay
    Palmara
    Bir Onay
    Palmara
    • Bu Alana Reklam Verebilirsiniz
      Bu Alana Reklam Verebilirsiniz

    Uzunlukları Kullanıcıdan Alarak Dikdörtgen Çizen jQuery Programı | Kaynak Kodları

    Konuyu değerlendir

    programYaz

    programYaz, tarafından oluşturuldu.
      ·  298 ·  0  jQuery

     Paylaş
    Reklam Ver
    Reklam Ver

    Önerilen İletiler

    programYaz
    Uzunlukları Kullanıcıdan Alarak Dikdörtgen Çizen jQuery Programı | Kaynak Kodları
     Paylaş
    • Kullanıcı
    programYaz Usta Yardımcısı

    programYaz

    Oluşturulma :
    • Kullanıcı
    •  #1
    Oluşturulma : (güncelleme yapıldı)

    Bu örnekte Jquery kodları ile genişlik ve yükseklik değerlerini px cinsinden kullanıcıdan alarak bir dikdörtgen oluşturacağız. Örneğimizin amacı Jquery ile css işlemlerinin nasıl yapılacağını görmek olacaktır.

     

    Kullanıcıdan text elemanlarına girmiş olduğu değerleri div öğesinin genişlik ve yükseklik özelliğine uygulanması, div arkaplan rengi değiştirme ve kenarlık ekleme gibi özellikleri değiştireceğiz.

    Altta örneğe ait kodlar, ekran çıktısı ve yapılış videosu bulunmaktadır. 

    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>yazilimkodlama.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<!--Jquery için CDN kodunu yapıştırıyoruz.-->
</head>
 
<body>
	
	Genişlik : 
	<input type="text" id="genislik">
	Yükseklik : 
	<input type="text" id="yukseklik">
	<button id="btn">ÇİZ</button>
	<div id="dd"></div>
	
	<script>
		$("#btn").click(function(){
			
			var gen=Number($("#genislik").val());
			var yuk=Number($("#yukseklik").val());
			$("#dd").css({"width":gen,"height":yuk,"border":"1px solid black","margin":"50px auto","background-color":"blue"});
		});
	</script>
	
</body>
</html>

     

    EKRAN ÇIKTISI:

     

    jquery-dikdortgen.webp

     

    YAPILIŞ VİDEOSU: 

     

    programYaz tarafından düzenlendi

    Ada LoveLace

    Genişlet  
    Yorum bağlantısı
    https://weblep.com/topic/187-uzunluklar%C4%B1-kullan%C4%B1c%C4%B1dan-alarak-dikd%C3%B6rtgen-%C3%A7izen-jquery-program%C4%B1-kaynak-kodlar%C4%B1/
    Şimdi Paylaş
    Konu Altı Reklam 1
    Konu Altı Reklam 2
    • İleti 0
    • Oluşturulma
    • Son yanıt

    Bu Konudaki En İyi Paylaşımcı

    Popüler Günler

    Bu Konudaki En İyi Paylaşımcı

    Popüler Günler

    Konu Görselleri

    Şimdi Konuya Katılın

    Şimdi gönderebilir ve daha sonra kayıt olabilirsiniz. Bir hesabınız varsa, şimdi oturum açın .

    Misafir
    Konuyu yanıtla

    ×   Yapıştırdığınız içerik biçimlendirme içeriyor.   Biçimlendirmeyi Temizle

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Önceki içeriğiniz geri yüklendi.   Editör içeriğini temizle

    ×   You cannot paste images directly. Upload or insert images from URL.

    ×
     Paylaş
    Konu listesine dön
    Bir Onay
    Palmara
    Bir Onay
    Palmara

    Anasayfa

    Blog

    Aktivite

    Oluştur
    ×
    ×
    • Yeni Oluştur...