How To Add a Color Picker to your Website using Pickr Javascript Library

Поделиться
HTML-код
  • Опубликовано: 11 янв 2025

Комментарии • 45

  • @ibrahimunal1206
    @ibrahimunal1206 3 года назад +4

    Really great work! Not all super heroes wear capes..

  • @vngaminghindi2472
    @vngaminghindi2472 5 лет назад +1

    I love your all unique videos that help me, I just watched it because I have presses bell icon too 😅😃❤🎊🎊 never stop uploading

  • @jeromesimms
    @jeromesimms 2 года назад +1

    Thank you! This was really helpful!!!

  • @UpWorld-ft2hg
    @UpWorld-ft2hg 2 года назад +1

    Very nice useful 😀👍

  • @hocinebelarif487
    @hocinebelarif487 29 дней назад

    Thanks for video

  • @CodingJourney
    @CodingJourney 5 лет назад +1

    Love it! Thanks 🙂

    • @ieatwebsites
      @ieatwebsites  5 лет назад +1

      I’m glad you liked it! You welcome. 😊

  • @arihanttonage7436
    @arihanttonage7436 3 года назад +1

    it doesnt display the selected color on the surface of the color picker unless you press save. Is there a workaround for that?

    • @elilumilay9405
      @elilumilay9405 2 года назад

      Same problem I encountered. My temporary workaround is to select the preview element button and manipulate its style using javascript.

    • @caktasnino
      @caktasnino 2 года назад +3

      @@elilumilay9405 can you explain it to me how did you do it? Thanks.
      Update: Fixed it by using "comparison: false,"

  • @ziaahmad8738
    @ziaahmad8738 4 года назад +1

    Can we have different picker for differnet elements like one for heading, one for background?

    • @ieatwebsites
      @ieatwebsites  4 года назад +1

      Of course!

    • @ziaahmad8738
      @ziaahmad8738 4 года назад +2

      Well, i sorted it out myself, thanks for the help!

  • @michellekerbel7574
    @michellekerbel7574 4 года назад +2

    Hi! this is awesome thank you for sharing! Do you know if this can be implemented into a Wordpress website? or is there a plugin that you can recommend? Thanks again!!

    • @ieatwebsites
      @ieatwebsites  4 года назад +1

      Yes. It can be implemented to any website or web app. Not sure if there’s a Wordpress plug-in, but you can add it to Wordpress if you have the skills.

    • @khilafahempire
      @khilafahempire 3 года назад

      @@ieatwebsites can you make a video on how i add that picker to a google sites website

  • @gowthamthangavel
    @gowthamthangavel 3 года назад +1

    thanks a lot man.. this is what am looking for... can you tell me how to set rgba color for text!!!!!

    • @ieatwebsites
      @ieatwebsites  3 года назад +1

      Read the documentation, I’m sure there’s a way.

    • @gowthamthangavel
      @gowthamthangavel 3 года назад

      @@ieatwebsites hi bro, i read the documentation but didn't find useful for me. i want to set this rgbaColor value to anchor tags(i.e., home, notification, pages). pls help me.. i can't find it in youtube too!!!

    • @gowthamthangavel
      @gowthamthangavel 3 года назад

      I figured it out man, just tell me JavaScript coding. Instead of "body. Background" what we have to mention for anchor tag and selected texts

  • @safaksenal4656
    @safaksenal4656 3 года назад

    Can I use the color picker in this html number to open an external html file and color the background, that is, both at the same time with a color picker, please help me.

  • @torirayel6045
    @torirayel6045 3 года назад

    Need help adding this to a shopify site.

  • @whiterabbit2296
    @whiterabbit2296 3 года назад

    can i ask how can i take the save id out? i wanna add it into database

  • @GGProPlays
    @GGProPlays 3 года назад

    how i can add color picker to a column of a grid?

  • @Akshay-if5im
    @Akshay-if5im Год назад

    How to store the value of this color picker in your local storage

  • @imPriyankCoder
    @imPriyankCoder 5 лет назад

    it will be awesome if you could do local storage on top of it to have it store permanently

    • @imPriyankCoder
      @imPriyankCoder 5 лет назад

      sorry forgot to mention thank you for amazing tutorials

    • @ieatwebsites
      @ieatwebsites  5 лет назад +1

      You can! And is very easy.

    • @ifeanyiokafor4366
      @ifeanyiokafor4366 4 года назад

      @@ieatwebsites pls how can it be done, really need this.

  • @AFX
    @AFX 3 года назад +2

    Yea, i understand. Color pickle...

  • @Chanduchandu-sy7jt
    @Chanduchandu-sy7jt 4 года назад

    hi sir..but it cannot showing multiple picker for multiple element its showing only one picker for whole html page..i try to multiple picker for multiple element ..i didint get...can u please help me in that...please sir.

    • @enchanted_games
      @enchanted_games 4 года назад +1

      At 3:12 you just need to copy that code again but change the "el" to the id of your element.
      So for example you would have one chunk of code for a picker with the id of "picker1" and another chunk of code for a picker with the id of "picker2" I hope this made sense I'm not too good at explaining stuff

  • @phee3D
    @phee3D 4 года назад +1

    thanks

  • @allan5082
    @allan5082 4 года назад

    3:36 Color pickle, haha.

    • @ieatwebsites
      @ieatwebsites  4 года назад

      😂 and I don’t like pickles.

  • @r2ei64
    @r2ei64 Год назад

    ⏰️

  • @harvs5126
    @harvs5126 3 года назад +1

    I hope you have some water with your websites, they are pretty hard to digest

  • @khbd19mail
    @khbd19mail 4 года назад

    000