Ufdjrw

hello ive been trying to figure this out for days now.

What i want to do is echo a test and then create a button that copies the echoed text to the clipboard.

So what i want is that i have an SQL list, in that List there is an ID row i can pass to my echo in the paragraph, but when i try to do the same with the parameter the # seems to an issue.

while($row = mysqli_fetch_array($result)) 
 echo "<div>";
 echo " <p id='" . $row['ID'] . "'>" . $row['Message'] . "</p>";
 echo '<button onclick="copyToClipboard('. $row['Title'] . ')">Copy TEXT 2</button>';
 echo " </div>";

Also it somehow generates the parameter but there is a blank space between
(" #om2")".

• my SQL


• ID = OM2


• Title = "#OM2"


• Message = some3ohruihrgfijbfgbrfghrgjikbnhjergbnergbg

any help is greatly appreciated

Edit.

Script

<script type="text/javascript">
function copyToClipboard(element) 
 var $temp = $("<textarea>");
 $("body").append($temp);
 var html = $(element).html();
 html = html.replace(/<br>/g, "n"); // or rn
 console.log(html);
 $temp.val(html).select();
 document.execCommand("copy");
 $temp.remove();



</script>

with echo '<button onclick="copyToClipboard(' . $row['Title'] . ')>Copy TEXT 2</button>';

Image!!!

You are trying to pass #OM2 as agument of the copyToClipboard() function...

There are some quotes missing to make it a string. Actually, #OM2 isn't.

Try to add some ':

echo '<button onclick="copyToClipboard(''. $row['Title'] . '')">Copy TEXT 2</button>';

That should work... But I would suggest a better alternative...

Use a class handle the click event, instead of an inline onclick.

while($row = mysqli_fetch_array($result)) 
 echo "<div>";
 echo " <p id='" . $row['ID'] . "'>" . $row['Message'] . "</p>";
 echo '<button class="copy">Copy TEXT 2</button>';
 echo " </div>";

Then your clipboard copy script would simply be:

$(".copy").on("click",function()
 var text = $(this).prev("p").html().replace(/<br>/g, "n");
 navigator.clipboard.writeText(text);
);

$(".copy").on("click",function()
 var text = $(this).prev("p").html().replace(/<br>/g, "n");
 navigator.clipboard.writeText(text);
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
 <p id="OM2">some3ohruihrgfijbfgbrfghrgjikbnhjergbnergbg</p>
 <button class="copy">Copy TEXT 2</button>
</div>