reklam
reklam

js input değerinden dive aktarma

3 Mesajlar 200 Okunma
reklam

matakon matakon <?php echo "matakon"; ?> Kullanıcı
  • Üyelik 22.07.2018
  • Yaş/Cinsiyet 26 / E
  • Meslek Lojistik
  • Konum Kahramanmaraş
  • Ad Soyad A** B**
  • Mesajlar 57
  • Beğeniler 5 / 4
  • Ticaret 0, (%0)

merhaba arkadaşlar inputa yazılan değeri divin style özelliklerine yansıtmak istiyorum nasıl yapabilirim
örnek olarak göstereyim
burada resim üzerindeki başlık yazısını x,y ve genişlik yükseklik değeri yazdıgımızda canlı olarak hareket ettirmek istiyoruz ücretli ücretsiz yardımlarınızı bekliyorum teşekkür ederim

 

 

wmaraci
reklam

Php Php php yaşam biçimidir... Kullanıcı
  • Üyelik 14.11.2012
  • Yaş/Cinsiyet 40 / E
  • Meslek php
  • Konum Tekirdağ
  • Ad Soyad E** Ö**
  • Mesajlar 86
  • Beğeniler 17 / 19
  • Ticaret 1, (%100)

https://codepen.io/F12/pen/PoBmxQq

 

 

Pro Radyo Scripti - Admin Panel Oluşturucu

Php Php php yaşam biçimidir... Kullanıcı
  • Üyelik 14.11.2012
  • Yaş/Cinsiyet 40 / E
  • Meslek php
  • Konum Tekirdağ
  • Ad Soyad E** Ö**
  • Mesajlar 86
  • Beğeniler 17 / 19
  • Ticaret 1, (%100)
 
 
$(".input").change(function(){
   
  var veri_x = $(".x").val();
  var veri_y = $(".y").val();
  var veri_genislik = $(".genislik").val();
  var veri_yukseklik = $(".yukseklik").val();
  
 
  $(".kutu").css({top: veri_x+"px"});
    $(".kutu").css({left: veri_y+"px"});
  
 $(".kutu").css("width",veri_genislik);
 $(".kutu").css("height",veri_yukseklik);

  });
  
 
<div class="kutu">
Matakon'un Kutusu
</div>

<div class="inputlar">
 <input type="text" class="input x" placeholder="X">
  <input type="text" class="input y" placeholder="Y">
  <input type="text" class="input genislik" placeholder="Genişlik">
  <input type="text" class="input yukseklik" placeholder="Yükseklik">
</div>
.kutu{
  position: absolute;
  top:10px;
  left:10px;
  background:#ffa900;
  width:200px;
  height:200px;
  display:grid;
  align-items:center;
  font-family:arial;
  text-align:center;
  font-weight:700;
  transition:.5s all; 
}

.inputlar{
  position: fixed;
  right:10px;
  top:10px;
}

.input{
  display:grid;
  margin-bottom:5px;
}
 

 

Pro Radyo Scripti - Admin Panel Oluşturucu
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al