Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

Pagalbos su HTML (Copy mygtukas)

Turk

Parašė Turk
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1832 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

Turk Dažnas dalyvis (-ė)

Turk

Sveiki, niekaip nesigauna sukurti copy to clipboard mygtuko, nesu coderis ir labai sunku kažką suprast, jau apie savaitę bandau ji sukurti. Paspaudus mygtuką turėtų nusikopijuoti tekstas į clipboard. Mygtukas reikalingas kad butu lengviau kopijuoti teksta, nereikėtu kiekvienam žmogui jo žymėti ir spausti ctrl + c. Jeigu nesunku padėkit, labai ačiū. Nuotrauka, kad būtų lengviau suprast:

24705547a30a4263b47c77a876c3e5ad970.png

Nuoroda į komentarą
Dalintis per kitą puslapį
Turk Dažnas dalyvis (-ė)

Turk

  • Autorius
34 minutes prieš, devmark parašė:

https://stackoverflow.com/questions/37658524/copying-text-of-textarea-in-clipboard-when-button-is-clicked

Man kažkaip nesigauna su ta java, nes man tik html leidžia, o kai sumaisau abu errorina ten belenkaip. Neimanoma tik su html sito padaryt?

Nuoroda į komentarą
Dalintis per kitą puslapį
inactive Dalyvis (-ė)

inactive

(redaguota)
Prieš 1 valandą, Turk parašė:

man tik html leidžia

Kas "tik html leidžia"? Javascript yra gana paprasta integruoti su HTML (naudojant <script> tag'ą). Jeigu kalbėjai apie priimtą atsakymą aukščiau nurodytame link'e - jis naudoja jQuery, tai galbūt priimtinesnis variantas tau būtų naudoti pure JS (https://stackoverflow.com/a/51436729).

Prieš 1 valandą, Turk parašė:

Neimanoma tik su html sito padaryt?

Ne, kadangi HTML nesuteikia galimybės išgauti kito elemento turinio ar pakeisti clipboard.

Redaguota , nario [m]
  • Teigiamai 3
Nuoroda į komentarą
Dalintis per kitą puslapį
Str33t Anderbosas (-ė)

Str33t

Aukščiau pateiktas variantas veikia puikiai. Jei nori jį integruoti kartu su html tiesiog tarp <head></head> įterp šį kodą: 

<script>
    function copy() {
        let textarea = document.getElementById("textarea");
        textarea.select();
        document.execCommand("copy");
    }
</script>

Tik mano manymu šitas variantas tau nėra tinkamas, nes jis veiks tik su tokiais tag'ais kaip input arba textarea, o tavo atveju tekstas pateiktas p, div ar panašiam tag'e. Vis dėl to jei nuspręstum naudoti šitą variantą, dar svarbu, atkreipk dėmesį, kad JavaScript kode ir HTML'e sutaptų elementų ID, taip pat nepamiršk HTML'e ant mygtuko parašyti onClick="copy();"

Whatsoever, mano manymu šitas variantas tau bus priimtinesnis, nes jį gali naudoti su <p>, <div> ir pnš: 

<script>
    function copy() {
      	var selection = document.getElementById("TavoDivID");
        window.getSelection().selectAllChildren( selection );
        document.execCommand("copy");
    }
</script>

Įterpimas toks pats - tarp HEAD tag'ų. Ir susieti funkciją su mygtuku - onClick="copy();"

  • Teigiamai 1
Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 1832 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...