1. Merhaba Ziyaretçi foruma kayıt olarak hediye kodu alabilirsin!
  2. Merhaba Ziyaretçi ! IP: play.LifeMCServer.com SkyBlock Sürüm: 1.7.X-1.8.X Senide aramızda görmek isteriz.
    Duyuruyu Kapat

Ders HTML5 - Sürükle Bırak

'HTML, PHP, CSS, JS' forumunda AssassinDaan tarafından 16 Kasım 2018 tarihinde açılan konu

  1. AssassinDaan

    AssassinDaan You Shall Not Pass
    Forum Baş Yöneticisi

    Katılım:
    31 Ekim 2017
    Mesaj:
    2.839
    Beğenilmeler:
    4.014
    html5, sürükle, bırak
    HTML5 - Sürükle Bırak
    Kod:
    Kod (HTML5):
    1. #dede1 {width:360px;height:80px;padding:10px;border:1px solid #aaaaaa;}
    2. function allowDrop(dede)
    3. {
    4. dede.preventDefault();
    5. }
    6.  
    7. function drag(dede)
    8. {
    9. dede.dataTransfer.setData("#Metin",dede.target.id);
    10. }
    11.  
    12. function drop(dede)
    13. {
    14. dede.preventDefault();
    15. var data=dede.dataTransfer.getData("#Metin");
    16. dede.target.appendChild(document.getElementById(data));
    17. }
    18. </head>
    19.  
    20. <p>Aşağıdaki resmi bu kutuya doğru sürükleyiniz:</p>
    21.  
    22. <div id="dede1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    23. <br>
    24. <img id="#resimid" src="#resimismi" draggable="true" ondragstart="drag(event)" width="20" height="20">
    25. <img id="#resimid2" src="#resimismi2" draggable="true" ondragstart="drag(event)" width="20" height="20">
    26.  
    27. </body>
    28. </html>
    Not: # ile başlatan yani "<img id="[HASHTAG]#resimid[/HASHTAG]" src="[HASHTAG]#resimismi[/HASHTAG]" draggable="true" ondragstart="drag(event)" width="20" height="20">, <img id="[HASHTAG]#resimid2[/HASHTAG]" src="[HASHTAG]#resimismi2[/HASHTAG]" draggable="true" ondragstart="drag(event)" width="20"" gibi kısımları değiştiriniz, yoksa resim bozuk gözükecektir alttaki resimler göstermek amaçlı bozuk resimlerdir.

    Resimler
    upload_2018-11-16_20-31-4.png
    Üstüne basılı tutup kutuya taşıyabilirsiniz.

    upload_2018-11-16_20-31-29.png
     
    #1 AssassinDaan, 16 Kasım 2018
    Son düzenleme: 16 Kasım 2018
    mbboyun, Cnty_Emo ve TheDark_Gamer bunu beğendi.
  2. TheDark_Gamer

    TheDark_Gamer Developer & Owner
    Sunucu Sahibi Forum Kurucusu

    Katılım:
    19 Mart 2017
    Mesaj:
    1.949
    Beğenilmeler:
    4.215
    AssassinDaan bunu beğendi.

Bu Sayfayı Paylaş

Bu Konuya Bakan Kullanıcılar (Kullanıcı: 0, Ziyaretçi: 0)