Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.394
» Neuestes Mitglied: peterschulz
» Foren-Themen: 504
» Foren-Beiträge: 2.090

Komplettstatistiken

Benutzer Online
Momentan sind 131 Benutzer online
» 0 Mitglieder
» 129 Gäste
Bing, Yandex

Aktive Themen
Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: Sempervivum
Gestern, 18:26
» Antworten: 3
» Ansichten: 50
Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 82
Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 22
Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 341
FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 27
Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 150
Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 91
Variable aus Funktion zur...
Forum: Javascript
Letzter Beitrag: Kai_Behncke
27.03.2024, 14:58
» Antworten: 2
» Ansichten: 121
Probleme mit Canvas
Forum: Javascript
Letzter Beitrag: Sempervivum
27.03.2024, 09:28
» Antworten: 5
» Ansichten: 241
Bildauswahl Reset
Forum: Javascript
Letzter Beitrag: Sempervivum
25.03.2024, 05:38
» Antworten: 6
» Ansichten: 240

  JavaScript für Abschalten von Google-Analytics
Geschrieben von: alhai007 - 15.09.2022, 16:02 - Forum: Javascript - Antworten (3)

Hallo,

es geht um ein Script um den Besucher einer Website, die Möglichkeit zu geben, GA auszuknipsen. Hab da auch ein Script gefunden:

<script> 
// Umändern zu der UA-Nummer welche das Property hat 
var gaProperty = 'UA-XXXX-Y'; 

// Tracking deaktivieren wenn der Opt-Out Cookie existiert 
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf(disableStr + '=true') > -1) { 
window[disableStr] = true; 


// Opt-Out Funktion 

function gaOptout() { 
document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; 
window[disableStr] = true; 

</script>

Jetzt die Frage: was macht das Konstrukt: window[disableStr] = true;

Kann das jemand mal in ein paar einfachen Worten oder Sätzen erklären. Ich schätze mal, dass es ein Window-Objekt ist mit einem Arrayplatz namens disableStr ist!? Falls ja, was bezweckt die Zuweisung mit true?

Danke für Antworten + einen schönen Griuß
alias alhai007

Drucke diesen Beitrag

Star Erster Javascript-Code
Geschrieben von: prodliluk - 14.09.2022, 14:02 - Forum: Javascript - Antworten (6)

Hallo zusammen! 

Ich bin gerade dabei, mir etwas javascript anzueignen. 
Hatte für ein erstes Projekt folgende Idee: 

Dafür würde ich gerne ein Seite erstellen, die Bilder im Gitterlayout auflistet. Dabei soll es auch eine Suchleiste dafür geben (sobald die Suche gestartet wird, werden nur noch Bilder angezeigt, die mit dem Dateinamen (teils) übereinstimmen. 
Als kleines Obendrauf sollen nun auch Fotos, die man anklickt, ausgegraut werden und für späteres Öffnen der Seite auch wieder so geladen werden. 
Eine Skizze sieht dazu so aus:       https://imgur.com/a/2NiqIUW 

Ist die Umsetzung eher schwer oder machbar für einen Neuling. 
Falls es das ist, wie fange ich am besten an? 

Grüße!

Drucke diesen Beitrag

  Mehrere Values
Geschrieben von: Kekr91 - 14.09.2022, 06:17 - Forum: Javascript - Antworten (4)

Hallo Leute,
ich hoffe ihr könnt mir ein wenig auf die Sprünge helfen.
Vorab: bin kein gelernter Programmierer und bringe mir alles selbst bei Big Grin nur manchmal ist es sehr mühseelig mehrere Tage einfach zu keinem Ergebnis zu finden.

Ich bin dabei eine Liste zu erstellen mit Filtermöglichkeit.
Folgende Optionen:

Code:
<select id="idTyp">
    <option value="all">Alle Typen</option>
    <option value="Pflanze">Pflanze</option>
    <option value="Feuer">Feuer</option>
    <option value="Wasser">Wasser</option>
    <option value="Elektro">Elektro</option>
    <option value="Psycho">Psycho</option>
    <option value="Kampf">Kampf</option>
    <option value="Finsternis">Finsternis</option>
    <option value="Metall">Metall</option>
    <option value="Fee">Fee</option>
    <option value="Drache">Drache</option>
    <option value="Farblos">Farblos</option>
    <option value="Trainer (I)" value="Trainer (A)">Trainer</option>
    <option value="Spezial-Energie">Spezial-Energie</option>
</select>

<select id="idSeltenheit">
    <option value="all">Alle Stufen</option>
    <option value="häufig">häufig</option>
    <option value="nicht so häufig">nicht so häufig</option>
    <option value="selten">selten</option>
    <option value="selten, holo">selten, holo</option>
    <option value="ultraselten">ultraselten</option>
    <option value="selten, holo GX">selten, holo GX</option>
    <option value="selten, prisma-stern">selten, prisma-stern</option>
    <option value="selten, regenbogen">selten, regenbogen</option>
    <option value="selten, geheim">selten, geheim</option>
</select>

<input type="button" onclick="SearchData();" value="Filtern" />


Hier das ensprechende JS:
Code:
const table = document.getElementById("cardListTable");
const tr = table.getElementsByTagName("tr");

function SearchData() {

    var typ = document.getElementById("idTyp").value.toUpperCase();
    var seltenheit = document.getElementById("idSeltenheit").value.toUpperCase();

    for (i = 1; i < tr.length; i++) {
        
        var rowTyp = tr[i].getElementsByTagName("td")[2].textContent.toUpperCase();
        var rowSeltenheit = tr[i].getElementsByTagName("td")[3].textContent.toUpperCase();
        var isDiplay = true;

        if (typ != 'ALL' && rowTyp != typ) {
            isDiplay = false;
        }
        if (seltenheit != 'ALL' && rowSeltenheit != seltenheit) {
            isDiplay = false;
        }

        if (isDiplay) {
            tr[i].style.display = "";
        } else {
            tr[i].style.display = "none";
        }
    }
}

Mein Problem:
Ich möchte gerne bei dieser Option
Code:
<option value="Trainer (I)" value="Trainer (A)">Trainer</option>

mehrere Values einbinden.
Es gibt die Werte Trainer (I) , Trainer (A), Trainer (U), usw. und alle sollen mit dem Wert "Trainer" gleichzeitg angezeigt werden.

Wie kann ich das am besten bewerkstelligen?

Ich hoffe sehr auf eure Hilfe.
Vielen Dank

Drucke diesen Beitrag

  localStorage
Geschrieben von: reiner - 13.09.2022, 11:29 - Forum: Javascript - Antworten (1)

function cookieNO() {
  var now = new Date(); // Variable für aktuelles Datum
  var lifetime = now.getTime(); // Variable für Millisekunden seit 1970 bis aktuelles Datum
  var deleteCookie = lifetime +86400000; // Macht den Cookie 1 Tage gültig.
  now.setTime(deleteCookie);
  var enddate = now.toUTCString();
  if (localStorage.setItem("setCookieHinweis", "NO")) {   
  } else {
    localStorage.clickcount + " time(s).";
    localStorage.setItem = "setCookieHinweis = set; path=/; secure; expires=" + enddate;
  }    
  document.getElementById("cookie-popup").classList.add("hidden");
}


was mach ich hier falsch , nach den drücken des button soll der eintag im localerfolgen

Drucke diesen Beitrag

  Seiten-Content erhalten
Geschrieben von: Simuletsplay - 11.09.2022, 16:37 - Forum: Javascript - Antworten (4)

Hallo zusammen,

ich bin noch ein JS Anfänger und versuche derzeit folgendes:

Ich möchte gerne einen Seiten-Content (Beispiel: https://api.laut.fm/station/hyrisefm/listeners) als Variable in JS haben.
Wie kann ich das machen?

Im Internet bin ich auf folgenden Code gestoßen:



Code:
fetch("https://URL/file").then((r)=>{r.text().then((d)=>{let CONTENT = d})})





Damit der auch was ausgibt hab ich folgendes versucht:

Code:
var content = "";
fetch("https://api.laut.fm/station/hyrisefm/listeners")
.then((r)=>{r.text()
.then((d)=>{content = d})})

console.log(content);


Aber die Ausgabe bleibt leer.

Was kann ich da tun?

Woran liegt das?

Drucke diesen Beitrag

  Prüfen auf Dezimalzahl
Geschrieben von: h1ob - 09.09.2022, 20:31 - Forum: Javascript - Antworten (5)

Hallo zusammen,

ich bin noch recht neu in JS und versuche mich zurecht zu finden. Für ein kleines Skript in meiner Haus-Automatisierung habe ich mir eine kleine Funktion geschrieben, die mir eine Zahl auf zwei Nachkommastellen abschneidet. Runden war in dem Fall keine Option. Die Funktion funktioniert soweit wunderbar, außer es wird eine Ganzzahl übergeben. Dann werden nur die ersten beiden Stellen zurückgegeben.

Beispiel: 5103.151201200 wird zu 5103.15 wie gewünscht, aber 5103 wird zu 51, was natürlich nicht gewünscht ist.

Wie kann man das elegant lösen?

Code:
function CutFloat(str,val) {
    str = str.toString();
    str = str.slice(0, (str.indexOf(".")) + val + 1);
    return Number(str);   
}

Drucke diesen Beitrag

Tongue Syntax für Index
Geschrieben von: Louis1960 - 05.09.2022, 14:33 - Forum: Javascript - Antworten (1)

Sorry für die Frage. Benutze jedoch Javascript so selten, dass ich Hilfe brauche.
Ich habe ein Script in ASP, dass Input-Felder im Form während der Eingabe aktualisiert:

function SetMenge(pindex, pfeldname, pmenge)
{
    if (pfeldname=="menge1" && document.Maske.menge1.value==0) {document.Maske.menge1.value = pmenge;}
    if (pfeldname=="menge2" && document.Maske.menge2.value==0) {document.Maske.menge2.value = pmenge;}
    <<<usw.>>>
}

Wie kann ich statt des fixen Feldnamen "menge1" den Paramater Index in die Anweisung einbinden? So in der Art *'menge' & pindex*. Habe schon einige Versionen versucht, aber vergeblich.

Drucke diesen Beitrag

  D3 Zoom verschiedene Versionen
Geschrieben von: Dvdscot - 02.09.2022, 15:59 - Forum: Javascript - Antworten (3)

Hallo,

ich habe heute D3 kennen gelernt, denn ich muss bei einer Grafik zoomen können. Finde lauter Beispiele im Netz, sogar für verschiedene D3 Versionen. Je neuer desto "einfacher" soll es werden und ein Beispiel funktioniert nur mit V7, davor entweder nicht oder zeigt nicht mal ein Bild an. Man kann aber auch mit V3 und 4 schon zoomen.

Das Programm das ich vorgefunden habe ist auf V5 geschrieben. Soll ich also den Zoom so schreiben dass er für V5 funktioniert oder insgesamt auf V7 updaten? Könnte sein dass dann andere Funktionen nicht mehr funktionieren oder ist das abwärtskompatibel?

Drucke diesen Beitrag

  Felder aktualisieren mit Onchange/onblur
Geschrieben von: delfin - 02.09.2022, 09:15 - Forum: Javascript - Antworten (12)

Hallo Zusammen

Ich bin neu hier im Forum. Bin nicht sicher ob ich richtig bin oder nicht.

Ich habe ein Formular erstellt, welche 3 ComboBox Felder haben und 2 Eingabefelder. Klickt man auf Absenden, funktioniert das Formular korrekt.
Nun möchte ich, dass wenn jemand im Feld "Unterkunft" was auswählt, sich der Wert der Spalte "von" sich aktualisiert.
Ich dachte ich könnte dies mit einem einfachen JavaScript machen.
Der ganze Code des Formular habe ich euch auf den folgendem Link platziert.
Was muss ich ändern, dass das aktualisieren geht beim verlassen/ändern des Feld "Unterkunft".

Freundliche Grüsse
Yves

Drucke diesen Beitrag

  Select-Option & Video Source mit 2 Dateien
Geschrieben von: nimru - 25.08.2022, 17:57 - Forum: Javascript - Antworten (2)

Hallo

Ich stehe vor folgenden Problem.
Diese Variante funktioniert perfekt wenn alles in einer Datei steht.

<DIV class="media_DIV1">

<select id="auswahl1" class="select_style1">
<option value="" disabled selected hidden>Videos</option>
<option value="media/video1.mp4">Video1</option>
<option value="media/video2.mp4">Video2</option>
<option value="media/video3.mp4">Video3</option>
<option value="media/video3.mp4">Video4</option>
</select>

</DIV>



<DIV class="media_DIV2">

<script type="text/javascript">
$(document).ready(function()
{
$('video').attr('src',$("#auswahl1").val());
$("#auswahl1").change(function()
{
$('video').attr('src',$(this).val());
});
});
</script>

<video controls autoplay width="1000" height="600"><source src="media\previewvideo.mp4" type="video/mp4"></video>

</DIV>

Inhalt der functions.js für den Player die im Head Bereich includiert wird:
-------------
var trackList = document.querySelector("video").videoTracks;

trackList.onchange = function(event) {
  trackList.forEach(function(track) {
    updateTrackSelectedButton(track.id, track.selected);
  });
};

-------------

Aber wie sieht es aus, wenn der <DIV class="media_DIV1"> Container samt Inhalt in Datei1.html steht und der <DIV class="media_DIV2"> Container samt Inhalt in Datei2.html

Wie kann das Problem gelöst werden, dass die Select Auswahl in Datei1.html ein Video im HTML Player der in der Datei2.html steht auch wiedergibt?
Beide Elemente sind ja jetzt getrennt, da sie in je einer anderen Datei zu finden sind.
Ich habe das schon mit sämtlichen HTML include Varianten versucht, aber das funktioniert nicht.
Auf PHP will ich gänzlich verzichten und hoffe es gibt eine nicht allzu komplizierte Javascript Möglichkeit.

Drucke diesen Beitrag