Форум

Data.BG Форуми: Свързване на HTML и JS файлове. - Data.BG Форуми

Прехвърляне към съдържание

Страница 1 от 1
  • Вие не можете да започнете нова тема
  • Вие не може да отговаряте на тази тема

Свързване на HTML и JS файлове. Свързване на HTML и JS файлове.

#1
Потребителят е неактивен   DrvilS 

  • Група: Потребители
  • Мнения: 52
  • Регистриран: 23-January 06
  • Репутация: 0
Здравейте,
Опитвам се да свържа HTML със JS, но не ми се получава.
Това ми е JS:
$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#example tfoot th').each( function () {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );
 
    // DataTable
    var table = $('#example').DataTable();
 
    // Apply the search
    table.columns().every( function () {
        var that = this;
 
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );
} );

https://datatables.n...lti_filter.html Това е източника ми. Опитвам се да направя таблица, в която да мога да търся по отделни колони, както и в едно поле, което търси навсякъде.
Пробвам в head-a с <script src="Script.js"></script> , но не става.

Благодаря!
0

#2
Потребителят е неактивен   unfragable 

  • Bo0om Headshot!!!
  • Група: Потребители
  • Мнения: 13282
  • Регистриран: 02-October 05
  • Репутация: 2242
  • Пол:Мъж
  • Град:Пловдив
Отвори html файла в браузера и му цъкни Inspect Element. Там виж конзолата за грешки и дали намира js файла, защото може нещо пътищата да са объркани.
0

#3
Потребителят е неактивен   catzarov 

  • Група: Потребители
  • Мнения: 478
  • Регистриран: 10-May 05
  • Репутация: 7
  • Пол:Мъж
  • Град:BG
Ето ти готов примерен код за datatable с опция за подреждане, опция за копиране и експорт към excel на цялата таблица или само на филтрираната информация:

<!DOCTYPE html>
<html>
<head>
  <title>Data Table Filter and Export</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.
7/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.16/datatables.
min.css" />

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.
2.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/
js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/v/bs/jq-3.2.1/dt-1.10.
16/datatables.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.
buttons.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.
flash.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.
1.3/jszip.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/
0.1.32/pdfmake.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/
0.1.32/vfs_fonts.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.
html5.min.js"></script>
  <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.
print.min.js"></script>
</head>
<body>
  <table class="table datatables">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>

  <script type="text/javascript">
  $(document).ready(function() {
    $('.datatables').DataTable({
      dom: 'Bfrtip',
      buttons: [
        {
          extend: 'copy',
          text: 'Copy',
          className: 'btn btn-info'
        },
        {
          extend: 'excel',
          text: 'Export to Excel',
          className: 'btn btn-danger'       
        },
      ],
      info: false,
      searching: true,
      paging: false,
      ordering: true,
    });
  });
  </script>

</body>
</html>


Ако искаш и да редактираш съдържанието през браузъра запознай се с това: https://github.com/t...ble/tree/master
тествал съм го и работи ;) но пък при експорта дава дефект и не експортира променените данни.

Успех.
0

#4
Потребителят е неактивен   petarcheto 

  • Група: Потребители
  • Мнения: 793
  • Регистриран: 18-December 06
  • Репутация: 27
  • Пол:Мъж
  • Интереси:motori , girls
Пробвайте да оправите тези грешки, които се виждат при валидирането https://validator.w3...lidate_by_input
0

Споделете тази тема чрез:


Страница 1 от 1
  • Вие не можете да започнете нова тема
  • Вие не може да отговаряте на тази тема

1 потребители четат тази тема
0 регистрирани потребители, 1 гости и 0 анонимни потребители


Data.BG e форум за дискусии. Data.BG не носи отговорност за съдържанието и достоверността на публикуваните в дискусиите материали.

Никаква част от съдържанието на тази страница не може да бъде репродуцирана, записвана или предавана под каквато и да е форма или по какъвто и да е повод без писменото съгласие на Data.BG.

Close  Member Login