Postavljanje dugmeta za kopiranje u međuspremnik na web stranicu: 5 koraka (sa slikama)

Sadržaj:

Korak 1: Napravite olovku
Korak 2: Dodajte reference
Korak 3: Kodirajte
Korak 4: Promijenite taj kod tako da odgovara vašim potrebama
Korak 5: Demo

Video: Postavljanje dugmeta za kopiranje u međuspremnik na web stranicu: 5 koraka (sa slikama)

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:07

Postavljanje gumba Kopiraj u međuspremnik na web stranicu

Ovo može zvučati jednostavno, a možda bih i izgledao glupo da ga stavim na Instructables, ali u stvarnosti to nije tako lako. Postoji CSS, Jquery, HTML, neki fensi javascript i, o, dobro, znate.

Korak 1: Napravite olovku

Postoji jedna super stranica pod nazivom Codepen. Ranije sam samo morao kodirati u HTML -u

Pokrenite File Explorer.
Idite na Moji dokumenti.
Kreirajte txt datoteku.
Preimenujte tu datoteku u "MyHTMLDoc.html".
Pritisnite OK za dijalog upozorenja.
Zatvorite File Explorer.
Otvorite Visual Studio, koji traje pet minuta.
Otvorite datoteku u Visual Studiju, što traje još pet minuta. VS je veoma spor.
Počni.
Kad završim, moram otvoriti datoteku u Edgeu da vidim svoj rad.

Sada, sve što trebate učiniti je

Pokrenite Edge.
Idite na
U gornjem desnom kutu pritisnite novu olovku.
Započni kodiranje.

Vidite koliko je lakše? Samo unesite svoje JS, CSS i HTML u odgovarajuće okvire. Rezultati se automatski prikazuju s desne strane.

U stvari, Codepen je toliko bolji, pa vam preporučujem da krenete sa kreiranjem svog računa odmah. Da, mrzim što sam jedini koji se oglašava, ali ne mogu si pomoći. Mnogo je bolje. Ne mogu ništa učiniti po tom pitanju.

Ili, ako ne želite stvoriti račun, možete otići stvoriti olovku bez računa. Olovku možete spremiti pod korisničkim imenom "Anonimni kapetan".

Korak 2: Dodajte reference

Budući da ćemo koristiti Jquery i ovu (zaista) super stvar koju zovemo "Balloon.css", prvo moramo dodati reference. Ako ste novi, reći ću vam kako to učiniti u Codepenu.

Kliknite Postavke.
Ovisno o tome je li referenca stilska tablica ili skripta, kliknite CSS ili Javascript.
U odjeljku Dodavanje vanjskog (Javascript ili CSS) dodajte reference.

Dodati:

bla bla bla: BLAAAAAAA !!!!

Sada uklonite to i stavite HTML oznaku koja povezuje vaš omiljeni CDN za Jquery i Balloon.css.

Korak 3: Kodirajte

Ispod toga dodajte ovaj kôd.

codepen.io/slate-coding/pen/oepQpX

Kopirajte/zalijepite kôd u olovku.

Korak 4: Promijenite taj kod tako da odgovara vašim potrebama

Možete se petljati po želji olovkom koliko god želite, a zatim kopirati i zalijepiti kôd gdje god želite.

Korak 5: Demo

codepen.io/alexvgs/pen/oepQpX

Preporučuje se:

Kako napraviti osnovnu web stranicu pomoću bilježnice: 4 koraka

Kako napraviti osnovnu web stranicu pomoću bilježnice: Je li se itko pitao "kako mogu napraviti web stranicu od osnovnog programa za pisanje?" Pa, očito, ne posebno … U svakom slučaju, ovdje ću vam pokazati kako napraviti OSNOVNE web stranica koristi samo bilježnicu

Kako ugraditi Google karte na web stranicu: 4 koraka

Kako ugraditi Google karte na web stranicu: Glasajte za mene u izazovu Maps! Nedavno sam stvorio web stranicu koja koristi Google Maps. Ugraditi Google karte na moju web stranicu bilo je prilično jednostavno i nije tako teško učiniti. U ovom Instructables -u pokazat ću vam kako je lako ugraditi Googl

Kako stvoriti jednostavnu web stranicu pomoću zagrada za početnike: 14 koraka

Kako stvoriti jednostavnu web stranicu pomoću zagrada za početnike: Uvod Sljedeća uputstva pružaju korak po korak smjernice za izradu web stranice pomoću zagrada. Zagrade su uređivač izvornog koda s primarnim fokusom na web razvoj. Kreirao ga je Adobe Systems, besplatan je softver otvorenog koda licenciran

Postavljanje prostorne karte na svoju web stranicu: 8 koraka

Stavite Platial Map na svoju web stranicu: Nakon što pronađete kartu na Platial -u ili kreirate vlastitu, poželjet ćete je staviti na svoj blog ili web stranicu. Ova instrukcija će vas provesti kroz korake kako to učiniti. Bilo koju Placijalnu kartu može objaviti bilo ko