jsp- How to copy URL in a javascript function?

Question

I have a JSP page that looks like this:

I added a button Copy URL and it's self explanatory that when I click the button, I need to copy the unique URL for that particular link itself.

This is how my front end looks:

<%
    //need to input logic to populate data on each row

    int counter=0;

    String[] split = request.getParameter("nodeID").split(",",0);
    for(int i=0;i<split.length;i++){

        long file=Long.parseLong(split[i]);

        List files = fileFacade.list_items(file);
        for (Iterator rstltr = files.iterator(); rstltr.hasNext();) {
            Fmedia fv = (Fmedia) rstltr.next();
            Node nd = nodeFacade.get(fv.getNodeid(), false);
            // Fmedia fm = fileFacade.get_file(fv.getNodeid());

            int count = 0;
            count++;
            long fileid= nd.getNodeid();



%>


    <tbody>
        <tr>
            <td width="5%">
                <!--Display Checkbox   -->
                <input type="checkbox" name="name1" />&nbsp;
            </td>

            <td>
                <!--Display No   -->
                <% counter=counter+1;
                    out.print(counter);

                %>


            </td>
            <td width="28%">

                <!-- Display Filename   -->
                <%=nd.getNodedesc()%>



            </td>
            <td width="100%">
                <!-- Display URL -->


                <%="http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid()%>
                <%

                    fileFacade.insert_url(nd.getNodeid(),"http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid());


                %>


            </td>
            <td>
                <!-- Display EDIT/DEL -->

            </td>
            <td> <!-- Display COPY feature -->

                <input type="button" value="Copy URL" onclick="msg()">
                <script>
                    function msg() {
                        alert("Hello world!");
                    }
                </script>
            </td>


        </tr>

        </tbody>


    <%}}
    %>

I need a way that each button is independent of each row and a javascript function to be able to copy the link after selecting the checkbox.

I am not too sure how to proceed from here.

Can anyone suggest a good approach?

EDIT:

Javascript function:

<input type="button" value="Copy URL" onclick="getURL()">
            <script>
                function getURL() {
                    var copyText = "http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+<%nd.getNodeid();%>
                    var el = document.createElement('textarea');
                    el.value = copyText;
                    el.setAttribute('readonly', '');
                    el.style = {
                        position: 'absolute',
                        left: '-9999px'
                    };
                    document.body.appendChild(el);
                    el.select();
                    document.execCommand('copy');
                    document.body.removeChild(el);
                }
            </script>
        </td>

is this your url ` <%="http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid()%>` — Googlian, Mar 19 '19 at 07:07
Refer this answer: https://stackoverflow.com/questions/55177513/how-to-copy-var-into-the-clipboard/55177911#55177911 — Googlian, Mar 19 '19 at 07:08
I put an alert message in the function and it's not calling it — Daredevil, Mar 19 '19 at 07:25
Nope, I open the developer tools and it says getURL is not defined, do i need to put the function above the button? — Daredevil, Mar 19 '19 at 07:26
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/190281/discussion-between-googlian-and-daredevil). — Googlian, Mar 19 '19 at 07:36

score 1 · Accepted Answer · answered Mar 19 '19 at 07:26

You have to pass URL to the function, follow the below code

<tbody>
    <tr>
        <td width="5%">
            <!--Display Checkbox   -->
            <input type="checkbox" name="name1" />&nbsp;
        </td>

        <td>
            <!--Display No   -->
            <% counter=counter+1;
                out.print(counter);

            %>


        </td>
        <td width="28%">

            <!-- Display Filename   -->
            <%=nd.getNodedesc()%>



        </td>
        <td width="100%">
            <!-- Display URL -->


            <%="http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid()%>
            <%

                fileFacade.insert_url(nd.getNodeid(),"http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid());


            %>


        </td>
        <td>
            <!-- Display EDIT/DEL -->

        </td>
        <td> <!-- Display COPY feature -->

            <input type="button" value="Copy URL" onclick="copyURL('<%="http://localhost:8080/repository/file/view/viewPDF.jsp?count=1&f0="+nd.getNodeid()%>')">

        </td>


    </tr>

    </tbody>


<%}}
%>

            <script>
                function copyURL(url) {
                    var copyText = url;
                var el = document.createElement('textarea');
                el.value = copyText;
                el.setAttribute('readonly', '');
                el.style = {
                    position: 'absolute',
                    left: '-9999px'
                };
                document.body.appendChild(el);
                el.select();
                document.execCommand('copy');
                document.body.removeChild(el);
                }
            </script>

Is it possible to do it my way above without passing parameter? — Daredevil, Mar 19 '19 at 07:30
Sorry, You can't @Daredevil because in order to get different URLs for each rows you have to pass the value to function. if you have same URL for all rows then ok — Googlian, Mar 19 '19 at 07:36

jsp- How to copy URL in a javascript function?

1 Answers1