Javascript-forum

Durchsuche Foren

Foren-Statistiken

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

Komplettstatistiken

Benutzer Online

Momentan sind 57 Benutzer online
» 0 Mitglieder
» 54 Gäste
Bing, Facebook, Google

Aktive Themen

div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
26.04.2024, 16:40
» Antworten: 4
» Ansichten: 65

What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
26.04.2024, 07:58
» Antworten: 0
» Ansichten: 20

Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 377

Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: PrimoCenturio
22.04.2024, 14:15
» Antworten: 4
» Ansichten: 133

Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 123

Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 41

Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 387

FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 45

Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 186

Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 128

iframe im div

Geschrieben von: black79 - 15.07.2022, 13:35 - Forum: Html - Antworten (2)

hallo,

wieso passt sich das iframe height: 100% nicht an? habe es zum testen auf 500px gesetzt.

das zeil:
vier gleiche bildschirme (automatisch);
wird ein dbclick auf einen bildschirm ausgeführt, soll sich dieser vergößern width: 100% und height: 100%

https://oesoft.de/oesoft/monitorOESoft_C...gement.php

Code:
<div style="width: 100%; height: 100%">    

 <div id="webseite_1" style="padding: 5px; width: 50%; height: 100%; float: left">

  <iframe src="https://www.vermessung-sead.com/gis" style="height: 500px; width: 100%; padding: 5px"></iframe>

  <iframe src="https://www.dgg.bam.de/quickinfo/de/" style="height: 500px; width: 100%; padding: 5px"></iframe>

 </div>

 <div id="webseite_2" style="padding: 5px; width: 50%; height: 100%; float: right">

  <iframe src="https://störungsauskunft.de/stromausfall" style="height: 500px; width: 100%; padding: 5px"></iframe>

  <iframe src="https://google.de/" style="height: 500px; width: 100%; padding: 5px"></iframe>

 </div>

</div>

automatischer Zeilenumbruch

Geschrieben von: TheBrain04 - 13.07.2022, 20:10 - Forum: Javascript - Antworten (2)

	Ich habe folgendes Problem und zwar ich hab ein span mit einer gewissen länge und ein input Feld wenn das abgesendet wird wird dieser value in ein span gepackt doch wenn der Text länger ist als der span schaut es raus gibt es da eine Möglichkeit das wenn eine gewisse länge erreicht wird ein automatischer Zeilenumbruch gemacht wird? Code und Bilder an bei CSS code: HTML code: JS code:

array zugriff

Geschrieben von: black79 - 13.07.2022, 12:51 - Forum: Javascript - Antworten (4)

hallo,

ich würde gernen einen wert aus dem letzten array übernehmen. der index ist nicht bekannt! geht das?
es geht um den wert 241.

Zitat:{"new":1,"menge":241}

https://oesoft.de

Soundausgabe reagiert nicht und Anzeige wird nicht aktualisiert

Geschrieben von: Chris.P.M - 11.07.2022, 11:59 - Forum: Javascript - Antworten (3)

Hallo zusammen,

ich fange gerade mit HTML und Javascript an und versuche mich gerade daran, in einem <div>-Element zufällig ausgewählte Buchstaben in immer langsamer werdender Abfolge anzuzeigen. Bei jedem neuen Buchstaben soll ein Klack-Geräusch ausgegeben werden, damit der Eindruck eines sich drehenden Glücksrades entsteht. Der Vorgang soll ca. 7 Sekunden dauern und wird über eine while-Schleife gesteuert. Am Ende der Schleife ertönt ein "Ding"-Sound.
Leider passiert während dem Schleifendurchlauf in der Anzeige gar nichts und auch kein Klang wird ausgegeben. Erst am Ende der Schleife wird der letzte ermittelte Buchstabe angezeigt, ein einziges Klack-Geräusch ausgegeben (vermutlich das, das eigentlich vor Beginn der Schleife ertönen soll) und gleich darauf der "Ding"-Sound aus dem letzten Code-Abschnitt abgespielt.
Wenn ich den Code im Debugger Schritt für Schritt durchlaufe, funktioniert alles wie erwartet und auch die Konsolenausgabe ist korrekt. Auch der korrekte zeitliche Ablauf ist in der Konsole erkennbar, sodass mein Code prinzipiell wohl korrekt ist. Ganz offensichtlich fehlt aber die richtige Anzeige- und Soundsteuerung.
Über hilfreiche Tipps wäre ich sehr dankbar.

Hier der Code (die beiden Sounddateien findet ihr im Anhang, sie stammen von https://freesound.org/):

Code:
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script>

        function startCountdown() {

            const soundClack = new Audio('sounds/90384__tomkuhn__klack1.wav');

            const soundDing = new Audio('sounds/88656__blimp66__ding-delayed.mp3');

            let soundInterval = 50; // Start value of the interval

            const SOUND_INTVAL_INCR_FACTOR = 1.025; // Power factor by which the interval will be increased

            let totalTime = soundInterval; // Counts the elapsed duration of the countdown

            const TOTAL_TIME_MAX = 7000; // The minimum duration of the countdown

            let startTime; // The begin of the current interval

            let countdownFinished = false;

            const letterBox = document.getElementById("letterBox");

            // Initial clack sound to start the countdown

            soundClack.play();

            // Run the countdown

            startTime = new Date().getTime(); // Get the starting point of the current interval

            while (!countdownFinished) {

                let currTime = new Date().getTime(); // Get the current time stamp

                if (currTime - startTime >= soundInterval) {

                    if (totalTime < TOTAL_TIME_MAX) {

                        soundClack.play();

                        let letter = String.fromCharCode(Math.floor(Math.random() * (90 - 65 + 1)) + 65);

                        letterBox.textContent = letter;

                        console.log("After " + soundInterval + " ms: " + letterBox.textContent);

                        soundInterval = Math.round(Math.pow(soundInterval, SOUND_INTVAL_INCR_FACTOR));

                        totalTime += soundInterval;

                        startTime = new Date().getTime();

                    }

                    else {

                        soundDing.play();

                        letterBox.textContent = String.fromCharCode(Math.floor(Math.random() * (90 - 65 + 1)) + 65);

                        console.log("After " + soundInterval + " ms: " + letterBox.textContent);

                        countdownFinished = true;

                    } 

                }

            }

        }

    </script>

</head>

<body>

    <div id="letterBox" style="font-size: 80px; cursor: pointer" onclick="startCountdown()">

        A

    </div>

</body>

</html>

Cookie Ablaufzeit anzeigen

Geschrieben von: BastiBln - 10.07.2022, 13:53 - Forum: Javascript - Antworten (6)

	Hi, ich setze mit php einen Cookie, der nach einer Stunde abläuft. Ich möchte nun dem User die verbleibende Restzeit als Timer anzeigen. Wie macht man das mit js? Hab im Netz nichts passendes gefunden. Vielen Dank!

Seitentext mit Javascript in txt Datei speichern?

Geschrieben von: bernd - 09.07.2022, 06:37 - Forum: Javascript - Antworten (1)

Hallo,
ich muss aus einer Webseite bestimmte Textpassagen heraussuchen (kriege ich, wenn auch nervig, selbst hin)
und will Diese zur späteren Weiterverwertung in .txt Dateien auf dem Computer speichern.

Wie kann ich das simpel und einfach hinkriegen?

Sachen in der DOM zu suchen kriege ich halbwegs hin aber sonst habe ich da keine große Kenntnisse Undecided

Hintergrund des Ganzen:
Ich habe mein handy gewechselt.
Auf meinem alten Huawei habe ich über 200 Notizen/Memos drin.
Habe leider stets die Standard Memo App genutzt, die gar keine Backup oder exportfunktion hat (fiel mir natürlich erst jetzt beim "Umzug" auf).
Sodass ich da nichts zum neuen xiaomi handy exportieren kann.

Nun kann ich mir die backups aber im browser in der Huawei Cloud angucken.
Und DIE wiederum besteht aus html code, ich kann mir also mit viel javascript DOM Gesuche die Notizen zusammensuchen als Strings.

Nur wie sie aus dem browser raus in Textdateien bringen, das ist für den Anfang mein Hauptproblem Undecided

Darkmode lässt sich nicht togglen

Geschrieben von: Jonny Preis - 06.07.2022, 13:22 - Forum: Javascript - Antworten (3)

Guten Tag

Ich habe folgendes Problem,
Auf unserer Firma Webseite funktioniert der Darkmode nicht richtig bzw er lässt sich einfach nicht mehr toggln (Ist Fest auf ON gestellt)
Da ich relativ frisch in die Abteilung gerutscht bin, bin ich natürlich noch etwas unerfahren.
Ich verstehe den Code etwas und suche im Moment nach dem Fehler kann ihn aber nicht richtig finden.
Anbei der Code wo ich denke das der Fehler eventuell versteckt ist.
Vielleicht fällt euch ja direkt was auf.

MFG

Dark Mode
<input
id="mode_spc"
type="checkbox"
checked
disabled
data-toggle="toggle"
data-style="ios"
data-onstyle="warning"
data-offstyle="primary"
/>

localStorage.setItem("Messung_mode_spc", true);
$("#mode_spc").prop(
"checked",
JSON.parse(localStorage.getItem("Messung_mode_spc"))
);

$(document).ready(function () {
if ($("#mode_spc").prop("checked") == true) {
//alert("Checkbox is checked.");
dark();
} else if ($("#mode_spc").prop("checked") == false) {
//alert("Checkbox is unchecked.");
hell();
}

$("#mode_spc").change(function () {
if ($(this).prop("checked") == true) {
//alert("Checkbox is checked.");
localStorage.setItem("Messung_mode_spc", true);
location.reload();
dark();
} else if ($(this).prop("checked") == false) {
//alert("Checkbox is unchecked.");
localStorage.setItem("Messung_mode_spc", false);
location.reload();
hell();
}
});
});
var Hintergrundfarbe;

function dark() {
//standard = Highcharts.getOptions();
$(".merker-bg-dark").addClass("bg-dark");
$(".merker-bg-warning").addClass("bg-warning");
$(".merker-text-warning").addClass("text-warning");
$(".merker-border-warning").addClass("border-warning");
$(".merker-text-light").addClass("text-light");
$(".merker-bg-secondary").addClass("bg-secondary");
$(".merker-table-dark").addClass("table-dark");
$(".merker-border-warning").addClass("border-warning");

//$(".merker-border-warning").removeClass("border-primary");

$(".merker-table-secondary").removeClass("table-secondary");
$(".merker-hell-bg-warning").removeClass("bg-warning");
Highcharts.setOptions(thema);

$(".ui-dialog").addClass("bg-warning");
Hintergrundfarbe = "";
}

function hell() {
$(".merker-bg-dark").removeClass("bg-dark");
$(".merker-bg-warning").removeClass("bg-warning");
$(".merker-text-warning").removeClass("text-warning");
$(".merker-border-warning").removeClass("border-warning");
$(".merker-text-light").removeClass("text-light");
$(".merker-bg-secondary").removeClass("bg-secondary");
$(".merker-table-dark").removeClass("table-dark");

$(".merker-table-secondary").addClass("table-secondary");

$(".merker-hell-bg-warning").addClass("bg-warning");

$(".merker-border-warning").removeClass("border-warning");
//$(".merker-border-warning").addClass("border-primary");

Highcharts.setOptions(standard);
Hintergrundfarbe = "#FAFAFA";
}

windows.location URL

Geschrieben von: black79 - 06.07.2022, 09:00 - Forum: Javascript - Antworten (2)

hallo,

also ich befinde mich zum beispiel auf der url: https://oesoft.de/oesoft/monitorOESoft_u...php?page=7

jetzt möchte ich gerne meine tabelle löschen:

PHP-Code:
if(isset($_POST['table_loeschen'])){
   mysqli_query($link,'DELETE FROM TelegramStorage');   
   echo 'data_send_table_loeschen';
  exit;  
 } 

Code:
function request_tabelle() {

    $('#myModal5').modal('hide');

    dataString_request_loeschen = 'request_loeschen_ausfuehren='; 

    $.ajax({

        type: 'POST',

        url: 'alarmdb_unerledigt.php',

        data: dataString_request_loeschen,    

         success: function(response){

             if(response=='request_loeschen_ausfuehren'){

            window.reload("monitorOESoft_unerledigte_einsaetze.php");    

    }    

   }    

  });

 }

ergebnis: tabelle wird gelöscht aber die url: https://oesoft.de/oesoft/monitorOESoft_u...php?page=7 bleibt! kein wechsel nach :

Code:
window.reload("monitorOESoft_unerledigte_einsaetze.php");

SEO Company Tampa – Onalignmarketing

Geschrieben von: onalignmarketing - 04.07.2022, 10:49 - Forum: Hier dürft ihr Webung machen - Keine Antworten

	Some of the services offered by SEO Company Tampa are keyword research, link building, social media marketing, and pay-per-click advertising. They help websites rank higher in organic search results by optimizing the website's content, images, and other on-page elements. Contact us: 407-419-2405; Visit: https://www.onalignmarketing.com

SEO Company Miami – Onalignmarketing

Geschrieben von: onalignmarketing - 02.07.2022, 12:43 - Forum: Hier dürft ihr Webung machen - Keine Antworten

You need look no further than Onalign marketing if you want to get access to the best [b]SEO CompanyMiami[/b] . It is a reputable directory and new source for miami SEO that connects you with the top companies providing first-rate Miami SEO services. In order to help you identify the ideal Miami SEO agency partner who can assist you in achieving your goals while staying within your budget, we streamline your selection process with our rigorous screening procedure. [b]Contact us: 407-419-2405; Visit: https://www.onalignmarketing.com[/b]

Seiten (50): « Zurück 1 … 29 30 31 32 33 … 50 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken