Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Enel / Regularizare si calcul din...

Dimensiune rost profil trecere

Se cauta femeie cu sau fara famil...
 rusa vs ruseasca

Serena Williams se retrage din te...

Este informatie publica/accesibil...

French Drain+ Turnat Alei casa
 Instalatie electrica apartament

Vremurile imperiilor

amenda ISU

Magazine macbook pro
 Fața nevazuta a vestului civ...

The Sandman (2022- )

Curatare jante aluminiu bicicleta

Plafoniera led cu backlight
 

Button "Copy" text dintr-un chenar -"myBox"

- - - - -
  • Please log in to reply
1 reply to this topic

#1
va_cristi

va_cristi

    Member

  • Grup: Members
  • Posts: 358
  • Înscris: 02.01.2011
Salut!
Am un blog si vreau sa il fac un pic mai interactiv. Am invatat sa fac chenare si sa introduc coduri  in formatul original al lui Arduino folosindu-ma de aceasta pagina:
https://pinetools.co...tax-highlighter

Apoi am invatat sa cosmetizez si sa adaug un buton "Go to TOP":
- acesta este blogul meu unde se poate observa cosmetizarea acestuia :
https://crisselectro...m-big-font.html

Acuma as dori sa adaug un button care la un simplu click sa imi selecteze textul din "chenar" si sa il copieze in clipboard.
De exemplu:

Attached File  button copy_001.JPG   50.17K   9 downloads

Nu sunt programator de nici o clasa sau nivel. Fac din pasiune pentru electronica. Am urmarit exemple pe:
https://www.w3schools.com/
https://www.quackit.com/

Exemplul meu pentru a realiza un "box" cu cod "cpp" este acesta:
<head>
<title>My Example</title>
<!-- CSS -->
<style>
/* Force scrollbars onto browser window */
body {
margin-bottom: 200%;
}
/* Box styles */
.myBox {
border: 4px solid #add3ff; /*border: none; #660022 */
border-radius: 7px;
background-color: #fff5d9;
padding: 5px;
font: 14px/20px sans-serif;
width: 860px;
height: 500px;
box-shadow: 10px 10px 6px grey; /* grey */
overflow: scroll;
}
/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
border: 1px solid #add3ff;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #add3ff;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #fc6203; /* #ff950a */
}

</style>
</head>
<body>
<!-- HTML -->
<div class="myBox">

<pre class="brush: cpp">
. . .


Dar nu am gasit nimic concret sa atasez un buton sa copiez textul din "box"-ul meu. Toate exemplele isi creaza un "box" cu text in interior. Am incercat sa modific codurile dar fara succes.
As dori sa ma ajutati cu ceva exemple sau pagini pentru a crea un buton cu functia "Copy Text" care sa copieze textul din "box"-ul creat de mine.

Va multumesc anticipat!

#2
scub

scub

    Senior Member

  • Grup: Senior Members
  • Posts: 2,832
  • Înscris: 30.11.2005
https://www.w3school...y_clipboard.asp

Merge adaptat .

Edited by scub, 15 May 2021 - 18:33.


Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate