Hey Leute,

Ich versuche gerade einen Random Name Generator mit HTML/Javascript zu erstellen. Ich bin relativ neu, was das Thema Javascript angeht.
Ich habe mir einfach mal einen Beispielcode für einen Random Name Generator geholt und versucht das ganze selbst zu machen. Allerdings bekomme ich es nicht hin, dass Javascript mitspielt. Es passiert einfach nichts trotz Javascript. Wenn ich den ganze Code via codepen.io laufen lassen, funktioniert es einwandfrei. Hier mal der codepen.io link: https://codepen.io/Johnny3_3/pen/Exjdxom

Hier der Code, den ich in meiner HTML Datei/Javascript Datei stehen habe.

HTML:

Javascript:

Ich arbeite gerade an einem Schulprojekt, bei dem ich zwei Raspberry Pis habe. Der eine dient als Webserver und der andere hat eine Pi Kamera. Ruft man die Webseite auf, hat man die Möglichkeit auf einen Knopf zu drücken, wonach ein Foto mit dem zweiten Pi gemacht wird. Meine Frage lautet wie man genau dieses Foto auf den Webserver bekommt und sich das dann anzeigen lassen kann?
Noch ein paar Infos:

• Für den Webserver verwende ich Node.js
• Um ein Foto zu machen wird ein einfacher Shellbefehl ausgeführt
• Die Raspberry Pis befinden sich nicht im selben Netzwerk

Ich hatte schon ideen, wie z.b. eine ssh Verbindung aufbauen und den Befehl vom Webserver ausführen oder in einer Datenbank eine Variable auf true setzen und wenn diese Variable vom zweiten Pi ausgelesen wird, wird das Foto geschossen (Ich versuche jedoch polling zu vermeiden).

Wie würdet ihr soetwas umsetzen? Wie bekomme ich das Bild auf den Webserver?

Hallo da ich in Android Studio meine HTML und JS dateien einbinden will, tue ich dies über Webview. HTML funktioniert, aber JS geht nicht

ich habe dafür in der MainActivity das hier eingefügt

WebView view = new WebView(this);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl("file:///android_asset/index.html");
setContentView(view);

da ist zwar das view.getSettings().setJavaScriptEnabled(true); aber JS funkt trotzdem nicht. Danke im Vorraus!

Hey liebe GuteFrageNet-Community,

ich bastle gerade an einer Website, in der man eine Tabelle per Knopfdruck erweitern kann. Dies funktioniert soweit auch sehr gut, aber es wird nicht gespeichert, bzw. nur im Cache bei demjenigen, der den Knopfdruck ausgeführt und etwas hineingeschrieben hat.

Gibt es eine Möglichkeit, diese Tabelle zu "speichern" und es zu übernehmen?

Und noch eine weitere kleine Frage: In der Tabelle kann man wie oben schon beschrieben, etwas hineinschreiben. Wie kann man die Schriftfarbe dynamisch ändern? Also klar, mit type="color". Aber wie genau?

Hier der HTML und Javascript-Code:

<form method='post' name='first'>
  <table id='tab' border=5 id="box">
    <colgroup>
      <col width="40%">
      <col height="50%">
    </colgroup>
    <tbody>
      <th>Datum <br> Uhrzeit</th>
      <th>Map</th>
      <th>Ergebnis</th>
      <th>Spieler</th>
    </tbody>
    <tr>
      <td>
        <input id="changetext" type='text' type="color" name='Date' placeholder='Datum/Uhrzeit'>
      </td>
      <td>
        <input id="changetext" type='text' name='Map' placeholder='Map'>
      </td>
      <td>
        <input id="changetext" type='text' name='Result' placeholder='Ergebnis'>
      </td>
      <td>
        <input id="changetext" type='text' name='Player' placeholder='Spieler'>
      </td>
    </tr>
  </table>
  <br>
  <input type='button' value='neue Zeile' onClick='clone_this()'>
  <input id="changetext" type="color">
</form>
<script>
  var input = document.getElementById("changetext");
  var text = document.getElementById("text");

  input.addEventListener('change', function () {
    text.style.color = this.value;
  });
</script>

Ist es möglich einen Link mit einer Alertmeldung zu bestätigen, bevor man ihm folgt?

Ähnlich für Forms...

<form method="POST" onsubmit="return confirm('Sicher?');">

...hier muss eine Meldung mit "OK" bestätigt oder mit "Abbrechen" abgebrochen werden?

Lösung stelle ich mir irgendwie so vor...

<a href="xyz.html" onsubmit="return confirm('Wollen Sie dem Link folgen?');">

...klappt nur leider nicht!

Ich will eine txt-Datei über:

<input type="file">

mit JavaScript in eine Liste einlesen, ohne sie auf meine Webspace laden zu müssen.

Im Internet habe ich leider nichts gefunden, das mich weitergebracht hat, aber vielleicht könnt ihr mir helfen. Vielen Dank im Vorhinein.

    <form>
        <fieldset>
            <legend>Form:</legend>
            <br> Age:
            <input type="number" id="age" value="">
            <br>
            <br>
        </fieldset>
        <br>
        <br>
        <br>
        <input type="submit" value="Submit" onclick="Age()">
    </form>
    <script>
        function Age() {
            age = document.getElementsById("age");             
            if (age < 16) {                 alert("You are too young to play this game...");             } else {                
                 window.open("snake.html");
            }

        }
    </script>

Was ist hier das Problem?

Ich weiß, dass HTML eine Auszeichnungssprache ist, deswegen ja auch "Markup Language"😇

Hallo, ich möchte Selbstständiger Programmierer werden, da es die einzige tätigkeit ist, die mich wirklich erfüllt.

Ich habe bereits 2 Jahre erfahrung mit Java gesammelt, und nun möchte ich in einem Jahr soviel wissen ansammeln wie es nur möglich ist.

Meine Eltern haben mir einen Zeit puffer von einem Jahr gegeben, wo ich mich um die Selbstständigkeit kümmern soll.

Ich möchte in diesem Jahr so Gaß geben wie kein anderer. Mein Plan ist es Java,Unity, HTML,PHP,JavaScript und CSS zu "meistern".

Ich lerne schon seit 2 Wochen und komme langsam vorran.

Mein Plan bestand daraus:

6 Uhr aufstehen kurz duschen, dann lernen bis 13 Uhr.

13 Uhr kurz zum Sport um meinen Körper genau so fitt zu halten wie mein Geist.

14 Uhr nachhause wieder Duschen dann 1-2 Stunden Zocken/YT dann bis 19 Uhr weiter lernen. Dannach schaue ich weiter YouTube oder ich Zocke irgendwas.

So jetzt zur meiner Frage, wie viel kann ich mehr Lernen? Ich hatte vor das Zocken komplett aus meinem Leben zu schreichen, meine Sozialen kontakte alle Abzubrechen, um mich kontinuierlich auf das Lernen zu Konzentrieren.

Das heißt: schlafen, lernen, sport, lernen - return;

Komme ich damit schneller vorran? Ich möchte mein Ziel erreichen koste es was es wolle. Ich möchte aber auch kein BurnOut, damit ich immer weiter machen kann.

Wie soll ich mir meine Zeit einteilen, ich möchte mein Ziel erreichen, aber länger als ein Jahr hab ich nicht. Ich weiß das man als Selbstständiger Programmierer Geld verdienen kann, ich weiß auch wie ich das anstellen muss um damit Geld zu verdienen. Nur fehlt mir das nötige wissen in diesen Programmier sprachen.

Was sagt ihr dazu, sollte ich einfach so weiter machen oder mich mehr auf das Lernen konzentrieren.

Lern Tipps von erfahrenen Developer'n nehme ich mir jetzt auch bei denn Antworten zu herzen. alles andere natürlich auch!

Unnötiges Hintergrundwissen, wenn' es jemanden juckt - sonst einfach Skippen und Antworten:

Ich war bereits bei 8 - 9 Arbeitgeber, diese waren auch immer "nett". Nur fehlte mir immer was, oder mich störte etwas. Ich hab einfach gemerkt das, dass Arbeiten in der selben Täglichen Routine nichts für mich ist. Ich möchte mehr aus meinem Leben machen, kein Zahnrad sein, sondern die Ganze Uhr.

Nachdem ich meine letze Arbeit gekündigt hatte, da ich es nicht aushalte unter Affen zu Arbeiten, habe ich mich dazu Entschieden alles mögliche über Marketing zu lernen. Da kamm ich auf den Entschluss-

unten geht es weiter: (zeichenlimit erreicht)

Kann mir bitte jemand sagen wie ich mit JavaScript die Farbe des Hintergrundes von einem div ändere?

Ich habe es schon mal versucht mit

document.getElementsByClassName("div").style.backgroundColor = "red"

zu ändern, aber es funktioniert nicht.

Wie mache ich das?

Ich habe mir ein ganz einfaches Formular mit HTML erstellt, wenn ich dann aber den submit Button oder Enter drücke, wird die Seite einfach neu geladen. Woran könnte das liegen?

Hallo,

Ich würde gerne html css und js lerne. Ich bitte um:

1. Empfehlung für kostenlose videos oder lern aufgaben.
2. Buchempfehlung.

Vielen dank für eure Antworten

mfg. Florian P.

Ich brauch das für mein server

danke im voraus

MfG

für beide brauche ich keine großartige IDE installieren (was mir sehr entgegenkommt)

Hallo Leute,

ich brauche Hilfe bei dieser Arbeit.

1. Es sollen zwei Karten nebeneinander sein. Jedoch soll die rechte Karte eine Here-Map sein. Wie baue ich das in den Code ein (siehe unten)?

Sie müssen http://ivansanchez.gitlab.io/Leaflet.TileLayer.HERE/leaflet-tilelayer-here.js in einem <script>-Tag laden. Danach müsste es mit sowas hier gehen:

L.tileLayer.here({
  appId: 'ViVS62MmsdTJSzwXMlHb',
  appCode: 'bsODmSCzkVqEMR8TnGPHdw'
}).addTo(map);

Statt addTo(map) kommt natürlich der Name Ihrer rechten Karte hin.

appId und appCode sind hier aus dem Beispiel von Ivan Sanchez http://ivansanchez.gitlab.io/Leaflet.TileLayer.HERE/demo.html

________________

2. Außerdem soll die zweite Karte sozusagen synchron/parallel mit der linken Karte verlaufen:

Sie müssen, wenn der Benutzer in der linken Karte zoomt oder sie verschiebt, die rechte Karte aktualisieren. Dazu müssen Sie eine Funktion schreiben, die aufgerufen wird, wenn auf der linken Karte das "zoomend" oder "moveend"-Ereignis auftritt.

Also etwa

map1.on("zoomend", meine_funktion);

und dann in der meine_funktion können Sie auf der rechten Karte "setBounds" aufrufen, um die rechte Karte zu verschieben/zu zoomen. Das "setBounds" muss dabei den aktuellen Ausschnitt der linken Karte übergeben bekommen (getBounds).

_________________________________________________

<html>
  <head>
    <link rel="stylesheet" href="https: //unpkg.com/leaflet@1.4.0/dist/leaflet.css"></link>
    <script src="https: //unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
    <script src="http: //unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
    <script>
      function initMaps() {
        map = new L.map('meine_map');
        L.tileLayer('https: //{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
        let karlsruhe = new L.LatLng(49, 8.4);
        map.setView(karlsruhe, 12);
        map1 = new L.map('meine_map1');
        L.tileLayer('http: //{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png').addTo(map1);
        map1.setView(karlsruhe, 12);

        document.getElementById("suchen").addEventListener("click", suchen);
      }

      async function suchen() {
        let url = new URL('https: //nominatim.openstreetmap.org/search');
        url.searchParams.append('format', 'json');
        url.searchParams.append('q', document.getElementById("ort").value);

        let response = await fetch(url);
        let json = await response.json();
        let box = json[0].boundingbox;

        map.fitBounds([ [ box[0],box[2] ], [ box[1],box[3] ] ]);
        map1.fitBounds([ [ box[0],box[2] ], [ box[1],box[3] ] ]);
      }
    </script>
  </head>
  <body onLoad="initMaps()">
    <div id="meine_map" style="height: 360px; width: 360px;"></div>
    <div id="meine_map1" style="position: absolute; top: 9px; left: 375px; height: 360px; width: 360px;"></div>
    <input type="text" id="ort">
    <button id="suchen">Suchen</button>
  </body>

Anmerkung: Damit der GF-Editor die URLs nicht verfälscht, wurde im Protokoll stets ein Leerzeichen hinzugefügt.

Ich danke euch für die Hilfe im Voraus!

LG

Ich möchte in meiner app.js-Datei Werte aus meiner HTML-Datei benutzen. In meiner HTML-Datei ist ein TextFeld namens "search". Dazu will ich in app.js

var searchText = req.body.search

verwenden, um den Wert des Feldes zu bekommen. Das klappt aber nicht!

Hier mein app.js-Code:

var express = require("express");
var pg = require("pg");
var bodyParser = require("body-parser");
var CON_STRING = process.env.DB_CON_STRING;

if (CON_STRING == undefined) {
  console.log("Error: Environment variable DB_CON_STRING not set!");
  process.exit(1);
}

pg.defaults.ssl = true;
var dbClient = new pg.Client(CON_STRING);
dbClient.connect();

var urlencodedParser = bodyParser.urlencoded({ extended: false });
const PORT = 80;

var app = express();
app.set("views", "views");
app.set("view engine", "pug");
app.get("/search", urlencodedParser, function (req, res) {
  var searchText = req.body.source;
  console.log(searchText); //HIER IST DER FEHLER: Es spuckt "undefined" aus!

  dbClient.query("SELECT * FROM book LIMIT 50 ", function (dbError, dbItemsResponse) {
    res.render("index", {
      BookList: dbItemsResponse.rows
    });
  });
});
app.listen(PORT, function () {
  console.log(App listening on Port ${PORT});
});

Das

console.log(searchText)

gibt mir immer undefined zurück. Wenn ich in der HTML-Datei über ein Script den Wert vom Textfeld ausgebe, dann ist der das, was da drinnen steht. Nur mit req.body scheine ich nicht darauf zugreifen zu können. Ich bekomme immer undefined.

Was mache ich falsch? Wie kann ich es beheben? Hat jemand eine Idee?

Hallo,

ich möchte gerne die restliche Seite unscharf haben, wenn mein DIV-Formular offen ist. Wenn ich mein DIV aber schließe "Abbrechen", ist die ganze Seite weg. Ich vermute mal das es mit dem anzeigen und verstecken vom "overlay" DIV zusammenhängt, welcher auch die Unschärfe rein bringt.

HTML Part:

<html>
<header>
    <link rel="stylesheet" href="css/style.css">
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javashttps://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.jsquery.min.js"></script>
</header>

<body onload="startTime()"> <div id="overlay">

<div class="bsr"> <b> Besprechungsraum: </b> RR </div> <br>

<!-- --> <div id="ajaxdiv"> </div> <!-- -->

<br><br>

<div align="center" id="reservierungdiv"> <a href="#" class="btn_reservierung" onclick="openForm()">Reservierung</a> </div>

<?php include "connect/users.php"; ?>

</div> </body> </html>

CSS Part:

body {
    background-color: whitesmoke;
    /overflow: hidden;/
    z-index: 0;
}

#overlay{
    /display: none;/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 3;
    filter: blur(2px);
    visibility: hidden;
}

JS Part:

function openForm() {
    document.getElementById("myForm").style.display = "block";
    document.getElementById("overlay").style.display = "block"; <---
    startTimer();
}

function hideDiv() {
    document.getElementById('myForm2').reset();
    //$("#client")[0].reset();
    document.getElementById('myForm').style.display = 'none';
    document.getElementById("overlay").style.display = "none"; <---
}

JavaScript kennt man eigentlich aus dem Web. Es für die dynamische Gesaltung von Websites eingesetzt. Mit dem Framework Electorn können Desktop-Anwendungen in JavaScript entwickelt werden. Da läuft unter der Haube dann der Chromium-Browser und Node.js. Im Grunde ist eine Electron-Anwendung also eine lokale Website.

Das ganze hat dann ein paar kleine Nachteile: Wer schon einmal eine Electron-Anwendung genutzt hat, stellt schnell fest, dass die extrem viel Speicher verbrauchen und unheimlich langsam sind. Von den häufigen Sicherheitslücken, die entdeckt wurden, fange ich gar nicht erst an.

Ich finde es eine Seuche, dass diese komischen Hipster-Techniken aus dem Web den Desktop erobern wollen.

Gibt es also irgendwelche Vorteile, die Electron und hippe JavaScript Desktopanwendungen haben oder überwiegen die Nachteile.

hallo.... ich wollte Javascript lernen und habe meinen anfangs code geschrieben und nun wollte ich ihn ausführen (im englischen Run) aber bei mir gibt es nicht die Interaktion für Chrome oder sonst einem Browser. Es gibt keine einzige Möglichkeit während bei den Leuten in den Videos und auf manchen Frage Seiten die alle da sind... Wie bekomme ich die Interaktion hin ?

Ich möchte mein Impressum und meine Kontakt seite bei klick öffnen und über allem andern anzeigen lassen. Dass hab ich auch hinbekommen nur ich bekomm es nicht hin es wieder zu schließen wenn ich daneben klicke.