Javascript-forum
Portal

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.395
» Neuestes Mitglied: marcos8057
» Foren-Themen: 504
» Foren-Beiträge: 2.090

Komplettstatistiken

Benutzer Online
Momentan sind 59 Benutzer online
» 1 Mitglieder
» 57 Gäste
Bing

Aktive Themen
Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: Sempervivum
18.04.2024, 18:26
» Antworten: 3
» Ansichten: 52
Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 84
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: 342
FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 28
Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 152
Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 92
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: 244
Bildauswahl Reset
Forum: Javascript
Letzter Beitrag: Sempervivum
25.03.2024, 05:38
» Antworten: 6
» Ansichten: 242

  Zeit einer Datei listen
Geschrieben von: Erhy - 28.07.2022, 17:02 - Forum: Javascript - Antworten (6)

Hallo,
ich öffne eine Datei mit einem Element

Code:
<input type="file" id="o" name="files[]" onchange="f(this)"/>


in


Code:
function f(e) {
const file = e['files'][0];
let d = file.lastModifiedDate; :huh:
let dS = d.toLocaleDateString() + " " + d.toLocaleTimeString();
console.log(dS); // 7/22/2022 2:08:47 PM
}

mit
7/22/2022 2:08:47 PM bin ich sehr unzufrieden.
Besser wäre eine Anzeige wie im Windows Datei-Explorer
22.7.2022 14:08
Dies mit Chrome unter Windows 10 Prof. Deutsch eingestellt auf die Benutzersprache Englisch-US
Ansonst die Region Settings wie in Deutschland üblich.

Das Script sollte international verwendbar sein.

Wie wäre das Problem zu lösen?

Danke für die Diskussion
Erhy

Drucke diesen Beitrag

  tabelle scrollen
Geschrieben von: black79 - 24.07.2022, 10:27 - Forum: Css - Antworten (1)

hallo,
wenn ich durch meine tabelle scrolle, scrolle ich durch die zeilen hindurch.
würde aber lieber von zeile zu zeile scrollen.

hat einer eine idee?

Drucke diesen Beitrag

  Replace Anführungszeichen setzen
Geschrieben von: Tobbser - 22.07.2022, 15:27 - Forum: Javascript - Antworten (6)

Hallo zusammen 

Ich bin neu hier im Forum, Servus erstmal…

Ich hab schon die ein oder andere Hilfestellung hier mitgelesen und Stolper auch gleich mal mit einem Problem hier rein.

Ob mein Anliegen in diesem Thema richtig ist werden wir sehen. 

Zu meinem einfach Problem!
Ich muss in einem replace doppelte Anführungszeichen oben setzen. 
Die Daten kommen aus einem JSON und enthalten ein \“ welches meine spätere Datasource aber nicht verarbeiten kann.

Bestimmt ganz einfach, Blick es nur nicht 🤪

  var DataSourceObj2 = DataSourceObj.replace(/\"/g,  "?");


function OnSerieClick(e){
        console.log((kendo.format("event :: seriesHover ({0} : {1} : {2})", e.series.name, e.value, e.category)));
       
        var detailYear =
        {
                  data: encodeURIComponent(JSON.stringify(e.series.name+"#"+e.category))
                  };
                .CallRule('~/1/Grid/MAChartDetail', detailYear, function (result){
                
                    var data2; 
                    
                    var _result2 = JSON.parse(result.replace(/\\n|\\r/g, ''));
                    var DataSourceObj = _result2._newdata;
                    var DataSourceObj2 = DataSourceObj.replace(/\"/g,  "?");
                   
 
 
                    $(document).ready(function () {
                        $("#grid").kendoGrid({
                            dataSource: DataSourceObj2,
                        });
               
                       
                        var grid = $("#grid").data("kendoGrid");
                        grid.setDataSource(DataSourceObj2);
                    });
   });

Drucke diesen Beitrag

  Script läuft nicht auf neuer Seite?
Geschrieben von: bernd - 22.07.2022, 15:10 - Forum: Javascript - Antworten (6)

Hallo,
ich nutze Tampermonkey in chrome und wollte diesen Code nutzen:

Code:
// ==UserScript==
// @name         blabla
// @namespace    blabla
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match *
// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
// @run-at        document-end
// @grant        none
// ==/UserScript==

$(document).ready(function(){

    let urlhier = location.href;
    const reggooglemain =/https?:\/\/(www\.)?google.de(\/)?/;
    const reggoogleres=/https?:\/\/(www\.)?google.de(\/)search\?q\=.*/;
    //https://www.google.de/search?q=abc

    if(urlhier.match(reggooglemain)){google();return;}
    if(urlhier.match(reggoogleres)){location.reload();googleres();return;}


    async function google(){
        var ranstring=getrandomstring();
        location.replace("https://www.google.de/search?q="+ranstring);
    };

    async function googleres(){
        var links=document.querySelectorAll("a[href]");
        var wind=null;

        for(let i=0;i<3;i++){
            console.log("links[i]="+links[i]);
            wind=window.open(links[Math.floor(Math.random()*links.length)].href);
            //loop for
            //sleep
            //scroll
            for(let i=0;i<4;i++){
                try{
                    wind.scrollTo(200, 0);
                    await sleep(300);
                    wind.scroll(0,0);
                }catch(e){}

            }
            wind.close();
        }

    };

}
                 );



function getrandomstring() {
    var h=Math.floor(Math.random()*9);
    var result = '';
    var charactersup = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    var characterslow='abcdefghijklmnopqrstuvwxyz';
    result = result+charactersup.charAt(Math.floor(Math.random() *
                                                   charactersup.length));

    for ( var i = 1; i < h; i++ ) {
        result += characterslow.charAt(Math.floor(Math.random() *
                                                  characterslow.length));
    }
    return result;
}

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}
Im Kern soll es Folgendes machen:
Falls die vorl,iegende Seite http://google.de ist, dann wechsle zur Seite mit gleicher URl und hinten einem /search?q=hierstehteinString dran.
kurz das,w as rauskommt wenn man in google nach was sucht.

Nun ruft mir das Skript zwar von der google hauptseite wi gewünscht auch eine passende Ergebnisseite auf, dort wird mir aber am Tampermonkeyzeichen angezeigt dass das Skript hier nicht angewendet wird bzw. überhaupt nicht anwendbar ist.

Aber woran liegt es?
Ich lasse es mit
Code:
//@match *
sprichwörtlich überall ausführen und der Regex Ausdruck sollte, hoffentlich , auch passen.

Woran scheitert es hier?

Und bitte, bitte, lass die Antwort nicht der "Same Origin Policy" Bullshit sein, wegen dem Mist vemreide ich shcon extra das simple window.open Undecided

Drucke diesen Beitrag

  Mobile Menü schließt beim Click nicht
Geschrieben von: billywebber - 21.07.2022, 08:16 - Forum: Javascript - Antworten (1)

Guten Morgen zusammen, 

beim Aufruf eines mobilen Menüs läuft an sich alles gut, nur nach dem Klick auf die Verlinkung (OnePager mit Anker) schließt sich das Menü nicht automatisch. Hat hier vielleicht jemand einen Tipp, wie dies machbar ist? Vielen Dank im Voraus! 

Code:
(function ($) {
    'use strict';
    $( document ).ready(function() {
        $('.menu-mobile-nav-button').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        $('.smartic-overlay, .mobile-nav-close').on('click', function (e) {
            e.preventDefault();
            $('html').toggleClass('mobile-nav-active');
        });

        var $menu_mobile = $('.handheld-navigation');

        if ($menu_mobile.length > 0) {
            $menu_mobile.find('.menu-item-has-children > a, .page_item_has_children > a').each((index, element) => {
                var $dropdown = $('<button class="dropdown-toggle"></button>');
                $dropdown.insertAfter(element);
                $dropdown.on('click', function (e) {
                    e.preventDefault();
                    $dropdown.toggleClass('toggled-on');
                    $dropdown.siblings('ul').stop().slideToggle(400);
                });
            });
        }
    });
})(jQuery);
Drucke diesen Beitrag

  Random picture element für den body
Geschrieben von: centershock2302 - 19.07.2022, 16:04 - Forum: Javascript - Antworten (3)

Hallo zusammen,

meine JavaScript-Kenntnisse sind leider nicht die besten und ich habe schon eine ganze Weile nach einer Lösung gesucht, nichts passendes gefunden.
Ich möchte in Wordpress ein Script einbinden was mir verschiedene Bilder als picture element zufällig darstellt. Für die Einbindung von Javascript im Body, habe ich hoffentlich schon das passende Plugin gefunden ...

Hier mal ein Beispiel anhand von drei Fotos, die zufällig angezeigt werden sollen. Ich verwende zwei verschiedene Fotos, das zweite ist für Mobile optimiert.

<!-- random Foto 1 -->
<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bild-SPS-desktop-1.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bild-SPS-mobile-1.jpg">
</picture>


<!-- random Foto 2 -->
<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bild-SPS-desktop-2.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bild-SPS-mobile-2.jpg">
</picture>


<!-- random Foto 3 -->
<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bild-SPS-desktop-3.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bild-SPS-mobile-3.jpg">
</picture>

Wäre super, wenn einer weiß, wie man das umsetzen könnte, bzw. mir einen Link schicken würde!

Beste Grüße
Markus

Das hatte ich gefunden und dachte es könnte funktionierten. Leider nein. Oder liegt es vielleicht am Plugin?

<script type="text/javascript">
var images = [],
index = 0;
images[0] = "<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bilder-SPS-ts-01.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bilder-SPS-mobile-ts-01.jpg">
</picture>";
images[1] = "<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bilder-SPS-ts-02.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bilder-SPS-mobile-ts-02.jpg">
</picture>";
images[2] = "<picture>
<source media="(min-width:768px)" style="width: 100%; height: 31.25%; max-width: 1920px;" srcset="/uploads/2022/07/Header-Bilder-SPS-ts-03.jpg">
<img class="attachment-post-thumbnail size-post-thumbnail wp-post-image" src="/uploads/2022/07/Header-Bilder-SPS-mobile-ts-03.jpg">
</picture>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
</script>

Drucke diesen Beitrag

  Swiper Slide Activ ID auslesen
Geschrieben von: bosko - 18.07.2022, 08:17 - Forum: Javascript - Antworten (2)

Hallo,

ich nutze den Swiper Slider und habe in meinen Zeilen eine ID eingefügt und wollte diese per Bottom auslesen,
leider zeigt er mir nur die erste ID an, wenn ich Slide bekomme ich dann auf der zweiten ID "undefined" angezeigt:
hier mein auszug vom Code:

Code:
<div class="swiper-wrapper" id="swiper-wrapper-85705781c4149f29" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(-1920px, 0px, 0px);">
            <div class="swiper-slide swiper-slide-prev" id="1" style="width: 1920px;" role="group" aria-label="1 / 2">...
            <div class="swiper-slide swiper-slide-activ" id="2" style="width: 1920px;" role="group" aria-label="2 / 2">...
habe den Code Verkürzt, meine Abfrage:

Code:
    function toggleBooking() {
        var x = document.getElementById("booking");
        if (x.style.display === "none") {
        var id = $(".swiper-wrapper").find(".swiper-slide-active").attr('rol');
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
        console.log(id);
    }
in der Console gibt er mir nur die erste ID aus, wie kann man das schreiben das er beim wechsel auch die zweite ID ausgibt.

Gruß

Drucke diesen Beitrag

  JS onclick-Function wird beim Seite laden ausgeführt
Geschrieben von: IncepTer - 17.07.2022, 18:24 - Forum: Javascript - Antworten (2)

Hallo Freunde,

ich bin recht neu in Sachen Javascript und will mich eigentlich nur behelfsmäßig für meinen kleinen heimischen Webserver durch-wurschteln. Gerade jedoch bin ich an einem Punkt, wo ich nur maximal verwirrt bin. Vielleicht könnt ihr mir ja mal helfen:

Kurz zur Idee und zum Problem:

Ich möchte auf der Seite einfach auf einen Button drücken, welcher dann per Javascript eine php-Funktion aufruft, welche ein
UPDATE-Befehl in die MySQL Datenbank schiebt und dadurch wird dann an der Webcam ein neues Bild gemacht.

Wenn ich die Seite nun (neu)lade, dann wird der Code ausgeführt und ich sehe, wie "bild_aufnehmen" auf 1 gesetzt wird (es kommt aber keine aleart-Meldung).
Klicke ich nun bewusst auf den Button, kommt der Hinweis: "Es wird ein neues Bild gemacht.", aber der Rest wird irgendwie
nicht mehr ausgeführt. Der php/MySQL Code ist richtig und funktioniert allein auch, nur hier ist irgendwie alles anders...
Ich probiere nun schon seit 2 h und sehe keine Idee mehr.

Danke für eure Hilfe Smile

Die index.php:

PHP-Code:
function Bild_Aufnehmen()
{
 echo "Es wird ein neues Bild gemacht.";
 $pdo = new PDO('mysql:host=xxxx;dbname=xxxx', 'xxxx', 'xxxx');
 $stmt2 = $pdo->prepare("UPDATE server_check SET bild_aufnehmen = 1 WHERE 1");
 $result2 = $stmt2->execute();
} 

Darin ist im html-Teil:
Code:
<!DOCTYPE html>
<html>
<head>
<script>
function js_Bild_Aufnehmen(){  alert("<?php Bild_Aufnehmen(); ?>");}
</script>
</head>
<body>
<h3>Steuerelemente</h3>
<button type="button" onclick="js_Bild_Aufnehmen();">Bild aufnehmen</button>
</body>
</html
Drucke diesen Beitrag

  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>
Drucke diesen Beitrag

  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:
   

Drucke diesen Beitrag