Unbeantwortete Themen | Aktive Themen Aktuelle Zeit: So 21. Okt 2018, 15:36



Auf das Thema antworten  [ 6 Beiträge ] 
Uhr einbinden Website 
Autor Nachricht

Registriert: Fr 5. Aug 2016, 12:19
Beiträge: 15
Hallo zusammen,

ich verzweifel zurzeit daran eine simple Uhr auf der Website einzubinden. Ich hab mich schon durch sämtliche Anleitungen gequält aber ich komm einfach nicht dahinter, wo ich was und wie einfügen muss.
Ich hoffe, dass mir das ganze jemand erklären kann.



Gruß
Philipp


Do 23. Nov 2017, 22:07
Profil

Registriert: Mo 28. Okt 2013, 21:38
Beiträge: 150
Hi,

wo soll die Uhr denn erscheinen? Bei der Einsatz Ansicht oder im "Keine Einsätze"?
mit Firefox-Plugins wie Webdeveloper etc. kann man den Quelltext untersuchen, dann findet man die Stelle eher, und hilft auch bei Fehlern im Code.


Do 23. Nov 2017, 22:17
Profil

Registriert: Fr 5. Aug 2016, 12:19
Beiträge: 15
In der Einsatzansicht.
Ich gehe mal davon aus, dass ich den Code in der index.js einbinden muss und dann das ganze irgendwie auf der Website, oder bin ich da auf dem Holzweg?

Gruß
Philipp


Do 23. Nov 2017, 22:30
Profil

Registriert: Mo 28. Okt 2013, 21:38
Beiträge: 150
\Areas\Display\Views\Alarm\Index.cshtml
In dieser Gegend...
<!-- Pane to be displayed otherwise -->
<div id="paneOperation" ng-hide="result.op == null">

am besten einfach erst einmal "händisch" die richtige Stelle heraussuchen und formatieren, und dann das script...


Do 23. Nov 2017, 23:17
Profil

Registriert: Fr 5. Aug 2016, 12:19
Beiträge: 15
Nun hats geklappt :)
Sollte noch jemand sowas in die Richtung vorhaben hier die Lösung:

In der Index.cshtml nach
Code:
@section scripts {
folgendes einfügen:
Code:
<script type="text/javascript">
    'use strict';
    (function () {
        function uhrzeit() {
            var jetzt = new Date(),
                h = jetzt.getHours(),
                m = jetzt.getMinutes(),
                s = jetzt.getSeconds();
            m = fuehrendeNull(m);
            s = fuehrendeNull(s);
            document.getElementById('uhr')
                .innerHTML = h + ':' + m + ':' + s;
            setTimeout(uhrzeit, 500);
        }

        function fuehrendeNull(zahl) {
            zahl = (zahl < 10 ? '0' : '') + zahl;
            return zahl;
        }
        document.addEventListener('DOMContentLoaded', uhrzeit);
    }());
</script>


Dann in der area-alarm-index.css folgendes einfügen:
Code:
#uhr {
    font-size: 1.0em;
    color: #FFFFFF;
    font-weight: bold;
}

Hier kann die Uhr bliebig formatiert werden.

Wenn das alles gemacht ist kann die Uhr mit
Code:
<p id="uhr"></p>
an der gewünschten Stelle zwischen
Code:
<!-- Pane to be displayed otherwise -->
<div id="paneOperation" ng-hide="result.op == null" >
.
.
.
.
</div>
eingefügt werden.

Evtl. hilft es ja jemanden.

Gruß
Philipp


Fr 24. Nov 2017, 12:18
Profil
OpenFireSource-Team

Registriert: So 28. Okt 2012, 01:08
Beiträge: 1246
Danke für Dein Feedback :D

_________________
Gruß Christian

Projektleitung
--------
Kein Support via PN!


Fr 24. Nov 2017, 14:21
Profil Website besuchen
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Auf das Thema antworten   [ 6 Beiträge ] 

Wer ist online?

Mitglieder in diesem Forum: Bing [Bot] und 4 Gäste


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
cron
Powered by phpBB® Forum Software © phpBB Group
Designed by ST Software for PTF.
Deutsche Übersetzung durch phpBB.de