[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Re: CSP und das Multi-Button-Problem



Hi,

ich weiß nicht, was CSP-konform ist, aber ich würde das unobstrusiv gestalten.
In etwa so::

=== PHP-Code ===
  echo "    <script src='.script/jquery-2.2.1.min.js'></script>\n";
  echo "    <script src='.script/copy2clipb.js'></script>\n";
     .
     .
     .
  for($i=0;$i < count($Kunden); $i++){
     $KundenInfo =  explode(";" , $Kunden[$i] , 5 );
     echo "      <tr>\n";
     .
     .
     .
     echo "<td id='input" . $i ."'>". $KundenInfo[2] . "</td>";
     echo "<td class='right'>";
     echo "<button class="ok-button" data-select='#input" . $i . "'>";
     echo "OK</button></td>\n";
     .
     .
     .
     echo "      </tr>\n";
  }

=== JS-Code ====
$('table').on('click', '.ok-button', function(ev) {
    ev.preventDefault();
    var $temp = $('<input>');
    var elm   = $(this).data('select');
    $('body').append($temp);
    $temp.val($(elm).text()).select();
    document.execCommand('copy');
    $temp.remove();
});
================

Btw:
die HTML-ID »right« für die umgebende Tabellenzelle des Buttons würde ich
weglassen. Eine ID darf pro Dokument nur einmal vorkommen.

Viele Grüße
Tommy


Reply to: