Javascript-forum
Portal

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.433
» Neuestes Mitglied: seekerpleasure
» Foren-Themen: 506
» Foren-Beiträge: 2.098

Komplettstatistiken

Benutzer Online
Momentan sind 103 Benutzer online
» 0 Mitglieder
» 100 Gäste
Bing, Facebook, Google

Aktive Themen
div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
Gestern, 16:40
» Antworten: 4
» Ansichten: 60
What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
Gestern, 07:58
» Antworten: 0
» Ansichten: 15
Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 368
Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: PrimoCenturio
22.04.2024, 14:15
» Antworten: 4
» Ansichten: 132
Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 122
Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 40
Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 385
FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 44
Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 181
Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 124

  JavaScript auf der Seite unwirksam
Geschrieben von: MuadDib - 29.12.2022, 10:57 - Forum: Javascript - Antworten (3)

Hallo Leute,

folgendes Problem beschäftigt mich zur Zeit.Auf meiner Webseite funktioniert nicht einmal der einfachste Backlink den Ich mit JavaScript erstellt habe.

Security Policy steht auf [ script self ] sollte doch eigentlich funktionieren,eventuell hatte ja jemand das gleiches Problem ?

gruß und schöne Feiertage euch allen.

Drucke diesen Beitrag

  Hilfe für einen Noob
Geschrieben von: mipu72 - 28.12.2022, 13:37 - Forum: Javascript - Antworten (2)

Hallo, liebe Leute!

Ich hab von Javascript eigentlich gar keine Ahnung. Heute habe ich mir auf Basis eines Memoryspiels von Github und der Hilfe von ChatGPT ein Memoryspiel basteln lassen, das mit meinen eigenen Bildern funktioniert. Das Spiel funktioniert auch soweit. Ein Problem würde ich aber gerne noch lösen und ChatGPT kann mit hier leider nicht weiterhelfen Smile  Das Problem ist, dass wenn zwei Karten umgedreht werden, die nicht zusammen passen, dann sollen die Karten nach einer Sekunde wieder umgedreht werden - das passiert leider nicht.

Vielleicht ist ja jemandem von euch sehr langweilig und er schaut mal über meinen Code. Ich würde mich auf jeden Fall sehr freuen.

Code:
const selectors = {
    boardContainer: document.querySelector('.board-container'),
    board: document.querySelector('.board'),
    moves: document.querySelector('.moves'),
    timer: document.querySelector('.timer'),
    start: document.querySelector('button'),
    win: document.querySelector('.win')
}

const state = {
    gameStarted: false,
    flippedCards: -1,
    totalFlips: 0,
    totalTime: 0,
    loop: null
}

const shuffle = array => {
    const clonedArray = [...array]

    for (let index = clonedArray.length - 1; index > 0; index--) {
        const randomIndex = Math.floor(Math.random() * (index + 1))
        const original = clonedArray[index]

        clonedArray[index] = clonedArray[randomIndex]
        clonedArray[randomIndex] = original
    }

    return clonedArray
}

const pickRandom = (array, items) => {
    const clonedArray = [...array]
    const randomPicks = []

    for (let index = 0; index < items; index++) {
        const randomIndex = Math.floor(Math.random() * clonedArray.length)

        randomPicks.push(clonedArray[randomIndex])
        clonedArray.splice(randomIndex, 1)
    }

    return randomPicks
}

const generateGame = () => {
    const dimensions = selectors.board.getAttribute('data-dimension')

    if (dimensions % 2 !== 0) {
        throw new Error("The dimension of the board must be an even number.")
    }

    const images = ['assets/images/memo_01.jpg', 'assets/images/memo_02.jpg', 'assets/images/memo_03.jpg', 'assets/images/memo_04.jpg', 'assets/images/memo_05.jpg', 'assets/images/memo_06.jpg', 'assets/images/memo_07.jpg', 'assets/images/memo_08.jpg', 'assets/images/memo_09.jpg', 'assets/images/memo_10.jpg', 'assets/images/memo_11.jpg', 'assets/images/memo_12.jpg', 'assets/images/memo_13.jpg', 'assets/images/memo_14.jpg', 'assets/images/memo_15.jpg', 'assets/images/memo_16.jpg']
    const emojis = ['🥔', '🍒', '🥑', '🌽', '🥕', '🍇', '🍉', '🍌', '🥭', '🍍']
    const picks = pickRandom(images, (dimensions * dimensions) / 2)
    const items = shuffle([...picks, ...picks])
    const cards = `
    <div class="board" style="grid-template-columns: repeat(${dimensions}, auto)"> ${items.map(item => `
      <div class="card">
      <div class="card-front"></div>
      <div class="card-back">
      <img src="${item}" alt="memory game image">
      </div>
      </div>
      `).join('')}

      </div>
    `

    const parser = new DOMParser().parseFromString(cards, 'text/html')

    selectors.board.replaceWith(parser.querySelector('.board'))
}

const startGame = () => {
    state.gameStarted = true
    selectors.start.classList.add('disabled')

    state.loop = setInterval(() => {
        state.totalTime++

        selectors.moves.innerText = `${state.totalFlips} Spielzüge`
        selectors.timer.innerText = `Zeit: ${state.totalTime} Sekunden`
    }, 1000)
}

const flipBackCards = () => {
  const flippedCards = document.querySelectorAll('.flipped:not(.matched)')
  if (flippedCards[0].querySelector('img').src === flippedCards[1].querySelector('img').src) {
    flippedCards[0].classList.add('matched')
    flippedCards[1].classList.add('matched')
  } else {
    flippedCards[0].classList.remove('flipped')
    flippedCards[1].classList.remove('flipped')
  }
  state.flippedCards = 0
}

const flipCard = card => {
  if (card.classList.contains('flipped')) {
    return;
  }

    state.flippedCards++
    if (state.flippedCards === 2) {
  state.flippedCards = 0;
  flipBackCards();
}

    state.totalFlips++

    if (!state.gameStarted) {
        startGame()
    }

    if (state.flippedCards <= 2) {
        card.classList.add('flipped')
    }

    if (state.flippedCards === 2) {
    const flippedCards = document.querySelectorAll('.flipped:not(.matched)');
    const img1 = flippedCards[0].querySelector('img').src;
    const img2 = flippedCards[1].querySelector('img').src;

      if (img1 === img2) {
        flippedCards[0].classList.add('matched');
        flippedCards[1].classList.add('matched');
      }

      setTimeout(() => {
        flipBackCards();
        state.flippedCards = 0; // Hier setzen Sie den Zähler zurück auf 0
      }, 1000);
    }

    // If there are no more cards that we can flip, we won the game
    if (!document.querySelectorAll('.card:not(.flipped)').length) {
        setTimeout(() => {
            selectors.boardContainer.classList.add('flipped')
            selectors.win.innerHTML = `
                <span class="win-text">
                    Du hast gewonnen!<br />
                    Mit <span class="highlight">${state.totalFlips}</span> Spielzügen<br />
                    in <span class="highlight">${state.totalTime}</span> Sekunden
                </span>
            `

            clearInterval(state.loop)
        }, 1000)
    }
}

const attachEventListeners = () => {
    document.addEventListener('click', event => {
        const eventTarget = event.target
        const eventParent = eventTarget.parentElement

        if (eventTarget.className.includes('card') && !eventParent.className.includes('flipped')) {
            flipCard(eventParent)
        } else if (eventTarget.nodeName === 'BUTTON' && !eventTarget.className.includes('disabled')) {
            startGame()
        }
    })
}

generateGame()
attachEventListeners()
Drucke diesen Beitrag

  Benutzerdefinierte Stadtkarten erstellen
Geschrieben von: Hhase1 - 23.12.2022, 15:21 - Forum: jQuery UI - Antworten (1)

Hi, 
ich hätte mal eine simple Frage. Und zwar würde mich mal interessieren, welche Module man verwendet um benutzerdefinierte Stadtkarten zu erstellen, also das man sich seinen Ort so hinziehen kann, wie man ihn haben möchte und dann halt z.b. Farben und so ändern kann. So wie das die Seite Cartida anbietet. 
Danke euch und liebe Grüße! Big Grin

Drucke diesen Beitrag

  PHP im Modal
Geschrieben von: black79 - 20.12.2022, 10:56 - Forum: Php - Antworten (3)

Hallo, ich brauche noch ein paar Lösungsmöglichkeiten, ich liege mal wieder komplett falsch!

Also ich habe einen Button in einer Tabelle  mit (db ID) und Onclick Function (JavaScript).

Code:
<button value='$zahl' onclick=ticket(this) } $dis> $zahl</button>
Code:
function ticket(ele){
     var ticketID = ele.value;
      $('#myModal_TEXT').modal('show');
      document.getElementById('modal_ticket_id').innerHTML='<p><i class="glyphicon glyphicon-cloud-upload"></i> aktuelle Daten zu Ticket-ID : ' + ticketID;
    }

 Diese Funktion öffnet ein Modalfenster (funktoniert auch soweit) dort wird auch ID angezeigt.

Jetzt zu Modalfenster: (Bereich PHP)

wie bekomme ich die ID als Variable gespeichert? um die ID für die SQL Abfrage zu verwenden?



Code:
  <div class="modal" tabindex="-1" id="myModal_TEXT">
   <div class="modal-dialog">
    <div class="modal-content">
     <div class="modal-header">
      <h4 class="modal-title">TEST</h4>
       <h6 class="modal-title">TEST</h6>
        <br>
         <h5 class="modal-title">TEST</h5>
        </div>
       <div>
      <div class="alert alert-info" style="margin: 10px">
       <p id="modal_ticket_id"><i class="glyphicon glyphicon-cloud-upload"></i> aktuelle Daten zu Ticket-ID :  </p>
       <br>
        <?php
             // $test_new = preg_replace('/^0+/', $test);
         
           
           $text = mysqli_query($con,"SELECT monitord_pocsag.text FROM monitord_pocsag WHERE monitord_pocsag.id = '".$test."' ");
           $new = mysqli_fetch_array($text);
           $new = $new['text'];
           //echo "<textarea  rows=10 cols=80 disabled>".$new."</textarea>";
           
        
         ?>
      </div>
      </div>
       <div class="modal-footer">
        <button type="button" style="width: 110px" class="btn btn-secondary" onclick="myModal_TEXT()">SCHLIESSEN</button>
       </div>
     </div>
   </div>
  </div>
Drucke diesen Beitrag

Question Script Hilfe für Chrome - Event Keybind oder ausführend einer autohotkey datei
Geschrieben von: FrontEndler - 19.12.2022, 01:06 - Forum: Javascript - Antworten (15)

Hallöchen ich habe ein Problem.

Ich würde gerne mein Script erweitern, bin in Sachen Programmierung eine vollkommene Niete.
Klar, die ein oder andere Sache habe ich hinbekommen, aber mit meinem vorhaben scheitere ich gerade und trotz vielen Foren kriegt man irgendwie nirgends groß Hilfe, daher versuche ich es hier einmal. Ich hoffe und bitte vielmals um Hilfe.
Es geht um ein Script Addon für Chrome das sich Tampermonkey nennt. (Da der Bereich unten Leer ist, hoffe ich, dass ich hier richtig bin. Würde es auch gerne ohne Tampermonkey nutzen, nur dafür habe ich nicht die richtigen Kenntnisse, außer jemand hilft mir dabei Smile.)
Dort hat mir jemand ein gewünschtes Script geschrieben, welches ich dann mit Glück etwas erweitern konnte, einfach weil ich mich noch ein wenig mit Variablen auskannte.
Das war es aber auch und nun stehe ich auf dem schlauch.

Ich möchte:
Das das Script, nach dem erfolgreichen Neu Laden einer Webseite, einen Keybind ausführt.

Als Beispiel:
Heißt, das Script läuft, wartet... Event beginnt, Script führt den Reload aus (Seite lädt einmal neu), wartet paar Sekunden und drückt dann automatisch zb. STRG + ENDE.
Der Grund warum ich das möchte: Chrome erlaubt ja: Tastenkombinationen womit extension ausgelöst werden. Und genau das möchte ich damit erreichen.
Oder wäre es möglich, dass er dann ein Autohotkey-Skript ausführt? Denn das löst es auch aus.
Andere Möglichkeiten die zum selben Ergebnis führen, sind natürlich ebenso gerne gesehen Big Grin.

Script Ohne Versuch:


Code:
// ==/UserScript==
(function() {
    'use strict';
    document.title = "ReloadxRecord"
    const timeToWait = 15; // in seconds
    //waits a few seconds before checking if someone is live
    setTimeout(() => {
        // only check if channel isn't already live when the script started (main use for reloading the page if live)
        if (document.querySelector('.twilight-main .live-indicator-container') === null) {
            checkIfLive();
        }
        else {
            const current = new Date();
            const time = current.toLocaleTimeString("de-DE");
            console.log("                                                                          %c�� Reload was successful  ⌛⌛ " + time + " ⌛⌛  channel is live ��","background:green;color:#fff;font-size: x-large");
        }
    }, timeToWait * 1000);

    function checkIfLive() {
        if (document.querySelector('.twilight-main .live-indicator-container') !== null) {
            //reload page because channel is live:
            location.reload();
        }
        const current = new Date();
        const time = current.toLocaleTimeString("de-DE");
        console.log("                                                                         %c�� Channel is not live  ⌛⌛ " + time + " ⌛⌛  checking again... ��","background:red;color:#fff;font-size: x-large");
        setTimeout(() => checkIfLive(), timeToWait * 1000);
    }

})();

Probiert habe ich es so, was nur nicht funktioniert :S :

Code:
// ==/UserScript==
(function() {
    'use strict';
    document.title = "ReloadxRecord"
    const timeToWait = 15; // in seconds
    //waits a few seconds before checking if someone is live
    setTimeout(() => {
        // only check if channel isn't already live when the script started (main use for reloading the page if live)
        if (document.querySelector('.twilight-main .live-indicator-container') === null) {
            checkIfLive();
        }
        else {
            const current = new Date();
            const time = current.toLocaleTimeString("de-DE");
            console.log("                                                                          %c�� Reload was successful  ⌛⌛ " + time + " ⌛⌛  channel is live ��","background:green;color:#fff;font-size: x-large");
        }
    }, timeToWait * 1000);

    function checkIfLive() {
        if (document.querySelector('.twilight-main .live-indicator-container') !== null) {
            //reload page because channel is live:
            location.reload();
        }
        const current = new Date();
        const time = current.toLocaleTimeString("de-DE");
        console.log("                                                                         %c�� Channel is not live  ⌛⌛ " + time + " ⌛⌛  checking again... ��","background:red;color:#fff;font-size: x-large");
        document.onkeyup = function(e) {
            if (e.ctrlKey && e.which == 35) {;
            }
        }
        setTimeout(() => checkIfLive(), timeToWait * 1000);
    }

})();


Ich hoffe mir kann jemand die richtige Lösung geben, denn wie gesagt, ich habs probiert, aber mit null Programmierungskünsten wird das wohl nix. Zumal ich Arbeiten muss und schon 4-5 Tage daran versuche :S .

Ich bedanke mich vielmals

Grüße

Drucke diesen Beitrag

  Registrierung Defekt
Geschrieben von: - 17.12.2022, 21:03 - Forum: Fehler,Probleme mit den Forum ? - Keine Antworten

Wollte mich registrieren.
Beim Absenden des Formulars kam immer das Fenster mit Speichern untern..

Habe die Datei mal gespeichert und gehofft das mein Account trotzdem eröffnet wurde , war aber nicht so.-
Der Vorgang wurde 5-mal oder so mit anderen Namen ,E-Mails oder Einstellungen versucht ,hat aber nichts geändert.

Habe dann mein Handy benutzt und es lief sofort.


Der Desktop PC hat
den aktuellen Chrome Browser und Windows 8.

Beim Handy nutze ich auch Chrome , da lief es aber.

Hat einer die gleichen Probleme gehabt?
Bitte teilt mir mit, auf welches Gerät (Desktop-PC, Handy, Tablett oder andere) das Problem auf trat.

Welchen Browser habt ihr benutzt 
Was für ein Windows ist installiert.
Ist euch sonst was aufgefallen (Browser, Konsole, Fehlermeldungen oder sonstiges).

Drucke diesen Beitrag

  Warteseite während foreach-Schleife läuft
Geschrieben von: Lisa_33 - 17.12.2022, 16:23 - Forum: Php - Antworten (4)

Hallo Zusammen,

ich bin neu hier und beschäftige mich seit einiger Zeit mit PHP, was mir viel Freude macht:-).

Heute brauche ich bitte eure Hilfe:

Ich habe eine relativ einfache foreach-Schleife in PHP gebaut, die Daten aus der Datenbank ausliest.
Wenn die Seite aufgerufen wird ist sie erst mal für 20 - 50 sek. weiß (je nach Anzahl der Loops)
und dann kommt alles auf einmal.

Habe jetzt stundenlang recherchiert und ausprobiert, aber leider ohne Erfolg.
Ich habe gelesen, dass wohl Javascript und Ajax nötig sind, um hier eine vernünftige Anzeige zu
realisieren, aber leider habe ich keine Ahnung davon und verstehe auch nicht, wie das zu realisieren ist.

Es ist mir egal, ob ein Ladebalken kommt oder nur ein Hinweis "Daten werden geladen...", es soll recht einfach
sein und auch für mich nachvollziehbar.

Kann mir bitte Jemand von euch weiterhelfen?
Wäre super und ich bin echt dankbar für jeden Tipp.

Gruß
Lisa

Drucke diesen Beitrag

  button in Tabelle deaktivieren
Geschrieben von: black79 - 17.12.2022, 13:36 - Forum: Php - Antworten (7)

PHP-Code:
  echo "<tr>
     <td id=tab class=gruen>".$row['uhrzeit']."</td>
     <td id=tab class=gruen>".$row['kennung']."</td>
     <td id=tab class=gruen>".$sub."</td>
     <td id=tab class=gruen>".$row['bezeichnung']."</td>
     <td id=td1 class=graubut><button value=",$zahl," onclick=ticket(this)  if (row['idea_v'] === 1) { echo 'disabled' >".$zahl."</button></td>
        </tr>";
 } else { 

 Hallo mein Problem liegt hier :

PHP-Code:
if (row['idea_v'] === 1) { echo 'disabled' 

 wie muss ich den Code einsetzen?  (" ") geht nicht! ( ",  ,") geht auch nicht

Fehlermeldung : Parse error: syntax error, unexpected token "if", expecting "," or ";"

Drucke diesen Beitrag

Wink bei Eingabe etwas erzeugen
Geschrieben von: fidel.r - 14.12.2022, 22:35 - Forum: Php - Antworten (1)

Hallo, bitte um Starthilfe  Rolleyes  
bin absoluter Anfänger.

Hab mir jetzt eine kleine html Seite oder Dokument (wie heißt es richtig!?) gebastelt mit Überschrift etc.

Jetzt hätte ich gerne eine Funktion und zwar 

wenn ich eine Eingabe tätige soll eine automatische  Ausgabe erscheinen.

z.B.

Eingabe im ersten Feld "25a" dann soll automatisch in einem zweiten Feld "b3" erscheinen.

Wie geht das nur ??  Huh Huh

besten dank im Vorraus...

Drucke diesen Beitrag

  toggl mit getElementById ohne jquery
Geschrieben von: madmaxy - 14.12.2022, 22:34 - Forum: Javascript - Antworten (9)

Hallo,

gibt es die Möglichkeit ein simples toggl javascript ohne jquery zu erstellen.

ich würde gerne durch die inclick function Elemente anzeigen/ausblenden lassen. Wichtig: Diese Elemente hätte eine andere id

Drucke diesen Beitrag