Easily Add a Download Button to Your Websites - HTML, CSS & JavaScript Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ธ.ค. 2024
  • For your reference, check this out:
    🏫 My Udemy Courses - www.udemy.com/...
    🎨 Download my VS Code theme - marketplace.vi...
    💜 Join my Discord Server - / discord
    🐦 Find me on Twitter - / dcodeyt
    💸 Support me on Patreon - / dcode
    📰 Follow me on DEV Community - dev.to/dcodeyt
    📹 Join this channel to get access to perks - / @dcode-software
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
    #dcode

ความคิดเห็น • 35

  • @montebont
    @montebont ปีที่แล้ว

    First of all: best wishes for 2023 and keep up the good works. I love your generic approach.
    May I suggest an addition when the number of images is non-trivial - like in a gallery browser with a a variable number of images? I'd put the and "tuple" in a HTML template.
    You'd have to "fetch" the (thumbnail) filenames from a server and then generate the page using the template. Once done you'd run your script.

    • @rohitjangra6403
      @rohitjangra6403 ปีที่แล้ว

      brother how to copy the video address
      if the page is restrict it? can we add some coding to html. I am trying to download a video from restricted website. any code do u have?

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i m looking clicks i will pay u good rate for it

  • @viniciusm.m.7822
    @viniciusm.m.7822 ปีที่แล้ว +1

    Thanks, bro!!!
    God bless you!

  • @yashsoni8043
    @yashsoni8043 ปีที่แล้ว +1

    Hey can you please tell me what is you color theme in VScode please i love it

  • @singhvimlesh
    @singhvimlesh ปีที่แล้ว +3

    Hello Sir, I go through your code but its not download its opening in new window. Download is not happning and I am doing same as your code.

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i have ad code i need clicks

    • @itzgametimevip1111
      @itzgametimevip1111 18 วันที่ผ่านมา

      You need a image. And adjust the code to make it detect the image then it downloads.🤓

  • @Memes4eva_4u
    @Memes4eva_4u ปีที่แล้ว

    Thanks for the updated version! 😊

  • @hassaneoutouaya
    @hassaneoutouaya ปีที่แล้ว

    Thank you so much !

  • @NedumEze
    @NedumEze ปีที่แล้ว +1

    Thank you very much, Dom.
    May I ask? Could you please do something similar for downloading a page as PDF?

    • @montebont
      @montebont ปีที่แล้ว

      IMHO that would be quite a challenge. HTML and CSS (your page and its style) essentially do the same as a PDF document: they are both abstract descriptions of a document that can be rendered in a device-independent (portable) way. But under the hood they are totally different.
      But you don't have to re-invent the wheel. Browser plugins like PDF Mage (Chrome) do a very decent job.

    • @NedumEze
      @NedumEze ปีที่แล้ว +1

      @@montebont
      You're right, @Ed de Jong. If it were not challenging, folks like me would be able handle it without troubling folks like Dom.
      The Browser plug-ins are great, but requires that a User has the plug-in installed and knows how to use it.
      But if I have a button say, at the top of my web pages, saying "click to download page as pdf", it will be more User-friendly I believe.

  • @ralligarants5684
    @ralligarants5684 ปีที่แล้ว

    Nice tutorial bro 😍 I have an idea for your next tutorial! I'm trying to create a video-website, and I would like the users to be able to tag other users, use hashtags and to use emojies in the title and description and comments-sections. I think I would need a div that is contenteditable. Can you make a tutorial about how to create those functions please? It's supposed to work similar to the div on facebook or instagram

  • @АндрейФилиппов-з3и
    @АндрейФилиппов-з3и ปีที่แล้ว

    thanks, good, but you don't have to append tag "a" in DOM, this is excess, you can create and uses elements without DOM if it is not necessary

  • @tahsinalmahi
    @tahsinalmahi ปีที่แล้ว +1

    Please make a tutorial on FileReader API of JavaScript.

  • @moshiurrahman5127
    @moshiurrahman5127 ปีที่แล้ว +1

    Fantastic! how can we download multiple images by clicking one button?

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i m looking clicks i have ad code i will pay u good rate for it

  • @Nordobali
    @Nordobali ปีที่แล้ว +1

    It keeps opening my image in a new tab. I even used a javascript script linked to a but even then it opens the image instead of downloading it

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i m looking clicks on my ad code

  • @Seacrest.
    @Seacrest. ปีที่แล้ว

    do you have a video about creating reactivity with vanilla js?

  • @HocineFerradj
    @HocineFerradj ปีที่แล้ว

    thanks .... شكرا .... shokraan

  • @anasouardini
    @anasouardini ปีที่แล้ว +1

    why not an anchor inside of a button? unless there is a serious a11y problem that can take MORE code to fix, this solution looks more expensive and error-prone.
    from my experience, the less JS the better.

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i m looking clicks i have ad code

  • @easonxiao6169
    @easonxiao6169 5 หลายเดือนก่อน

    Anybody know why chrome just opens the image in the same tab and not downloading it? Thanks.

  • @yashsoni8043
    @yashsoni8043 ปีที่แล้ว +1

    Please bro i love this colour theme please tell me ❤

  • @themastermind82
    @themastermind82 ปีที่แล้ว

    can i make it so it downloads a file on my computer?

  • @pankajpanday6351
    @pankajpanday6351 ปีที่แล้ว

    for me the image just opens in new tab instead of downloading

  • @letmetelluuu
    @letmetelluuu ปีที่แล้ว

    wowowowowowow

  • @RohitPanwarVlog
    @RohitPanwarVlog ปีที่แล้ว

    How to ad this code use my site

    • @Labbaik-e7y
      @Labbaik-e7y 3 หลายเดือนก่อน

      hi i have ad code i m lookin clicks i ill pay u good rate for it

  • @fashionostella
    @fashionostella ปีที่แล้ว

    I am 324 liker. Sir kindly let me know how to find the HTML code template related to this video tutorial

  • @S-Lomar
    @S-Lomar ปีที่แล้ว

    🥰🥰🥰😍😍😍😍🤩🤩🤩🤩😍🥰🥰🥰🥰🥰🥰🥰🥰🤩🤩😍😍😍🤩🤩🤩🤩🥰🥰🤩🤩😍😍🤩🤩