hlmod.hu

Magyar Half-Life Mód közösség!
Pontos idő: 2024.03.28. 10:29



Jelenlévő felhasználók

Jelenleg 224 felhasználó van jelen :: 0 regisztrált, 0 rejtett és 224 vendég

A legtöbb felhasználó (1565 fő) 2020.11.21. 11:26-kor tartózkodott itt.

Regisztrált felhasználók: nincs regisztrált felhasználó az elmúlt 5 percben aktív felhasználók alapján

Utoljára aktív
Ahhoz hogy lásd ki volt utoljára aktív, be kell jelentkezned.



Az oldal teljeskörű
használatához regisztrálj.

Regisztráció

Kereső


Új téma nyitása  Hozzászólás a témához  [ 1 hozzászólás ] 
Szerző Üzenet
 Hozzászólás témája: JS Datatable
HozzászólásElküldve: 2018.07.16. 17:13 
Offline
Fórum Moderátor
Avatar

Csatlakozott: 2014.05.01. 13:18
Hozzászólások: 627
Megköszönt másnak: 61 alkalommal
Megköszönték neki: 104 alkalommal
Üdv!

Találtam egy nagyon hasznos Scriptet, ami rendszerezi a táblázatokban található adatokat és még sok-sok egyéb lehetőséget is kínál. Elég nagy kaliberű dolog ezért van külön fórumuk is, de mielőtt rákérdeznék itt gondoltam megkérdezem hátha valaki használta már és tudja, hogy mit kellene tennem a dolog érdekében.

A probléma az lenne, hogy a datatable-ként kezelt táblázat szélessége nem hozható ki 100%-ra. Hiába van megadva több módon is, vagy hiába van megadva extra paraméternek a meghíváskor mégsem mutat úgy ahogyan kellene.

Csatolok egy képet. Látható lesz rajta, hogy jobb oldalt nagyobb a tér, mint a másik oldalon. Ha nem datatable-t használok, csak egyszerű táblázatot akkor kihozza 100%-ra. Ez csupán esztétikai probléma, de jó lenne ha tökéletesen működne.

  1. if ( isset($sid) )
  2.                                 {
  3.                                         if ( $sid == 's1' )
  4.                                         {
  5.  
  6.                                             require_once "db.php";
  7.                                             $result = $mysqli->query("SELECT *, CONVERT(CAST(`real_name` AS BINARY) USING latin1) AS `real_name2` FROM `smf_members` WHERE `aktivitas` = '1';");
  8.                                         }
  9.                                         else if ( $sid == 's3' )
  10.                                         {
  11.  
  12.                                             require_once "db.php";
  13.                                             $result = $mysqli->query("SELECT *, CONVERT(CAST(`real_name` AS BINARY) USING latin1) AS `real_name2` FROM `smf_members` WHERE `aktivitas` = '3';");
  14.                                         }
  15.                                         else
  16.                                             exit;
  17.                                 }
  18.                                 else
  19.                                     exit;
  20.  
  21.                                 $found = $result->num_rows;
  22.  
  23.                                 if ( $found )
  24.                                 {    
  25.                                     $Text = '
  26.                                        
  27.                                        <table id="myTable" class="display nowrap" width="100%" style="width:100%" border="0">
  28.                                            <thead>
  29.                                                <tr>
  30.                                                    <th scope="col" width="25%"><center>Játékos</center></th>
  31.                                                    <th scope="col" width="25%"><center>Eredmény</center></th>
  32.                                                    <th scope="col" width="25%"><center>Halálok</center></th>
  33.                                                    <th scope="col" width="25%"><center>Utolsó Belépés</center></th>
  34.                                                </tr>
  35.                                            </thead>
  36.                                        <tbody>
  37.  
  38.                                    ';
  39.  
  40.                                     while ( $row = mysqli_fetch_array($result) )    
  41.                                     {
  42.  
  43.                                         $Text .= '
  44.  
  45.                                            <tr>
  46.                                                <td align="center"><a href="profile.php?ID='. $row['id_member'] .'" style="text-decoration: none;">'. htmlentities($row['real_name2']) .' (#'. $row['id_member'] .')</a></td>
  47.                                                <td align="center">'. $row['A1'] .'</td>
  48.                                                <td align="center">'. $row['A2'] .'</td>
  49.                                                <td align="center">'. date("Y-m-d", $row['last_login']) .' '. date("H:i:s", $row['last_login']) .'</td>
  50.                                            </tr>
  51.  
  52.                                        ';
  53.                                     }
  54.  
  55.                                     $Text .= '
  56.  
  57.                                            </tbody>
  58.                                        </table>
  59.  
  60.                                    ';
  61.  
  62.                                     $Text .= '
  63.  
  64.                                        <script>
  65.                                            $(document).ready( function () {
  66.                                                var table = $("#myTable").DataTable( {
  67.                                                    info:     false,
  68.                                                    searching: false,
  69.                                                    paging: false,
  70.                                                    lengthChange: false,
  71.                                                    order: [[ 1, "desc" ]],
  72.                                                    responsive: true,
  73.                                                    pagingType: "simple",
  74.                                                    language: {
  75.                                                        paginate: {
  76.                                                            previous: "Vissza",
  77.                                                            next: "Tovább",
  78.                                                            emptyTable: "Ez a lista nem tartalmaz elemet."
  79.                                                        }
  80.                                                    },
  81.                                                    rowReorder: {
  82.                                                        selector: "td:nth-child(2)"
  83.                                                    },
  84.                                                    columns: [
  85.                                                        { "width": "25%" },
  86.                                                        { "width": "25%" },
  87.                                                        { "width": "25%" },
  88.                                                        { "width": "25%" },
  89.                                                    ]
  90.                                                });
  91.                                            } );
  92.                                        </script>
  93.  
  94.  
  95.  
  96.                                    ';
  97.                                 }
  98.                                 else
  99.                                     $Text = 'Ez a lista nem tartalmaz elemet.';
  100.  
  101.                                 echo '
  102.  
  103.                        <div class="row">
  104.                            <div class="col-md-12">
  105.                                <div class="card">
  106.                                    <div class="card-header">
  107.                                        <div class="card-title">'. $ServerName .' | Játékosok</div>
  108.                                    </div>
  109.                                    <div class="card-body">
  110.                                        '. $Text .'
  111.                                    </div>
  112.                                </div>
  113.                            </div>
  114.                        </div>
  115.  
  116.                                ';


Csatolmányok:
Képernyőfelvétel (113).png
Képernyőfelvétel (113).png [ 243.67 KiB | Megtekintve 1083 alkalommal ]
Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólások megjelenítése:  Rendezés  
Új téma nyitása  Hozzászólás a témához  [ 1 hozzászólás ] 


Ki van itt

Jelenlévő fórumozók: nincs regisztrált felhasználó valamint 3 vendég


Nyithatsz új témákat ebben a fórumban.
Válaszolhatsz egy témára ebben a fórumban.
Nem szerkesztheted a hozzászólásaidat ebben a fórumban.
Nem törölheted a hozzászólásaidat ebben a fórumban.
Nem küldhetsz csatolmányokat ebben a fórumban.

Keresés:
Ugrás:  
Powered by phpBB® Forum Software © phpBB Limited
Magyar fordítás © Magyar phpBB Közösség
Portal: Kiss Portal Extension © Michael O'Toole