Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.429
» Neuestes Mitglied: rodrurofyi
» Foren-Themen: 505
» Foren-Beiträge: 2.094

Komplettstatistiken

Benutzer Online

Momentan sind 166 Benutzer online
» 0 Mitglieder
» 164 Gäste
Bing, Google

Aktive Themen

div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: Sempervivum
Gestern, 14:58
» Antworten: 1
» Ansichten: 15

Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
Gestern, 06:43
» Antworten: 3
» Ansichten: 358

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

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

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

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

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

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

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

Variable aus Funktion zur...
Forum: Javascript
Letzter Beitrag: Kai_Behncke
27.03.2024, 14:58
» Antworten: 2
» Ansichten: 132

particle.js

Geschrieben von: admin - 22.04.2022, 00:53 - Forum: Andere Bibiliotheken, Plugins und Scripte - Keine Antworten

Du brauchst doch nur den Code von Codepen nehmen und deine Eingaben da rein schreiben.
Und nicht vergessen den body schwarz machen sonst sieht man das bei deinen angaben nicht
**Link entfernt, weil Seite nicht mehr erreichbar **

PHP-Code:
<!DOCTYPE HTML>
<html>
    <head>
        <title>B A D E S P E A K</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
     
        <link rel="stylesheet" href="assets/css/main.css" />
        <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
  
        <style>
        body{
        background:black;
        }
        </style>
        <body>
        <div id="particles-js"></div>
                <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
                 <script src="https://threejs.org/examples/js/libs/stats.min.js"></script>       
          
      <script>
    
particlesJS("particles-js", {
  "particles": {
    "number": {
      "value": 80,
      "density": {
        "enable": true,
        "value_area": 800
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle",
      "stroke": {
        "width": 0,
        "color": "#000000"
      },
      "polygon": {
        "nb_sides": 5
      },
      "image": {
        "src": "img/github.svg",
        "width": 100,
        "height": 100
      }
    },
    "opacity": {
      "value": 0.5,
      "random": false,
      "anim": {
        "enable": false,
        "speed": 1,
        "opacity_min": 0.1,
        "sync": false
      }
    },
    "size": {
      "value": 10,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 80,
        "size_min": 0.1,
        "sync": false
      }
    },
    "line_linked": {
      "enable": true,
      "distance": 300,
      "color": "#ffffff",
      "opacity": 0.4,
      "width": 2
    },
    "move": {
      "enable": true,
      "speed": 12,
      "direction": "none",
      "random": false,
      "straight": false,
      "out_mode": "out",
      "bounce": false,
      "attract": {
        "enable": false,
        "rotateX": 600,
        "rotateY": 1200
      }
    }
  },
  "interactivity": {
    "detect_on": "canvas",
    "events": {
      "onhover": {
        "enable": false,
        "mode": "repulse"
      },
      "onclick": {
        "enable": true,
        "mode": "push"
      },
      "resize": true
    },
    "modes": {
      "grab": {
        "distance": 800,
        "line_linked": {
          "opacity": 1
        }
      },
      "bubble": {
        "distance": 800,
        "size": 80,
        "duration": 2,
        "opacity": 0.8,
        "speed": 3
      },
      "repulse": {
        "distance": 400,
        "duration": 0.4
      },
      "push": {
        "particles_nb": 4
      },
      "remove": {
        "particles_nb": 2
      }
    }
  },
  "retina_detect": true
});
 
          </script>
        </body> 

cannot access " " before initialization

Geschrieben von: wnkng - 20.04.2022, 09:58 - Forum: Javascript - Antworten (7)

Code:
<!DOCTYPE html>

<html>

<body>

  <form enctype="multipart/form-data" action="http://api.qrserver.com/v1/read-qr-code/" method="POST">

<input type="hidden" name="MAX_FILE_SIZE" value="1048576" />

<!-- Der "Name" des Eingabefeldes muss "file" lauten, da es der Name des POST-Parameters ist -->

QR-Code-Bild zum Lesen/Scannen auswählen: <input name="file" type="file" />

<input type="submit" value="QR-Code lesen" />

</form>

<p id="demo"></p>

<script type="text/javascript">

document.getElementById("demo").innerHTML = position;

var text = document.getElementById("demo").innerHTML;

var position = text.search("12345")

console.log ("kein Qr-Code")

if (position = "0") {

console.log("richtiger QR-Code");

}

</script>

</body>

</html>

html Code

Ich bin relativ neu
Ich möchte einer Qr-Code Scanner programmieren der ein Passwort aus dem Qr-Code liest. irgendwie funktionieren var und let nicht. Bei let steht in der Konsole "cannot access "position" before initialization" und bei var ist jeder Qr-Code richtig. Huh

Danke für jede Antwort

Test, just a test

Geschrieben von: Elmertup - 20.04.2022, 07:51 - Forum: Javascript - Keine Antworten

	Hello. And Bye.

Daten in Word Datei schreiben

Geschrieben von: Arfabot - 19.04.2022, 18:34 - Forum: Javascript - Antworten (1)

Hallo Leute,

ich würde gerne meine Angebots/Rechnungs/Lieferschein Erstellung vereinfachen.
Hierzu hat meine Freundin bereits eine Anwendung mit einzelnen Feldern zum Ausfüllen geschrieben.

Zum Beispiel:

Feld 1: Name: "Max Mustermann"
Feld 2: Lieferdatum: "19.04.2023"

usw. usw.

Die ausgefüllten Felder sollen in eine Word Datei an vorbestimmten Positionen eingefügt werden und dann am Ende mit einem Klick auf: "Rechnung erstellen" eine fertig befüllte .docx Datei heruntergeladen wird.

Hat hierzu jemand eine Idee bzw. einen Lösungsansatz oder eine Richtung, wie man sowas theoretisch umsetzen kann?
Ich selbst kenne mich mit React kaum aus, die Anwendung schreibt meine Freundin und sie kommt an diesem Punkt aktuell nicht weiter.
Da dachte ich, bevor ich unnütz danebensitze und ihr beim überlegen zusehe befrage ich das allwissende Internet.

Vielen Dank schonmal für eure Hilfe.

Grüße Arf

nested eventlistener

Geschrieben von: sfthbara - 19.04.2022, 17:14 - Forum: Javascript - Antworten (5)

Hallo ist das generell problematisch, wenn man man einen Eventlistener in einem Eventlistener ausführt?
ich habe einen Marker bei google maps . Über den ersten click erhalte ich informationen zu dem Marker und versuche aus dem HTML über document.getElement einen button von außerhalb zu verwenden. Mit console.log wird der Button auch erkannt. Bekomme aber trotzdem den Fehler:

TommySupertramp_map_21_04_2022.html:1488 Uncaught TypeError: btntest.addListener is not a function
at _.dh.<anonymous> (TommySupertramp_map_21_04_2022.html:1488:13)
at Cf.dw (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:257:345)
at Object._.F.trigger (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:252:473)
at DG.<anonymous> (marker.js:31:389)
at Cf.dw (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:257:345)
at Object._.F.trigger (js?key=AIzaSyCgCHjiJP0Q9XlqqT9cIj0eK_NFUbdleqA&callback=initMap:252:473)
at Object.onClick (marker.js:24:248)
at lha._.n.onClick (common.js:146:275)
at HTMLDivElement.Ko.C._.dm.Qd (common.js:56:469)

Vorstellung

Geschrieben von: Lukas - 19.04.2022, 15:36 - Forum: Seid ihr neu ? - Antworten (1)

	Servus, ich bin Lukas aus Bayern und habe oft mit Javascript zu tun in der Websiteerstellung. Vielleicht kann ich dem einen oder anderen ja mal helfen oder ihr mir :-D LG

sql geht nicht

Geschrieben von: admin - 19.04.2022, 00:47 - Forum: Datenbanken - Antworten (11)

Ich schreibe dein Problem mal hier rein weil es vieleicht noch andere gibt die das auch haben

PHP-Code:
<?php
error_reporting(E_ALL); 
ini_set('display_errors', true);
$pdo = new PDO('mysql:host=localhost:3306;dbname=auftrag', 'Name', 'Passwort');
?>
<!DOCTYPE html> 
<html> 
<head>
  <title>Hairlich | Registrierung</title> 
</head> 
<body>
<?php
$showFormular = true;
if(isset($_POST['register'])) {
 $error = false;
 $email = $_POST['email'];
 $preis = $_POST['preis'];
  $staff = $_POST['staff'];
 if(!filter_var($email)) {
 echo '<p class="error"><b>Bitte einen gültigen Benutzernamen angeben</b></p><br>';
 $error = true;
 } 
 if(!$error) { 
 $statement = $pdo->prepare("SELECT * FROM register WHERE email = :email");
 $result = $statement->execute(array('email' => $email));
 $user = $statement->fetch();
 if($user !== false) {
 echo '<p class="error"><b>Dieser Benutzername ist bereits vergeben</b></p>';
 $error = true;
 } 
 }
 if(!$error) { 
 $statement = $pdo->prepare("INSERT INTO register (email, preis, staff) VALUES (:email, :preis, :staff)");
 $result = $statement->execute(array('email' => $email, 'preis' => $preis, 'staff' => $staff));
 if($result) { 
 echo '
 
 <br><h1>Du wurdest erfolgreich registriert. </h1><a href="login.php"><button>zum Login</button></a>';
 $showFormular = false;
 } else {
 var_dump($result);
var_dump($statement);
 }
 } 
}
if($showFormular) {
?>
 <br><br><br><br>
 <br><br><br><br>
<form action="registrieren.php" method="post">
Benutzername:<br>
<input type="text" size="40" maxlength="250" name="email" placeholder="Wähle einen Benutzernamen..."><br><br>
Dein Passwort:<br>
<input type="text" size="40"  maxlength="250" name="passwort" placeholder="Wähle ein Passwort..."><br>
Passwort wiederholen:<br>
<input type="text" size="40" maxlength="250" name="passwort2" placeholder="weitere Infos"><br><br>
Eingeloggt bleiben?<br>
 <select class="" name="staff">
 <option value="false">Diese Option kommt bald</option>
 </select>
 <br><br>
 
 <input name="register" type="submit" value="Registrieren">
</form>
<?php
} //Ende von if($showFormular)
?>
 
<br>
 <a href="login.php" class="alreadyreg">Bereits registriert? -> Anmelden</a>
 
 <style>
body {font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #E6E6E6;}
input[type=text], select, textarea {
 width: 30%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
 margin-top: 6px;
 margin-bottom: 16px;
 resize: vertical;
}
 
 input[type=password]{
 width: 30%;
 padding: 12px;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
 margin-top: 6px;
 margin-bottom: 16px;
 resize: vertical;
}
input[type=submit] {
   background-color: #578e8c;
 color: white;
 padding: 12px 20px;
 border: none;
 border-radius: 4px;
 cursor: pointer;
 opacity: 0.8;
}
input[type=submit]:hover {
 background-color: #578e8c;
 opacity: 1.0;
}
.container {
 border-radius: 5px;
 background-color: #f2f2f2;
 padding: 20px;
}
 
 
 
 button{
  background:#1AAB8A;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:1.6em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
button:hover{
  background:#E6E6E6;
  color:#1AAB8A;
}
button:before,button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #1AAB8A;
  transition:400ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:800ms ease all;
}
 .error{
 color: red;
 
 }
 .alreadyreg{
 text-decoration: none;
 font-size: 10pt;
 color: black;}
 
 .alreadyreg:hover{
 text-decoration: none;
 font-size: 12pt;
 color: red;}
 
</style>
</body>
</html> 

Jetzt aber, oder? Wo liegt der Fehler?

Error:
Code

[/url]Notice: Undefined index: preis in /var/www/.php on line 18

[url=https://=10533#codeLine_2_6c506f]bool(false) object(PDOStatement)#3 (1) { ["queryString"]=> string(74) "INSERT INTO register (email, preis, staff) VALUES (:email, :preis, taff)" }

u solltest erstmal kucken wo du preis definierst ? Gar nicht. also muß da erstmal ein Preis Feld dazu ,oder du nimmst den Preiss aus den Sql abfrage raus.

Mach das erstmal dann sehen wir weiter

BackgroundBild fixieren nach einer Scroll höhe

Geschrieben von: admin - 19.04.2022, 00:46 - Forum: Javascript - Keine Antworten

Das erste Bild scrollt normal weg.
Das Zweite auch bis es am oberen Rand angekommen ist und bleibt dann auch stehen.
Das 3 Bild scrollt wieder ganz normal.

Link zur Lösung

Meintest du das so. Die Lösung ist vielleicht noch nicht die beste, aber wenn das Ergebnis schon mal stimmt, kommen wir die Sache schon mal näher.

Die Bilder sind jetzt doof gewählt und passen auch nicht von der Größe, aber soll ja nur die Funktion zeigen

EDIT : 2 ter Versuch
Link zur Lösung

Wenn das Ergebnis passt ,suche ich nach einer besseren Lösung. Es gibt für sowas ja schon Scripte http://pixelcog.github.io/parallax.js/
Da gibt es schon einiges an Scripte die auch gute Effekte haben und bestimmt was für euch dabei ist

Testen ob es Sprungmarken gibt

Geschrieben von: admin - 19.04.2022, 00:45 - Forum: Javascript - Antworten (1)

Testet ob es eine Sprungmarke gibt oder nicht.
DEMO

CODE;

PHP-Code:
<!DOCTYPE html>
<html>
<head>
   <title>Listen to File Update</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
body{
 height:1000px;
}

#as{
 margin-top:1200px;
 font-size:100px;
 color:red;
}

a{
 padding-left:20%;
}

</style>
</head>
<body>
<a href="#as">Sprung was es gibt</a>
<a href="#aa">Sprung was es nicht gibt</a> 
<div id="as">Gesprungen</div>
<script>

$('a').click(function(){
 marke=$(this).attr('href');
 marke=marke.split('#')[1];
 if(document.getElementById(marke)){
   //alert('Sprung marke exestiert')
 }else{
 alert('sprung marke gibt esnicht');
 }
})
</script>
</body>
</head> 

Den Selectfeld (Dropdown) Inhalt in Textarea einfügen

Geschrieben von: admin - 19.04.2022, 00:44 - Forum: Javascript - Antworten (1)

Wenn man im Selectfeld was aussucht wird der Inhalt des Selects an der Stelle im Textarea kopiert wo man gerade am Schreiben ist
DEMO

Das ist eigentlich nee ganz Simple Lösung die jeder Anfänger so machen würde.
Es gibt zwar noch andere Möglichkeiten das Ergebnis so hinzubekommen ,aber das tut es auch und erfüllt sein Zweck.

PHP-Code:
<!DOCTYPE html>
<html>
<head>
   <title>From Select to Textarea</title>
 <style>
body{
     text-align:center;
}

textarea{
    width:60%;
    height:200px;
    ont-size:30px;
}

h1{
   text-decoration:underline;
}
select{
    height:60px;
    width:30%;
    font-size:40px;
}
 </style>
</head>
<body>
 <h1>Aus Dropdown in Textarea Einfügen</h1>
 <textarea id="text"></textarea><br>
 <select id="selec">
       <option value=""> --- Auswahl --- </option>
       <option value="peter">Peter</option>
       <option value="heiz">Heinz</option>
       <option value="Jürgen">Jürgen</option>
       <option value="Stefan">Stefan</option>
       <option value="Basti">Basti</option>
 </select>
 <script>
document.getElementById('selec').onchange=function(){
     var text=document.getElementById('text').value;
     var select=document.getElementById('selec').value;
     document.getElementById('text').value=text+''+select+'';
} 
</script>
</body> 

Mit Jquery geht das genau so einfach ,sogar einfacher

PHP-Code:
$('#selec').change(function(){
  $('#text').html($('#text').val()+$('#selec').val());
}) 

Seiten (50): « Zurück 1 … 35 36 37 38 39 … 50 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken