Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Javascript ile input değerini sıfırlamak !

Merhaba arkadaşlar, internetten araştırarak javascript sayesinde bir fonksiyon yazdım. Fonksiyon şu şekilde işliyor: kullanıcı gözat butonuna tıklayıp bilgisayarından bir dosya seçiyor ve seçim işleminin ardından fonksiyon sayesinde kullanıcıya dosya ismi gösterilerek eklemek istediğiniz dosya x.doc mudur gibi bir soru soruyor, kullanıcı eğer evete tıklarsa dosyanın ismi bir dive yazdırılıyor hayıra tıklarsa gözat inputunun değeri sıfırlanıyor. Sorunum ise bu fonsiyonun gözat sıfırlama özelliği çalışmıyor. Bu fonksiyonun çalışmasını nasıl sağlarım, bu konuda yardımlarınızı bekliyorum. İlgili dosyanın kodları ekte. Örnek sayfa ise http://www.huseyiniskender.com/js_denek/index.html

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • ookuu adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    13 cevap - 1 soru
    Bir kaç kod denemesinde bulundum fakat istediğini yaptıramadım.
    Tam vazgeçmişken;
    <body>
    <script type="text/javascript">
    
    function alarm() { 
    var form = document.form1;
    var dokuman=form.dosya.value;
    var ParcalanacakVeri = new String();
    var Parcalar = new Array();
    ParcalanacakVeri=dokuman;
    Parcalar=ParcalanacakVeri.split('\\');
    var file=Parcalar[(Parcalar.length)-1];
    var soru=confirm("Ekte göndermek istediğiniz dosya "+file+" ise Tamam butonuna, değilse yeni dosya seçmek için İptal butonuna tıklayın!");
    if(!soru){ clearFileInputField('gecici'); }else{ document.getElementById('dosya_adi').innerHTML = file; }
    }
    function clearFileInputField(tagId) {
        document.getElementById(tagId).innerHTML = document.getElementById(tagId).innerHTML;
    }
    </script>
    
    <form action="gel.php" method="post" name="form1" enctype="multipart/form-data">
    <div id="gecici">
    <input type="file" name="dosya" class="file_input_hidden" onchange="return alarm();"/>
    </gecici>
    <input type="submit" name="submit" class="gonder_dugme" value="gönder"/></form>
    
    <div id="dosya_adi" style="position:absolute; width:200px; height:20px; font-size:12px; font-family:Verdana, Geneva, sans-serif; top:50px; left:20px;"></div>
    
    </body>
    

    input'u bir div'in içine aldım ve iptal seçiminde div içeriğini yeniledim.
    Sanırım bu çözer.
    İyi çalışmalar.
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevap işimi gördü. Çok çok teşekkür ederim :)
      10 yıl önce yazılmış

Cevaplar

  • necmettin adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    80 cevap - 0 soru
    file türündeki form alanlarını, o form alanını bir div'in içine alarak ve div'in içeriğine yine o div'in içeriğini atayarak sıfırlayabilirsin. Şöyle:
    <div id="dosyadiv">
       <input type="file" name="dosya"/>
       </div>
    <a onclick="dosyasil('dosyadiv')" href="javascript:return False;">Temizle</a>
    


    Javascript tarafında dosyayı temizlemek için ise:

    function dosyasil(divid) {
       document.getElementById(divid).innerHTML = 
          document.getElementById(tagId).innerHTML;
    }
    
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Cevap için çok teşekkür ederim.
      10 yıl önce yazılmış