Beiträge von Nightythehawk

Hallo Community,

derzeit erstelle ich mir meine eigene Homepage und versuche via iframe den Onlinestatus eines Twitch-Channels einzublenden.

Der iframe funktioniert in einem jsfiddle ohne Probleme, aber auf meiner Homepage wird der iframe überhaupt nicht angezeigt.

Der Übeltäter wird mein Caddyserver sein der den Zugriff auf Twitch und z.B. Twitter verhindert.

In einem anderen Beitrag hatte mir einer der Moderatoren den Grund genannt:

Zitat

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf * (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt).

Darauf hin habe ich das Plugin cors vom Caddyserver installiert und versucht wie folgt in mein Caddyfile zu integrieren:

*Domain* {
     root /var/www/
     log /var/log/caddy/aad.log
     errors /var/log/caddy/errors.log
     tls info@DOMAIN

     proxy /api localhost:8080/ {
                transparent
        }

cors / {
  origin https://www.twitch.tv
  origin https://twitter.com
  methods POST,PUT
  allow_credentials false
  max_age 3600
  allowed_headers X-Custom-Header,X-Foobar
  exposed_headers X-Something-Special,SomethingElse
}
}

Soweit funktioniert der Server und die Website wird angezeigt sowie der Proxy geht nur die Inhalte von z.B. Twitch lassen sich nicht abgreifen.
Ich hatte es auch mit cors * versucht aber ohne Erfolg.

Könnte mir jemand weiterhelfen?

Gruß Nighty

so einfach kann es sein..... Danke Sempervivum mal wieder für deine schnelle und kompetente Hilfe!

Hallo Community,

derzeit versuche ich bei meiner Tabelle die "headings" der Spalten anzupassen aber bekomme es nicht hin.

Beispiel:

http://jsfiddle.net/7rLk802h/

Die normalen Spalten wie Name und Username lassen sich anpassen, aber die Adressdaten sind in der JSON in einem weiteren Array hinterlegt.

Ich hatte folgendes bei Headings versucht:

headings: {
         name: 'Name',
         username: 'Username',
         address.street: 'Street'
       },

Aber ohne Erfolg.

Kann mir jemand einen Tipp geben wie ich die Überschriften der Tabellen anpassen kann?
Ich hatte nach einer Möglichkeit gesucht einen Alias zu verwenden, aber eigentlich ist Headings ja dafür da?!

Ein hilfreicher Tipp wäre nett, danke

Gruß Nighty

Ja das geht und die Daten werden angezeigt.

Wieder einmal danke für deine Hilfe!

Zwischenzeitlich hat ein Kollege es mit vuejs hinbekommen

Für alle die ebenfalls einen Lösungsansatz suchen:

https://jsfiddle.net/Nightythehawk/prLa8t4m/

Hallo Sempervivum,

danke für deinen Tipp.

Habe es jetzt mal versucht, aber ich glaube ich steuer die JSON Daten falsch an, kann sich jemand mal meinen Code anschauen?

http://jsfiddle.net/Nightythehawk/t8yep4dw/8/

An den Libraries dürfte es nicht liegen oder?

Hallo Community,

ich versuche mir derzeit eine Tabelle zu erstellen, die ihre Daten aus einer JSON Datei bezieht.

Derzeit klappt es nur mit statischen Daten die im Code hinterlegt sind (siehe fiddle).

https://jsfiddle.net/Nightythehawk/7zguwb5f/1/

Mein erster Ansatz war die getdata Funktion gegen fetchdata auszutauschen aber irgendwie klappt das nicht so ganz.

Testweise habe ich diese JSON Datei verwendet: https://jsonplaceholder.typicode.com/users die ich in irgendeinem anderen Beitrag gefunden habe.

Ist mein Ansatz richtig oder geht es auch mit Getdata eine externe JSON-Datei einzubinden?

Zitat von Nightythehawk

okay, funktioniert wenn die JSON lokal auf dem Server liegt! Danke

Wie bereits geschrieben basti1012

ja ist mein Link, von daher ist alles gut

okay, funktioniert wenn die JSON lokal auf dem Server liegt! Danke

PS: Wo hast du die Fehlermeldung gelesen?

Hallo Community,

derzeit versuche ich Daten aus einer externen JSON-Datei in meine Seite zu laden.

Leider wird auf der Seite nichts angezeigt, könnte sich jemand meinen Code mal anschauen und mir ein Tipp geben was ich prüfen sollte?

https://jsfiddle.net/1nzL8ugo/206/

Danke! werde ich mir anschauen.

Du hast ja recht, aber stell dich schonmal auf Fragen zur DB-Verknüpfung ein die mit Sicherheit in den nächsten Tagen kommen werden !!!

kommt wahrscheinlich von der mangelnden Erfahrung und der Angst alles nochmal neu zu machen und keine Ahnung ob es klappt man hält als Anfänger halt an etwas fest wenn es erstmal funktioniert

und wenn ich 150-200 Datensätze in eine Datei packe und dann via Abfrage darauf filtere?

Also "wenn" id:"5" dann gib den Datensatz aus....

Ein Kollege meinte, es sei nicht sinnvoll soviele Datensätze in eine Datei zu packen, könnt ihr dem zustimmen?

Die Datenbankanbindung war im späteren Optimierungsstep geplant^^ nachdem es erstmal läuft, aber wenn kein Weg daran vorbei führt.

Hallo Community,

auf die Gefahr hin dass ich nerve eine weitere Frage an euch.

Ich habe ungefähr 20-30 Daten mit jeweils 5-10 Datensätzen drin und möchte jetzt mir aus allen Datensätzen aus jeder Datei alle Datensätze anzeigen lassen die einen bestimmten Wert beinhalten wie z.B. auswahl:"1" und diese dann in einer Liste anzeigen lassen.

Wie ich die Liste anzeigen lasse, weiß ich nur nicht wie ich die Daten zusammenziehe.

Unter LInux würde ich einfach ein grep auf den Ordner machen und mir die entsprechenden Datensätze ziehen und formatieren wie ich es brauch, aber bei Javascript?!

Habe gesehen das es bei Angularjs auch die Möglichkeit zu grep'en gibt, aber ich sehe nicht das ich damit Datensätze aus mehreren Dateien ziehen könnte... .

Jemand eine Idee wonach ich mal googlen könnte?

okay, habe es selber hinbekommen!

<tr ng-repeat="x in records | filter : { Name: 'Ernst Handel'}">{{x}}</>

Nachtrag, spiele gerade mit dem Codebeispiel von w3schools.com herum.

Soweit hat das Script schon den gewünschten Effekt und filtert den Datensatz nach dem Filterwort!

Jetzt müsste ich es nur noch hinbekommen, dass nur "Name" abgefragt wird, das dürfte ja nicht so schwer sein (googlen.....).

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="myApp">

<table ng-controller="myCtrl" border="1">
<tr ng-repeat="x in records | filter : 'Futter'">{{x}}</>
  <td>{{x.Name}}</td>
  <td>{{x.Country}}</td>  
</tr>
</table>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [
    {
      "Name" : "Alfreds Futterkiste",
      "Country" : "GermanFuttery"
    },
    {
      "Name" : "Alfrglunds snFutterabbköp",
      "Country" : "Sweden"
    },
    {
      "Name" : "Centro comercial Moctezuma",
      "Country" : "Mexico"
    },
    {
      "Name" : "Ernst Handel",
      "Country" : "Austria"
    }
  ]
});
</script>

</body>
</html>

Hallo Community,

derzeit greift meine Seite auf verschiedene JS-Dateien zu und holt sich dort die Daten für eine Tabelle.

Soweit funktioniert alles, aber wenn ich jetzt 10 verschiedene Unterseiten mit verschiedenen Datensätzen (die aber alle gleich aufgebaut sind) erstelle, brauch ich für jede Seite eine eigene Datensatzdatei, zumal ich auf einer weiteren Seite gerne alle Einträge zusammenfassen möchte und mit einem Suchfeld die verschiedenen Datensätze filtern zu können.

Die Zusammenfassung funktioniert soweit ohne Probleme, nur müsste ich jetzt extra Aufwand betreiben und bei Änderungen oder Erweiterungen immer die Datei auf der Unterseite und die Zusammenfassung anzupassen.

Daher die Frage an euch, ist es nicht sinnvoller die Datensätze in einer Datei zu vereinen oder sollte man lieber splitten?

{
        index:3,
        autor: "xy",
        link: "",
        class:"z", 
        ...
        ob4:"4",
        description:"jjjjjjjjjjj"
}

Meine Unterseiten sind derzeit so aufgebaut, dass anhand des Indexes die einzelnen Datensätze in eine Tabelle geladen werden und man bequem weiter und zurückklicken kann.

Wenn ich jetzt die Datensätze in eine Datei packe, würden die Index-Einträge sich überschneiden und die unterschiedlichen Datensätze wären nicht mehr getrennt.

Kann ich alle Datensätze so filtern, dass mir nur alle "class" Einträge mit dem Inhalt "z" angezeigt werden?

Mein erster Ansatz wäre mit einer IF-Bedingung auf jeder Unterseite jeden Datensatz auf class: "z" zu prüfen und wenn true dann anzeigen.

Wenn aber irgendwann mal 100 Datensätze drin sind, weiß ich nicht wie performant das dann noch ist.

Ah okay, ja ne es geht!

Hatte nur enter gedrückt und da ist aber nichts passiert, nach F5 wurde der richtige Datensatz angezeigt.

Lässt sich auch ohne Probleme darauf verlinken! Daher danke für deine Hilfe.

online ja, aber die Seite ist im Wartungsmodus.

Den Code lade ich aus einer seperaten JS Datei in die Seite, kann es möglicherweise daran liegen?

<script type="text/javascript" src="/form/scripts/t4/jo.js"></script>

</body>

load type: no wrap bottom of body