Copy to clipboard with label value followed by a ; and text

sangeetha k

7y3.4kLearn iOS Programming

I wish to copy contents to a clipboard in this format

LAbel : input textbox value

but the jquery which i found seems to give this format

Label

text

label

text

Pls someone give a appropriate way to sought out this.

#html code along with jquery .

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CopyClip.aspx.cs" Inherits="CopyClip.CopyClip" %>

First Name

Last Name

Country

Textarea

MultilineArea

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

sangeetha k7y ago
if i use split method also am not able to bring the contents in the newline
0
sangeetha k7y ago
First Name:fdfsgfdgLast Name:fgdgfgdCountry:australiaTextarea:Hello WorldMultilineArea:fdgdfgdgggfgfdggdfgfgf

its coming in this format if i give split and join where am i wrong?
$(document).ready(function () {
$("#copyclick").click(function () {
debugger;
var id = $(this).attr('id');
var el = document.getElementById('div1');
var obj = [];
$this = el.childNodes;
for (var i = 1; i < $this.length; i += 4)
{
var label=$($($this[i])[0]).text();
var value = $($($this[i + 2])[0]).val();

obj.push((label + ":" + value));

}
copy(obj.toString());
alert(obj);
// input1.split(',').join('\r\n');

})
})
function copy(text) {
debugger;

var input = document.createElement('input');
input.setAttribute('value', text.split(",").join("\r\n"));
document.body.appendChild(input);
input.select();
var result = document.execCommand('copy');
document.body.removeChild(input)
return result;
}

0
Faisal Pathan7y ago
now we have data with comma right, so you can spilt with comma and modify content as per your need.
0
sangeetha k7y ago
can anyone suggest a way to get the line breaks
to get this format
First Name:sangeetha
Last Name:k
Country:australia
Textarea:Hello World
MultilineArea:dffdfffdfsfdffdffffdsdfsdfffdffdff
0
sangeetha k7y ago
First Name:sangeetha
Last Name:k
Country:australia
Textarea:Hello World
MultilineArea:dffdfffdfsfdffdffffdsdfsdfffdffdff

is there any way in getting it lin this format?
-1
Faisal Pathan7y ago
cut from that div and paste outside div
0
Faisal Pathan7y ago
then try with this
>
<html>
<head>
<style>
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
textarea, select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}


input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #45a049;
}

div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
style>
<title>title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">script>
<script>
$(document).ready(function () {
$("#copyclick").click(function () {
var obj = [];
var id = $(this).attr('id');
var el = document.getElementById('div1');
$this = el.childNodes;
    for (var i = 1; i < $this.length; i += 4) {

        var label = $($($this[i])[0]).text();
        var value = $($($this[i + 2])[0]).val();
        obj.push(label + " : " + value);
    }
    copy(obj.toString());
})
})

function copy(text) {
    var input = document.createElement('input');
    input.setAttribute('value', text);
    document.body.appendChild(input);
    input.select();
    var result = document.execCommand('copy');
document.body.removeChild(input)
    return result;
}
script>
head>
<body>
<div id="div1">
<label for="fname">First Namelabel>
<input type="text" id="fname" name="firstname" placeholder="your name..." />
<label for="lname">Last Namelabel>
<input type="text" id="lname" name="lastname" placeholder="your last name...." />
<label for ="country">Countrylabel>
<select id="country" name="country">
<option value="australia">Australiaoption>
<option value="canada">Canadaoption>
<option value="usa">USAoption>
select>
<label for ="myInput">Textarealabel>
<input type="text" value="Hello World" id="myInput">
<label for="textarea">MultilineArealabel>

<textarea rows="5" cols="100" id="textarea">textarea>

<button id="copyclick">Copy textbutton>

div>


body>
html>
0
sangeetha k7y ago
and what is the last field copy text : undefined
0
sangeetha k7y ago
@Faisal pathan i need to copy to clipboard but when click the button and paste it in notepad thats not happening i could see it in console could not paste it in note pad .
0
Faisal Pathan7y ago
I customize few lines as per your requirements.

below is the whole code which can help you.
>
<html>
<head>
<style>
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
textarea, select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}


input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #45a049;
}

div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
style>
<title>title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">script>
<script>
$(document).ready(function () {
$("#copyclick").click(function () {
debugger;
var id = $(this).attr('id');
var el = document.getElementById('div1');
$this = el.childNodes;
    for (var i = 1; i < $this.length; i += 4) {

        var label = $($($this[i])[0]).text();
        var value = $($($this[i + 2])[0]).val();
        console.log(label + " : " + value);
    }


})
})
script>
head>
<body>
<div id="div1">
<label for="fname">First Namelabel>
<input type="text" id="fname" name="firstname" placeholder="your name..." />
<label for="lname">Last Namelabel>
<input type="text" id="lname" name="lastname" placeholder="your last name...." />
<label for ="country">Countrylabel>
<select id="country" name="country">
<option value="australia">Australiaoption>
<option value="canada">Canadaoption>
<option value="usa">USAoption>
select>
<label for ="myInput">Textarealabel>
<input type="text" value="Hello World" id="myInput">
<label for="textarea">MultilineArealabel>

<textarea rows="5" cols="100" id="textarea">textarea>

<button id="copyclick">Copy textbutton>

div>


body>
html>
Please mark as accepted answer if it helps.
0