Copy to Clipboard using HTML, CSS & JavaScript

  Рет қаралды 66,426

Codingflag

Codingflag

Күн бұрын

Пікірлер
@tracer2518
@tracer2518 2 жыл бұрын
Didn't find what I was looking for, but is was very satisfying to watch how a plain HTML codde gains shape with CSS
@raphaeldantas9882
@raphaeldantas9882 2 жыл бұрын
In mine, the command “execComand” is saying that the method is obsolet. Is there other alternative? I’m using VsCode
@Codingflag
@Codingflag 2 жыл бұрын
Yes. execCommand is deprecated but it will still run on browsers. Instead of execCommand you can use below line. navigator.clipboard.writeText(text);
@raphaeldantas9882
@raphaeldantas9882 2 жыл бұрын
I’ll try it! Thanks for the answer. Very good video, I’m a begginer and it helped me a lot
@RaisingWEB
@RaisingWEB 2 ай бұрын
@@Codingflag Did not work, am i doing wrong?
@suryagemilang678
@suryagemilang678 2 жыл бұрын
i dunno why my doesnt make image on button. please help me
@Codingflag
@Codingflag 2 жыл бұрын
Add fontawesome 4.7 library link
@suryagemilang678
@suryagemilang678 2 жыл бұрын
@@Codingflag thank you sir
@DrakeRedWind01
@DrakeRedWind01 2 жыл бұрын
What program are you using to see a live preview and nicely separated HTML,CSS,Java sections?
@Codingflag
@Codingflag 2 жыл бұрын
Its online editor, Codepen.
@DrakeRedWind01
@DrakeRedWind01 2 жыл бұрын
@@Codingflag awsome thank you!
@ymo8609
@ymo8609 Жыл бұрын
but you can use a VSCode extension, called Live Server
@DrakeRedWind01
@DrakeRedWind01 Жыл бұрын
@@ymo8609 Awesome! Thank you. Codepen is cool but it's a few more extra steps. This small inconvenience tends to hinder me from using it as often as I probably should. I'll be trying out this new extension out shortly (since I'm currently working on a project).
@aliezadkhaha9439
@aliezadkhaha9439 2 жыл бұрын
This is a very easy way to solve the problem: document.querySelector("button").onclick = function () { navigator.clipboard.writeText(document.querySelector("input").value); };
@Mr-Singh21
@Mr-Singh21 3 жыл бұрын
Thanks for the tutorial man! I'm newbie this tutorial helped me a lot.
@danieloluwadamola5138
@danieloluwadamola5138 Жыл бұрын
Which code editor are you using
@rudra298
@rudra298 Жыл бұрын
please explain the concepts
@daniyalkamran7670
@daniyalkamran7670 2 жыл бұрын
Thank u so much sir so much love form pakistan ♥️
@budushei_milioneri
@budushei_milioneri 3 жыл бұрын
Всем привет. Пожалуйста помогите разобраться. как соеденить все эти отдельные коды в один html файл и чтобы работал так же корректно??
@Codingflag
@Codingflag 3 жыл бұрын
Put code in blocks like below. ADD YOUR CSS CODE BLOCK HERE ADD YOUR HTML CODE BLOCK HERE ADD YOUR JAVASCRIPT CODE BLOCK HERE
@tejasshirsath1776
@tejasshirsath1776 3 жыл бұрын
How to make multiple copy button in html??
@Codingflag
@Codingflag 3 жыл бұрын
Assign different classes and use same method shown in video
@amazingtamilmystery1196
@amazingtamilmystery1196 3 жыл бұрын
Waiting for other videos of yours.
@Codingflag
@Codingflag 3 жыл бұрын
Working on it
@fisfisarenskanal
@fisfisarenskanal 2 жыл бұрын
Thanks was really only looking for the "document.execCommand("copy");" but exellent video.
@UmerWebZone
@UmerWebZone 2 жыл бұрын
Can we add in blogger?
@Codingflag
@Codingflag 2 жыл бұрын
yes
@alfredoamorfernandez2659
@alfredoamorfernandez2659 3 жыл бұрын
need help my friend. what about on a web but no element ID on that clipboard, how to copy to clipboard(pasting copied number to clipboard) but what got only
@Codingflag
@Codingflag 3 жыл бұрын
Check how you can uniquely identify that element, check it’s parent has id or not. You can use its parent and then children inside it.
@shoashoa8764
@shoashoa8764 2 жыл бұрын
please share the code link
@AmboDalle-g3k
@AmboDalle-g3k Жыл бұрын
but how to make bulk copy button ?
@MuhammadRizky-bs3kw
@MuhammadRizky-bs3kw 2 жыл бұрын
what if it is used in wordpress?
@burqxq
@burqxq Жыл бұрын
Thx , you helped me
@Codingflag
@Codingflag Жыл бұрын
Glad to hear it
@Entertainment.Tube0
@Entertainment.Tube0 2 жыл бұрын
Awesome ❤️❤️ 💯
@nickjames8653
@nickjames8653 10 ай бұрын
thank you so much my friend, it helped me.
@Codingflag
@Codingflag 10 ай бұрын
Glad it helped
@Sherryjandu
@Sherryjandu 2 жыл бұрын
My boss give me 100000+ shipment ids in excel file to enter in a html page which has 100+ employees. I am manually copying every single entry and pasting in the allocate box then press submit button on every single user. Is there any help available for auto copy paste and press button?
@Codingflag
@Codingflag 2 жыл бұрын
yes, check document.execCommand method to copy and paste content.
@mdnazmulhaque3079
@mdnazmulhaque3079 11 ай бұрын
from codepen code and paste elementor worpdress not working!
@Codingflag
@Codingflag 11 ай бұрын
Any error on console?
@aminvalipoor2061
@aminvalipoor2061 6 ай бұрын
How can i find this code?
@suryagemilang678
@suryagemilang678 2 жыл бұрын
How make it double in one HTML?? please help me
@suryagemilang678
@suryagemilang678 2 жыл бұрын
please help mee
@coderplus362
@coderplus362 Жыл бұрын
perfect tutorial
@SalehRamezani
@SalehRamezani 3 жыл бұрын
Didn't work. Get "Uncaught TypeError: copyText is null" error message.
@Codingflag
@Codingflag 3 жыл бұрын
Can you share your code on codepen/github so that I can help
@CreativeMCYT
@CreativeMCYT 3 жыл бұрын
Awesome! Thanks so much!!
@yashsinghal9918
@yashsinghal9918 3 жыл бұрын
Please give the link for the Source Code.
@Codingflag
@Codingflag 3 жыл бұрын
codepen.io/dsr/pen/PoprWgq
@FrankGP.Systems
@FrankGP.Systems 3 жыл бұрын
@@Codingflag Thankyou
@jobianstechie
@jobianstechie 3 жыл бұрын
@@Codingflag please keep adding the source code in the video description
@Feel_official_Channel
@Feel_official_Channel 3 жыл бұрын
Thank You So Much
@EggerMan69
@EggerMan69 Жыл бұрын
6:00
@faixanplayzz6131
@faixanplayzz6131 Жыл бұрын
Link not working please updae
@nickjames8653
@nickjames8653 10 ай бұрын
link of code, please...
@rangabharath4253
@rangabharath4253 3 жыл бұрын
awesome
@lestudio4033
@lestudio4033 3 жыл бұрын
very instructive vidéo, it works ! But is there a way so we can see all the value ? My value is too long and we can"t see all of it in the text field.. can you help me ? :)
@Codingflag
@Codingflag 3 жыл бұрын
you can increase width of textfield
@lestudio4033
@lestudio4033 3 жыл бұрын
@@Codingflag of course ! thanks aha =)
@TheTonyMan
@TheTonyMan Жыл бұрын
ExecCommand is depricated...
@samuraitatin
@samuraitatin 5 ай бұрын
😮 really! Thank you for sharing.
@EricaOrtiz-s8k
@EricaOrtiz-s8k 10 ай бұрын
the copy functionality works perfectly, However, the copy button is not displayed as shown in the video, what I got is a solid background in blue
@Codingflag
@Codingflag 10 ай бұрын
You need to add fontawesome library to get this icon.
@amazingtamilmystery1196
@amazingtamilmystery1196 3 жыл бұрын
Thanks sir....
@kdramaloverz4290
@kdramaloverz4290 2 жыл бұрын
ExecCommeand is not working
@Codingflag
@Codingflag 2 жыл бұрын
Can you share your code so that I can help. It's execCommand
@kdramaloverz4290
@kdramaloverz4290 2 жыл бұрын
@@Codingflag yeah its execCommand but it is not working it says 'execCommand' is deprecated
@Codingflag
@Codingflag 2 жыл бұрын
Use below code instead of execCommand. navigator.clipboard.writeText(text);
@nixymine
@nixymine 6 ай бұрын
Source code
@wenzu-vi3sd
@wenzu-vi3sd 2 жыл бұрын
that is really cool !! thank you so much
@Codingflag
@Codingflag 2 жыл бұрын
Glad you like it!
@relaxa4896
@relaxa4896 9 ай бұрын
Danke!
@budushei_milioneri
@budushei_milioneri 3 жыл бұрын
или если кто то может то плиз напишите
@codinglyenterprisesco.3866
@codinglyenterprisesco.3866 3 жыл бұрын
Doesn't work as usual
@Codingflag
@Codingflag 3 жыл бұрын
Here is source code, please try and let me know error if it’s not working codepen.io/dsr/pen/PoprWgq
@daniyalkamran7670
@daniyalkamran7670 2 жыл бұрын
Thanksss sirrrr for source codeeee loveee form Pakistan ♥️♥️
@p00psicle
@p00psicle 2 жыл бұрын
@@Codingflag Much appreciated!
@joepeng5136
@joepeng5136 2 жыл бұрын
Doesn't work as usual
Crazy CSS Using By Master CSS
6:46
Lun Dev
Рет қаралды 208 М.
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
黑天使只对C罗有感觉#short #angel #clown
00:39
Super Beauty team
Рет қаралды 36 МЛН
JavaScript - Copy Text to Clipboard Tutorial
7:47
Nsquared Coding
Рет қаралды 21 М.
Easiest way to Copy to Clipboard in React
8:03
Colby Fayock
Рет қаралды 10 М.
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Slaying The Dragon
Рет қаралды 1,1 МЛН
You Don't Need JavaScript For This - CSS ONLY Infinite Scroll
23:35
Slaying The Dragon
Рет қаралды 152 М.