Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
js ID aus Tabelle ermitteln
#11
Das funktioniet so auch nicht richtig.
Ich zeige dir morgen mal ein Beispiel wie ich das umbauen würde, weil so bringt das alles nichts.

Das wichtigste ist das in der Schleife fast alles raus muss.Du erstellst jedes mal alle Elemente neu und das klaut dir richtig Leistung vom Browser.
Zitieren
#12
So habe schon etwas angefangen
http://basti1012.bplaced.net/testodner_f...OESoft.php
Wemm du in der Console schaust siehst du das er jetzt die richtigen ids löscht. Dann dein ganzer Inline Style ist schon etwas weg , und dein Tabellen Layout rund um die Tabelle herum ist auch fast weg. Unnötige Elemenete wie <font> und auch <a> die keinen sinn haben an einigen stellen. Ich mache nachher weiterr dann ist es bald so wie ich es mir gedacht habe
Zitieren
#13
(23.05.2022, 23:01)admin schrieb: Das ist alles Mist was du da machst. Ich frage mich erstens , warum machst du das mit Javascript ?
Das ganze Html kannst du vorher schon mit Php machen .
Das erspart dir nee menge Javascript Code und nee menge ärger.

Das was wir jetzt machen ist nur noch Flick schusterrei.
Versuch mal in zeile 178 , in der einen js Datei.
Dieses
lnk.onclick = myFunction_loeschen;

mit diesen zu tauschen.
lnk.addEventListener('click',function(){
   
          myFunction_loeschen(id);
})

und dann noch Zeile 262
function myFunction_loeschen() {

in der tauschen
function myFunction_loeschen(id) {


Das es bei dir so nicht geht ist klar, weil deine id in der Schleife ist und immer wieder überschrieben wird.
Die Id die im letzten Durchlöauf stehen geblieben wird , die zählt.

Deswegen sagte ich ja das es alles nicht das ware ist und du das eigentlich falsch angehst.

und createElement('font')
Ist schwachsinn, das Element gibt es nicht mehr , bzw ist veraltet und hat auch irgendwie keine funktion mehr

Du holst jede Sekunde die Daten komplett aus der Datenbank , erstellst jede Sekunde alle Felder wieder neu.
Das macht dir auch alles kaputt. Das ist alles nicht nötig.

Lösch mal <us den ticker die Zeile 248
Das hier
setdata();
komplett raus .
Das brauchst du nicht , vorallem nicht so , weil man eigentlich nur die Daten neu sendet die auch geändert wurden , und dann würde ich dazu JSON Datei nehmen

Ok, deshalb bin ich hier! um es richtig zu machen :-) danke

das Problem ist, dass neue Daten aus anderen Schnittstellen in die Datenbank geschrieben werden.
deshalb die Abfrage jede Sekunde, gib es neue Daten in der Datenbank. Wie soll ich es sonst überprüfen, wenn ich selbst keine Daten sende.
Zitieren
#14
(25.05.2022, 07:52)black79 schrieb: das Problem ist, dass neue Daten aus anderen Schnittstellen in die Datenbank geschrieben werden.
deshalb die Abfrage jede Sekunde, gib es neue Daten in der Datenbank. Wie soll ich es sonst überprüfen, wenn ich selbst keine Daten sende.


Du brauchst erstmal nicht jede Sekunde aktualiesieren , das macht nicht mal ein Chat.
Ich weiß ja nicht genau was das alles ist , aber was spricht dagegen es alle 10 oder 5 Sekunden zu aktualiesieren ?
So läd jeder der die Seite nur auf hat 120 Mb die Stunde runter , ohne irgendwas zu machen. Das ist zu viel und auch unnötig.

Das aktualiesieren ist ja nicht so das problem, doch dein Code hat jede Sekunde alle Datein neu erstellt und .
Viel zu viel Arbeit für die Browser.
Noch mal zum aktualiesieren.
Du kannst ja zb alle 3 Sekunden auf der Datenbank schauen ob neue Beiträge da sind , und nur wenn JA , dann holst du die Daten, sonst machst du nichts.
Weißt du was ich meine ?
Hast du schon mal in mein Code rein geschaut ?
Mache morgen mal etwas weiter
Zitieren
#15
(26.05.2022, 00:20)admin schrieb:
(25.05.2022, 07:52)black79 schrieb: das Problem ist, dass neue Daten aus anderen Schnittstellen in die Datenbank geschrieben werden.
deshalb die Abfrage jede Sekunde, gib es neue Daten in der Datenbank. Wie soll ich es sonst überprüfen, wenn ich selbst keine Daten sende.


Du brauchst erstmal nicht jede Sekunde aktualiesieren , das macht nicht mal ein Chat.
Ich weiß ja nicht genau was das alles ist , aber was spricht dagegen es alle 10 oder 5 Sekunden zu aktualiesieren ?
So läd jeder der die Seite nur auf hat 120 Mb die Stunde runter , ohne irgendwas zu machen. Das ist zu viel und auch unnötig.

Das aktualiesieren ist ja nicht so das problem, doch dein Code hat jede Sekunde alle Datein neu erstellt und .
Viel zu viel Arbeit für die Browser.
Noch mal zum aktualiesieren.
Du kannst ja zb alle 3 Sekunden auf der Datenbank schauen ob neue Beiträge da sind , und nur wenn JA , dann holst du die Daten, sonst machst du nichts.
Weißt du was ich meine ?
Hast du schon mal in mein Code rein geschaut ?
Mache morgen mal etwas weiter
Dein Code ist sehr übersichtlich! Super!  Werde Deinen Code übernehmen! Danke dafür

Die Aktualisierung werde ich auch anpassen. Überlege mir was...
Zitieren
#16
hallo, wie bekomme ich die Aktualisierung in Deinem Code hin?

Code:
setInterval(function() {
    // alle 3 Sekunden ausführen
    $('#scrollContent_unerledigt').html(sammeln);
}, 3000);
 oder so ?
Code:
setInterval(function() {

    $.get('test.php', function(data) {
      $('#scrollContent_unerledigt').html(sammeln);
    });

}, 5000);

Code:
   <script>
    
$(document).ready(function (){
    var maxid = 0;
    var last = null;
    var sammeln='';
    var imglink,imglink1,imglink3;
    $.get("./alarmdb.php", function(data) {
      for ( let elem of data.getElementsByTagName('data') ){
         id = elem.getElementsByTagName('id')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('kreis')[0].firstChild.nodeValue;
         group = elem.getElementsByTagName('gruppe')[0].firstChild.nodeValue;
         komune = elem.getElementsByTagName('kommune')[0].firstChild.nodeValue;
         hinweiss = elem.getElementsByTagName('hinweis')[0].firstChild.nodeValue;
         wache = elem.getElementsByTagName('wache')[0].firstChild.nodeValue;
         mesage= elem.getElementsByTagName('message')[0].firstChild.nodeValue;
         beteichnung= elem.getElementsByTagName('bezeichnung')[0].firstChild.nodeValue;
         datum=elem.getElementsByTagName('datum')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('adresse')[0].firstChild.nodeValue;
         text = elem.getElementsByTagName('flags')[0].firstChild.nodeValue;
         backf= elem.getElementsByTagName('background_n')[0].firstChild.nodeValue;
           
            if (group=='UNWETTER') {
                  col='dark';
            }else{
                 col='hell';
            }

                    if (text=='0') { imglink = 'web_images/server_5.png'}
                    if (text=='1048576') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='537919488') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='536870912') { imglink = 'web_images/server_5.png'}

                    if (adress[7]=='a') { imglink1 = 'web_images/Alarm_14.png'}
                    if (adress[7]=='b') { imglink1 = 'web_images/limit.png'}
                    if (adress[7]=='c') { imglink1 = 'web_images/Alarm_12.png'}
                    if (adress[7]=='d') { imglink1 = 'web_images/Alarm_7.png'}

                    if (group=='RETTUNG') { imglink3 = 'web_images/rettung_3.png'}
                    if (group=='NAVI') { imglink3 = 'web_images/Alarm_16.png'}
                    if (group=='SIRENE') { imglink3 = 'web_images/Alarm_11.png'}
                    if (group=='SERVICE') { imglink3 = 'web_images/Alarm_6.png'}
                    if (group=='EINZELRUF') { imglink3 = 'web_images/Alarm_8.png'}
                    if (group=='FAHRZEUG') { imglink3 = 'web_images/feuerwehr_1.png'}
                    if (group=='TORSTEUERUNG') { imglink3 = 'web_images/einstellungen.png'}
                    if (group=='DATAFILE') { imglink3 = 'web_images/file.png'}
                    if (group=='WETTER') { imglink3 = 'web_images/regen.png'}
                    if (group=='SWISSPHONE') { imglink3 = 'web_images/herunterladen.png'}
                    if (group=='MESSAGE') { imglink3 = 'web_images/email.png'}
                    if (group=='SYSTEM') { imglink3 = 'web_images/settings.png'}
                    if (group=='KRANKENTRANSPORT') { imglink3 = 'web_images/krankentransport_1.png'}
                    if (group=='FEUERWEHR') { imglink3 = 'web_images/feuerloescher.png'}
                    if (group=='PROBE') { imglink3 = 'web_images/Alarm_12.png'}
                    if (group=='MULTIMASTER') { imglink3 = 'web_images/warnen.png'}
                    if (group=='HVO') { imglink3 = 'web_images/weste.png'}
                    if (group=='ARZT') { imglink3 = 'web_images/arzt.png'}
                    if (group=='DEBUG') { imglink3 = 'web_images/debug.png'}
                   
               
                   
        sammeln+=`<tr>    
            <td class="${col}" style="width: 35px">  <img src="${imglink}"></td>
            <td class="${col}" style="width: 153px"> ${datum}</td>
            <td class="${col}" style="width: 80px"> ${adress}</td>
            <td class="${col}" style="width: 35px">  <img src="${imglink1}"></td>
            <td class="${col}"> ${beteichnung}</td>
            <td class="${col}" style="width: 35px">  <img src="${imglink3}"></td>
            <td class="${col}"style="width: 100px"> ${komune}</td>
            <td class="${col}"> ${hinweiss}</td>
            <td class="${col}"> ${wache}</td>
            <td class="${col}"> ${id}</td>
            <td class="${col}" style="width: 35px"> <img data-id="${id}"  class="momo" src="web_images/post.png"></td>
            <td class="${col}" style="width: 35px"> <img data-id="${id}"  class="loeschen" src="web_images/loeschen_2.png"></td>
           <!-- <td class="${col}">  ${mesage}</td></tr>-->
             `;

        }
    
        $('#scrollContent_unerledigt').html(sammeln);
        weiter();

    });    

    
});
Zitieren
#17
Du solltest erstmal versuchen das du Daten nur holst wenn es was neues gibt . zb ein Script was die ganze Zeit auf der db schaut .
So ungefähr
Code:
function testen(){
    $.ajax({
        type: "GET",
        url: "check_auf_neue_daten.php",
        cache: false,
        success: function(response){
            if(response==true){
                aktualiesiere();
            }
        }
    });
}
setInterval(function() {
testen();
}, 5000);

Dann meinen Code aktualisieren
Code:
$(document).ready(function(){
function aktualiesiere(){
    var maxid = 0;
    var last = null;
    var sammeln='';
    var imglink,imglink1,imglink3;
    $.get("./alarmdb.xml", function(data) {
      for ( let elem of data.getElementsByTagName('data') ){
         id = elem.getElementsByTagName('id')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('kreis')[0].firstChild.nodeValue;
         group = elem.getElementsByTagName('gruppe')[0].firstChild.nodeValue;
         komune = elem.getElementsByTagName('kommune')[0].firstChild.nodeValue;
         hinweiss = elem.getElementsByTagName('hinweis')[0].firstChild.nodeValue;
         wache = elem.getElementsByTagName('wache')[0].firstChild.nodeValue;
         mesage= elem.getElementsByTagName('message')[0].firstChild.nodeValue;
         beteichnung= elem.getElementsByTagName('bezeichnung')[0].firstChild.nodeValue;
         datum=elem.getElementsByTagName('datum')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('adresse')[0].firstChild.nodeValue;
         text = elem.getElementsByTagName('flags')[0].firstChild.nodeValue;
         backf= elem.getElementsByTagName('background_n')[0].firstChild.nodeValue;


            if (group=='UNWETTER') {
                  col='dark';
            }else{
                 col='hell';
            }

                    if (text=='0') { imglink = 'web_images/server_5.png'}
                    if (text=='1048576') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='537919488') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='536870912') { imglink = 'web_images/server_5.png'}

                    if (adress[7]=='a') { imglink1 = 'web_images/Alarm_14.png'}
                    if (adress[7]=='b') { imglink1 = 'web_images/limit.png'}
                    if (adress[7]=='c') { imglink1 = 'web_images/Alarm_12.png'}
                    if (adress[7]=='d') { imglink1 = 'web_images/Alarm_7.png'}

                    if (group=='RETTUNG') { imglink3 = 'web_images/rettung_3.png'}
                    if (group=='NAVI') { imglink3 = 'web_images/Alarm_16.png'}
                    if (group=='SIRENE') { imglink3 = 'web_images/Alarm_11.png'}
                    if (group=='SERVICE') { imglink3 = 'web_images/Alarm_6.png'}
                    if (group=='EINZELRUF') { imglink3 = 'web_images/Alarm_8.png'}
                    if (group=='FAHRZEUG') { imglink3 = 'web_images/feuerwehr_1.png'}
                    if (group=='TORSTEUERUNG') { imglink3 = 'web_images/einstellungen.png'}
                    if (group=='DATAFILE') { imglink3 = 'web_images/file.png'}
                    if (group=='WETTER') { imglink3 = 'web_images/regen.png'}
                    if (group=='SWISSPHONE') { imglink3 = 'web_images/herunterladen.png'}
                    if (group=='MESSAGE') { imglink3 = 'web_images/email.png'}
                    if (group=='SYSTEM') { imglink3 = 'web_images/settings.png'}
                    if (group=='KRANKENTRANSPORT') { imglink3 = 'web_images/krankentransport_1.png'}
                    if (group=='FEUERWEHR') { imglink3 = 'web_images/feuerloescher.png'}
                    if (group=='PROBE') { imglink3 = 'web_images/Alarm_12.png'}
                    if (group=='MULTIMASTER') { imglink3 = 'web_images/warnen.png'}
                    if (group=='HVO') { imglink3 = 'web_images/weste.png'}
                    if (group=='ARZT') { imglink3 = 'web_images/arzt.png'}
                    if (group=='DEBUG') { imglink3 = 'web_images/debug.png'}
                    
                
                    
        sammeln+=`<tr>    
            <td class="${col}"> ${adress}</td>
            <td class="${col}"> <img src="${imglink}"></td>
            <td class="${col}"> ${datum}</td>
            <td class="${col}"> ${adress}</td>
            <td class="${col}">  <img src="${imglink1}"></td>
            <td class="${col}"> ${beteichnung}</td>
            <td class="${col}">  <img src="${imglink3}"></td>
            <td class="${col}">  ${komune}</td>
            <td class="${col}">  ${hinweiss}</td>
            <td class="${col}"> ${wache}</td>
            <td class="${col}">  ${id}</td>
            <td class="${col}"> <img data-id="${id}"  class="momo" src="web_images/post.png"></td>
            <td class="${col}"> <img data-id="${id}"  class="loeschen" src="web_images/loeschen_2.png"></td>
           <!-- <td class="${col}">  ${mesage}</td></tr>-->
             `;

        }
        $('#scrollContent_unerledigt').html(sammeln);
        weiter();

    });    

    }
});

So sollte es ungefähr dann gehen , so spart man sich menge Datenvolumen wenn man nur was jolt wenn es sein muss
Zitieren
#18
(29.05.2022, 19:53)admin schrieb: Du solltest erstmal versuchen das du Daten nur holst wenn es was neues gibt . zb ein Script was die ganze Zeit auf der db schaut .
So ungefähr
Code:
function testen(){
    $.ajax({
        type: "GET",
        url: "check_auf_neue_daten.php",
        cache: false,
        success: function(response){
            if(response==true){
                aktualiesiere();
            }
        }
    });
}
setInterval(function() {
testen();
}, 5000);

Dann meinen Code aktualisieren
Code:
$(document).ready(function(){
function aktualiesiere(){
    var maxid = 0;
    var last = null;
    var sammeln='';
    var imglink,imglink1,imglink3;
    $.get("./alarmdb.xml", function(data) {
      for ( let elem of data.getElementsByTagName('data') ){
         id = elem.getElementsByTagName('id')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('kreis')[0].firstChild.nodeValue;
         group = elem.getElementsByTagName('gruppe')[0].firstChild.nodeValue;
         komune = elem.getElementsByTagName('kommune')[0].firstChild.nodeValue;
         hinweiss = elem.getElementsByTagName('hinweis')[0].firstChild.nodeValue;
         wache = elem.getElementsByTagName('wache')[0].firstChild.nodeValue;
         mesage= elem.getElementsByTagName('message')[0].firstChild.nodeValue;
         beteichnung= elem.getElementsByTagName('bezeichnung')[0].firstChild.nodeValue;
         datum=elem.getElementsByTagName('datum')[0].firstChild.nodeValue;
         adress = elem.getElementsByTagName('adresse')[0].firstChild.nodeValue;
         text = elem.getElementsByTagName('flags')[0].firstChild.nodeValue;
         backf= elem.getElementsByTagName('background_n')[0].firstChild.nodeValue;


            if (group=='UNWETTER') {
                  col='dark';
            }else{
                 col='hell';
            }

                    if (text=='0') { imglink = 'web_images/server_5.png'}
                    if (text=='1048576') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='537919488') { imglink = 'web_images/Alarm_9.png'}
                    if (text=='536870912') { imglink = 'web_images/server_5.png'}

                    if (adress[7]=='a') { imglink1 = 'web_images/Alarm_14.png'}
                    if (adress[7]=='b') { imglink1 = 'web_images/limit.png'}
                    if (adress[7]=='c') { imglink1 = 'web_images/Alarm_12.png'}
                    if (adress[7]=='d') { imglink1 = 'web_images/Alarm_7.png'}

                    if (group=='RETTUNG') { imglink3 = 'web_images/rettung_3.png'}
                    if (group=='NAVI') { imglink3 = 'web_images/Alarm_16.png'}
                    if (group=='SIRENE') { imglink3 = 'web_images/Alarm_11.png'}
                    if (group=='SERVICE') { imglink3 = 'web_images/Alarm_6.png'}
                    if (group=='EINZELRUF') { imglink3 = 'web_images/Alarm_8.png'}
                    if (group=='FAHRZEUG') { imglink3 = 'web_images/feuerwehr_1.png'}
                    if (group=='TORSTEUERUNG') { imglink3 = 'web_images/einstellungen.png'}
                    if (group=='DATAFILE') { imglink3 = 'web_images/file.png'}
                    if (group=='WETTER') { imglink3 = 'web_images/regen.png'}
                    if (group=='SWISSPHONE') { imglink3 = 'web_images/herunterladen.png'}
                    if (group=='MESSAGE') { imglink3 = 'web_images/email.png'}
                    if (group=='SYSTEM') { imglink3 = 'web_images/settings.png'}
                    if (group=='KRANKENTRANSPORT') { imglink3 = 'web_images/krankentransport_1.png'}
                    if (group=='FEUERWEHR') { imglink3 = 'web_images/feuerloescher.png'}
                    if (group=='PROBE') { imglink3 = 'web_images/Alarm_12.png'}
                    if (group=='MULTIMASTER') { imglink3 = 'web_images/warnen.png'}
                    if (group=='HVO') { imglink3 = 'web_images/weste.png'}
                    if (group=='ARZT') { imglink3 = 'web_images/arzt.png'}
                    if (group=='DEBUG') { imglink3 = 'web_images/debug.png'}
                   
               
                   
        sammeln+=`<tr>    
            <td class="${col}"> ${adress}</td>
            <td class="${col}"> <img src="${imglink}"></td>
            <td class="${col}"> ${datum}</td>
            <td class="${col}"> ${adress}</td>
            <td class="${col}">  <img src="${imglink1}"></td>
            <td class="${col}"> ${beteichnung}</td>
            <td class="${col}">  <img src="${imglink3}"></td>
            <td class="${col}">  ${komune}</td>
            <td class="${col}">  ${hinweiss}</td>
            <td class="${col}"> ${wache}</td>
            <td class="${col}">  ${id}</td>
            <td class="${col}"> <img data-id="${id}"  class="momo" src="web_images/post.png"></td>
            <td class="${col}"> <img data-id="${id}"  class="loeschen" src="web_images/loeschen_2.png"></td>
           <!-- <td class="${col}">  ${mesage}</td></tr>-->
             `;

        }
        $('#scrollContent_unerledigt').html(sammeln);
        weiter();

    });    

    }
});

So sollte es ungefähr dann gehen , so spart man sich menge Datenvolumen wenn man nur was jolt wenn es sein muss

 hallo, habe angefangen deinen code zu übernehmen :-)

 hier im nodepad++ "siehe bild"  wird der text unten schwarz? da stimmt was nicht oder?


Angehängte Dateien Thumbnail(s)
   
Zitieren
#19
Nee, das ist schon richtig. Ich habe da keine Hochkommas benutzt, sondern die dünneren Hochkommas (Backsticks ) oder wie man die auch nennt , oder Template Sticks.

Das sieht in einigen Editoren halt falsch aus. Du siehst ja an mein Beispiel das es ja funktioniert
Hier sind alle meine Lösungen aus allen Foren. Ich helfe auch in Facebook-chat
Zitieren
#20
Hallo ich noch mal :-), musste erstmal was am Layout der Tabelle ändern.

Jetzt würde ich das ganze nochmals versuchen mit JavaScript zu erstellen!
Aber wie mache ich das mit der Navigation (pagination)?

Also Tabelle und Navigation mit JavaScript.
(pagination aktive) bekomme ich auch nicht hin.

https://oesoft.de

hier der Code:

Code:
<?php
include_once 'dbconnect.php';
header('Content-Type: text/html; charset=utf-8');

$limit = 20;

$page = isset($_GET['page']) ? $_GET['page'] : 1;
$start = ($page - 1) * $limit;
$result = $link->query("SELECT TelegramStorage.id, TelegramStorage.Address, TelegramStorage.Flags, TelegramStorage.Message, TelegramStorage.datum, TelegramStorage.unerledigt,
         TelegramDescription.address, TelegramDescription.bezeichnung, TelegramDescription.wache, TelegramDescription.color_n, TelegramDescription.hinweis, TelegramDescription.background_n,
         TelegramDescription.gruppe, TelegramDescription.kommune, TelegramDescription.kreis, TelegramDescription.bosmon FROM TelegramStorage
         JOIN TelegramDescription WHERE LEFT (TelegramStorage.Address, 7) = LEFT(TelegramDescription.address, 7) AND (TelegramDescription.bosmon = 1) AND (TelegramStorage.Flags = 1048576 OR
         TelegramStorage.Flags = 0 OR TelegramStorage.Flags = 537919488 OR TelegramStorage.Flags = 536870912) ORDER BY ID DESC LIMIT $start, $limit");
$TelegramStorage = $result->fetch_all(MYSQLI_ASSOC);

$result1 = $link->query("SELECT count(id) AS id FROM TelegramStorage JOIN TelegramDescription WHERE LEFT (TelegramStorage.Address, 7) = LEFT(TelegramDescription.address, 7)
                          AND (TelegramDescription.bosmon = 1) AND (TelegramStorage.Flags = 1048576 OR TelegramStorage.Flags = 0 OR TelegramStorage.Flags = 537919488
                          OR TelegramStorage.Flags = 536870912) ORDER BY ID DESC");
                         
$TelegramStorage_Count = $result1->fetch_all(MYSQLI_ASSOC);
$total = $TelegramStorage_Count[0]['id'];
$pages = ceil( $total / $limit );
$next = (int)$page + 1;
if ($next > $pages) { $next = 1; }

?>

<!DOCTYPE html>

  <html lang="de">
   <head>
    <title>monitorOESoft | Entwicklung</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="design.css" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    <script src="oesoft.js"></script>
    
   </head>
    <body>
     <div class="topnav">
      <ul class="topnav">
       <li><a class="active" onclick="unerledigt()">Unerledigte Einsätze</a></li>
       <li><a href="https://oesoft.de/oesoft/monitorOESoft.php">Laufende Einsätze</a></li>
       <li><a href="#news">Beendete Einsätze</a></li>
       <li><a data-toggle="modal" data-target="#myModal4">Pager</a></li>
       <li><a onclick="hilfe()">Hilfe</a></li>
      </ul>
     </div>
    
     <div class="table">
      <table class="table_unerledigt" id="table_unerledigt">
       <tbody id="table_unerledigt">
            <tr>
              <?php foreach ($TelegramStorage AS $ausgabe) :?>
               <td class="${col}" style="width: 90px"><?php echo $ausgabe['id']; ?></td>
               <td class="${col}" style="width: 35px">
                <?php if ($ausgabe['Flags'] == "1048576") { echo "<img src='image/air_interface.png'>" ; }
                      if ($ausgabe['Flags'] == "537919488") { echo "<img src='image/air_interface.png'>" ; }
                      if ($ausgabe['Flags'] == "0") { echo "<img src='image/network_interface.png'>" ; }
                      if ($ausgabe['Flags'] == "536870912") { echo "<img src='image/network_interface.png'>" ; }
                ?>
               </td>
               <td class="${col}" style="width: 160px"><?php echo $ausgabe['datum']; ?></td>    
               <td class="${col}" style="width: 90px"><?php echo $ausgabe['Address']; ?></td>    
               <td class="${col}" style="width: 35px">
                <?php if (substr($ausgabe['Address'],7) == "a") { echo "<img src='image/blaulicht.png'>" ; }
                      if (substr($ausgabe['Address'],7) == "b") { echo "<img src='image/limit.png'>" ; }
                      if (substr($ausgabe['Address'],7) == "c") { echo "<img src='image/info.png'>" ; }
                      if (substr($ausgabe['Address'],7) == "d") { echo "<img src='image/stop.png'>" ; }
                ?>
               </td>
               <td class="${col}"><?php echo $ausgabe['bezeichnung']; ?></td>
               <td class="${col}" style="width: 35px">
                   <?php if ($ausgabe['gruppe'] == "FEUERWEHR") { echo "<img src='image/feuerwehr.png'>" ; }
                      if ($ausgabe['gruppe'] == "RETTUNG") { echo "<img src='image/rettung.png'>" ; }
                      if ($ausgabe['gruppe'] == "NAVI") { echo "<img src='image/navi.png'>" ; }
                    
                ?>
               </td>
               <td class="${col}"><?php echo $ausgabe['kommune']; ?></td>
               <td class="${col}"><?php echo $ausgabe['hinweis']; ?></td>
               <td class="${col}"><?php echo $ausgabe['wache']; ?></td>
               <td class="${col}" style="width: 35px"> <button onclick="loeschen()" >Telegram</button></td>
               <td class="${col}" style="width: 35px"> <button onclick="loeschen()" >Löschen</button></td>
            </tr>
          <?php endforeach; ?>
       </tbody>
      </table>
     </div>
    
     <div class="table">
       <?php for ($i = 1; $i<= $pages; $i++) : ?>
        <li class="pagination"><a class="pagination" href="monitorOESoft.php?page=<?= $i; ?>"><?= $i; ?><a/></li>
       <?php endfor; ?>
     </div>
    </body>
  </html>


Angehängte Dateien
.php   monitorOESoft.php (Größe: 7,34 KB / Downloads: 0)
.js   oesoft.js (Größe: 626 Bytes / Downloads: 0)
.css   design.css (Größe: 21,46 KB / Downloads: 0)
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste