Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2006
    Thanked 1 Time in 1 Post

    jQuery 'hiding' content on search output page

    Hello I was wondering if you may be able to help with this problem.

    I have a PHP search results output page. In the search results I want to have a copy button next to some of the results so users can easily copy them to their clipboard.

    The jQuery I'm using only works when I output the following script along with the results (i.e. it won't work if I just have it on the page statically).

    $('.copy').click(function() {
        var row = $(this).closest('td');
        var txt = row.find('span:first');
        window.clipboardData.setData('Text', txt.text());
        var range = document.body.createTextRange();
    the HTML...
    <td><span>Name from DB here</span> <button class="copy">COPY</button></td>
    <td><span>Phonefrom DB here</span> <button class="copy">COPY</button></td>
    <td><span>Email from DB here</span> <button class="copy">COPY</button></td>
    So yes it works if I do it that way, but everything above the script gets hidden (behaves like the elements have display: none set). I have a form above the script that needs to be on the page.

    Please help!!!

  2. #2
    Administrator VIPStephan's Avatar
    Join Date
    Jan 2006
    Halle (Saale), Germany
    Thanked 1,300 Times in 1,270 Posts
    I don’t see anything that would hide the content. Use a debugging tool (usually built into the browser already) and see what really happens. Also, you are adding a “DOM ready” function to your script or loading it at the end of the document, aren’t you?


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts