Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 44.783
» Neuestes Mitglied: missmistykolkata
» Foren-Themen: 92.618
» Foren-Beiträge: 94.454

Komplettstatistiken

Benutzer Online
Momentan sind 402 Benutzer online
» 2 Mitglieder
» 397 Gäste
Bing, Facebook, Google, cartool, tuu8

Aktive Themen
SCIGRESS 3.4.2
Forum: Html
Letzter Beitrag: tuu8
Vor 1 Minute
» Antworten: 0
» Ansichten: 1
Synopsys all series 2024
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 1 Minute
» Antworten: 0
» Ansichten: 1
Roxar RMS v2023
Forum: Html
Letzter Beitrag: tuu8
Vor 5 Minuten
» Antworten: 0
» Ansichten: 2
salford predictive modele...
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 7 Minuten
» Antworten: 0
» Ansichten: 1
Romax 2023.1
Forum: Html
Letzter Beitrag: tuu8
Vor 10 Minuten
» Antworten: 0
» Ansichten: 1
inpho14
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 14 Minuten
» Antworten: 0
» Ansichten: 1
Rocscience Slide3 v3.018
Forum: Html
Letzter Beitrag: tuu8
Vor 14 Minuten
» Antworten: 0
» Ansichten: 2
Rocscience RocTopple 2.0 ...
Forum: Html
Letzter Beitrag: tuu8
Vor 19 Minuten
» Antworten: 0
» Ansichten: 2
ametank 13.9.25 x64
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 20 Minuten
» Antworten: 0
» Ansichten: 1
Risa3D V21
Forum: Html
Letzter Beitrag: tuu8
Vor 23 Minuten
» Antworten: 0
» Ansichten: 1

  Passwort gesicherter bereich mit admin Seiten
Geschrieben von: admin - 18.04.2022, 17:20 - Forum: Hilfreiche Skripte und Online Tools - Antworten (17)

Ihr habe das Script  https://www.php-einfach.de/experte/php-c...ginscript/
Mal erweitert um einen Admin Bereich. Das heißt das Leute mit dem Admin Status noch extra Seiten sehen können ( ZB Einstellungen die nur Admins machen dürfen).
Das Script wurde um mehrere Teile verändert und deswegen zeige ich euch jetzt alle Dateien mit dem geänderten Inhalt.
Man benötigt NR 1 bis 5

Nr 1 Registrierung

PHP-Code:
<?php 
session_start
();
$pdo = new PDO('mysql:host=localhost;dbname=sebastian1012''sebastian1012''passwort');
?>
<!DOCTYPE html> 
<html> 
<head>
  <title>Registrierung</title>    
</head> 
<body>
<?php
$showFormular 
true;
if(isset(
$_POST['register'])) {
 
   $error false;
 
   $email $_POST['email'];
 
   $passwort $_POST['passwort'];
 
   $passwort2 $_POST['passwort2'];
 
     $admin $_POST['admin'];
 
   if(!filter_var($emailFILTER_VALIDATE_EMAIL)) {
 
       echo 'Bitte eine gültige E-Mail-Adresse eingeben<br>';
 
       $error true;
 
       
    if
(strlen($passwort) == 0) {
 
       echo 'Bitte ein Passwort angeben<br>';
 
       $error true;
 
   }
 
   if($passwort != $passwort2) {
 
       echo 'Die Passwörter müssen übereinstimmen<br>';
 
       $error true;
 
   }
 
   if(!$error) { 
 
       $statement $pdo->prepare("SELECT * FROM testuser WHERE email = :email");
 
       $result $statement->execute(array('email' => $email));
 
       $user $statement->fetch();
 
       if($user !== false) {
 
           echo 'Diese E-Mail-Adresse ist bereits vergeben<br>';
 
           $error true;
 
          
    
}
 
   if(!$error) {    
        $passwort_hash 
password_hash($passwortPASSWORD_DEFAULT);
 
       $statement $pdo->prepare("INSERT INTO testuser (email, passwort, admin) VALUES (:email, :passwort, :admin)");
 
       $result $statement->execute(array('email' => $email'passwort' => $passwort_hash'admin' => $admin));
 
       if($result) {        
            echo 
'Du wurdest erfolgreich registriert. <a href="login.php">Zum Login</a>';
 
           $showFormular false;
 
       } else {
 
           echo 'Beim Abspeichern ist leider ein Fehler aufgetreten<br>';
 
       }
 
   
}
if(
$showFormular) {
?>
<form action="registrieren.php" method="post">
E-Mail:<br>
<input type="email" size="40" maxlength="250" name="email"><br><br>
Dein Passwort:<br>
<input type="password" size="40"  maxlength="250" name="passwort"><br>
Passwort wiederholen:<br>
<input type="password" size="40" maxlength="250" name="passwort2"><br><br>
Willst du Admin sein ?
 <select name="admin">
 <option value="false">Nein</option>
 <option value="true">Ja</option>
 </select>
<input name="register" type="submit" value="Abschicken">
</form>
<?php
//Ende von if($showFormular)
?>
</body>
</html> 
Wie man sieht kann man bei der Registrireung den Admin Status selber aussuchen.
Das müßte man dann wegmachen und so umbauen das der Status  nur von Den Admi vergeben kann ,oder wie auch immer.

2 Datei der Login Bereich
PHP-Code:
<?php 
session_start
();
if(isset(
$_SESSION['userid'])) {
die(
"Du bist schon eingeloggt.<a href='logout.php'>Ausloggen ? </a>");
}else{
$pdo = new PDO('mysql:host=localhost;dbname=sebastian1012''sebastian1012''passwort');
if(isset(
$_POST['login'])) {
    $email $_POST['email'];
    $passwort $_POST['passwort'];
    $statement $pdo->prepare("SELECT * FROM testuser WHERE email = :email");
    $result $statement->execute(array('email' => $email));
    $user $statement->fetch();
    if ($user !== false && password_verify($passwort$user['passwort'])) {
        $_SESSION['userid'] = $user['id'];
            $statement $pdo->prepare("SELECT * FROM testuser WHERE admin = ? AND email = ?");
            $statement->execute(array('true',$email));   
               while
($row $statement->fetch()) {
                       $_SESSION['admin'] = true;
                   echo '<br>Du bist Admin <a href="admin.php">Admin Bereich</a><br>';
               }   
                   die
('Login Bereich <a href="geheim.php">internen Bereich</a>');
    } else {
        $errorMessage "E-Mail oder Passwort war ungültig<br>";
    }
}
?>
<!DOCTYPE html> 
<html> 
<head>
<title>Login</title>    
</head> 
<body>
<?php 
if(isset($errorMessage)) {
    echo $errorMessage;
}
?>
<form action="login.php" method="post">
E-Mail:<br>
<input type="email" size="40" maxlength="250" name="email"><br><br>
Dein Passwort:<br>
<input type="password" size="40"  maxlength="250" name="passwort"><br>
<input name="login" type="submit" value="Abschicken">
</form> 
</body>
</html>
<?php
}
?>
Dazu gibt es ja nix mehr zu sagen.Außer das dieses Scrippt noch verbessert wird .
Soll heißen es wird kürzer und die Datenbank abfrage gekürzt.Aber dazu muß ich noch Googeln wie man das machen könnte.
Aber keine sorge das Script Funktioniert so bestens.

Nr 3 Beispiel Seite für eingeloggte Besucher
PHP-Code:
<?php
session_start
();
if(!isset(
$_SESSION['userid'])) {
    die('Bitte zuerst <a href="login.php">einloggen</a>');
}
echo 
"Hallo hier ist der Bereich den nur registrierte User sehen können";
echo 
'<a href="logout.php">Log dich aus</a>';
?>

Nr 4 Beispiel Seite Für Besucher Mit Admin Status
PHP-Code:
<?php
session_start
();
if(!isset(
$_SESSION['userid'])) {
    die('Bitte zuerst <a href="login.php">einloggen</a>');
}
if(isset(
$_SESSION['admin'])) {
echo 
"Hier ist der zusätzliche Bereich den nur  Admine  sehen können";
echo 
'<a href="logout.php">Log dich aus</a>';
}else{
echo 
"<h2>Error</h2>Du hast keinen Admin Status <a href='geheim.php'>Zum Passwort gesicherten Bereich zurück</a>";
}
?>

Nr 5 Logout Script.
PHP-Code:
<?php
session_start
();
if(isset(
$_SESSION['userid'])) {
session_destroy();
echo 
"Logout erfolgreich<a href='login.php'>Wieder Einloggen ?</a>";
}else{
echo 
"<h2>ERROR</h2>Wer nicht eingeloggt ist brauch sich auch nicht ausloggen<a href='login.php'>Login </a>";
}
?>
So sieht es dann aus, wenn alles fertig ist.
**Link entfernt, weil Seite nicht mehr erreichbar **
Hier wird der Ordner aufgerufen wo die ganzen Dateien drinnen sind und zu einer Indexdatei weitergeleitet wo man die Einzelne Dateien sehen kann.Je nach Status werden die verschiedene Zugriffsmöglichkeiten angezeigt.
Bei Interesse kann man das Script auch benutzen ,brauch man aber nicht.

Nr 6 Order Index
PHP-Code:
<?php
session_start
();
?>
<h1>Index Datei vom Php Login Script mit Admin Status</h1>
<?php
if(isset($_SESSION['userid'])) {
 
    if(isset($_SESSION['admin'])) {
?>
<a href="admin.php">Admin Bereich</a><br>
<?php
 
}
 
?>
 <a href="geheim.php">Passwort gesicherter Bereich</a><br>
 <a href="logout.php">Logout</a>
 <?php
}else{
?>
<h2>Gehe zu</h2>
<a href="registrieren.php">Registrieren</a><br>
<a href="login.php">Login</a><br>
<a href="geheim.php">Passwort gesicherter Bereich</a>[ Gespärt ]<br>
<a href="admin.php">Admin Bereich</a>[ Gespärt ]<br>
 <a href="logout.php">Logout</a>[ Geht erst bei eingelogten Status ]
<?php
}
?>
Damit beim Ordner aufruf auch keine Datein angezeigt wird erstellen wir noch eine .htaccess Datei die in den Ordner mit rein gehört mit folgenen Inhalt

Nr 7 .htaccess
Code:
DirectoryIndex index.php
Erstellt euch eigene Login Namen und testet es selber.
Punkt 6 und 7 wird für die Funktion des  Login Script nicht benötigt.

Da ich Anfänger bin laß ich mich auch gerne belehren wenn ich was nicht richtig gemacht habe.

Drucke diesen Beitrag

  Responsives Hamburgermenü
Geschrieben von: admin - 18.04.2022, 17:16 - Forum: Css - Antworten (4)

Ich habe mal dein Code genommen und ein fast neuen rausgemacht, mit dem Ziel deine Vorlage einzuhalten.
Hier ist das Ergebnis,und sag mal Bescheid ob du noch was geändert haben willst




Dazu der komplette Code

PHP-Code:
<!DOCTYPE html>
<
html lang="de">
<
head>
<
title>Hamburger</title>
<
meta name="viewport" content="width=device-width, initial-scale=1">
<
style>
body{
 
  background-colorblack;
 
  margin0;
 
  padding0;
 
  font-family"Maven Pro" !important;
 
  width100%;
 
  max-width:1920px;
}
*{
 
 margin:0;
 
 padding:0;
}

.
Logos >*{
 
   padding10px
}
#AKA {
 
  width23%;
 
  margin-left10px;
}
#AI {
 
  width23%;
 
  margin-right10px;
 
  floatright;
}
#Bild ,#Hauptbild{
 
 width:100%;
 
 displayblock;
 
 height:200px;
}

h1 {
 
  color#242424;
 
  positionrelative;
 
  bottom80px;
 
  font-size2.4em;
 
  margin-right:22px;
 
  text-align:right;
}
 
 nav ,.auf{
 
  display:block;
 
 }
nav,ul{
 
  display:flex;
 
  width:100%;
}
nav ul li {
 
  flex:1;
 
  margin-left0px;
 
  border:1px solid red;
 
  opacity0.5;
}
nav ul li:hover {
 
  opacity1;
}
li {
 
  list-stylenone;
}
{
 
  displayblock;
 
  width:100%;
 
  padding-top:9px;
 
  text-decoration:none;
 
  colorwhite;
 
  font-size:1em;
 
  height30px;
}
.
gruen {
 
  border-left#C1DE1D 45px solid;
}
.
hellblau {
 
  border-left#00FFC6 45px solid;
}
.
tuerkis {
 
  border-left#00C3FF 45px solid;
}
.
blau {
 
  border-left#0000FF 45px solid;
}
.
lila {
 
  border-left#8903FF 45px solid;
}
.
pink {
 
  border-left#FF007E 45px solid;
}
.
rot {
 
  border-left#FF0000 45px solid;
}
.
orange {
 
  border-left#F79300 45px solid;
}
.
gelb {
 
  border-left#FFFF00 45px solid;
}

section {
 
  displayblock;
 
  width50%;
 
  text-align:center;
 
  margin200px auto;
 
  colorwhite;
 
  height:640px;
}
{
 
  border-left#C1DE1D 4px solid;
 
  border-rightwhite 1px solid;
 
  padding-left1em;
 
  font-size:1.4em;
 
  height:100%;
}
#hamicon{
 
  display:none;
}

@
media only screen and (max-width:980px) {
h1 {
 
  color:#242424;
 
  text-aligncenter;
 
  font-size1.8em;
 
  width:100%;
}
#hamicon{
 
 display:block;
 
 width:80px;
 
 height:80px;
 
 display:block;
 
 opacity:0.5;
 
 cursor:pointer;
 
 transition:opacity 1500ms;
}
#hamicon>.eins,.zwei,.drei{
 
  width:100%;
 
  height:15px;
 
  border-radius:5px;
 
  display:block;
 
  margin-bottom:10px;
 
  background:red 
}
.
einsauf{
 
   transform-origin:0100%;
 
   transform:rotate(-20deg);
 
   transition:all 1000ms;
}
.
einszu{
 
   transform-origin:0100%;
 
   transform:rotate(0deg);
 
   transition:all 1000ms;
}

.
eins{
 
   background:red;
}
.
zwei{
 
   background:blue;
}
.
drei{
 
   background:yellow;
}

#hamicon:hover {
 
   opacity1;
 
   transition:opacity 1500ms;
}
.
weg{
 
   display:none;
}
.
da{
 
   display:block;
}
nav{
 
   display:none;
}
nav,ul{
 
  width:70%;
 
  margin:0 auto;
 
  height650px;
 
  display:flex;
 
  flex-direction:column;
}
nav li{
 
  margin-bottom:30px;
 
  text-align:center;
}
nav a {
 
  text-aligncenter;
 
  font-size1.2em;
 
  height35px;
 
  padding0.5em;
}
.
gruen {
 
  border#C1DE1D 3px solid;
}
.
hellblau {
 
  border#00FFC6 3px solid;
}
.
tuerkis {
 
  border#00C3FF 3px solid;
}
.
blau {
 
  border#0000FF 3px solid;
}
.
lila {
 
  border#8903FF 3px solid;
}
.
pink {
 
  border#FF007E 3px solid;
}
.
rot {
 
  border#FF0000 3px solid;
}
.
orange {
 
  border:orange 3px solid;
}
.
gelb {
 
  border#FFFF00 3px solid;
}
}
</
style>
<
script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</
head>
<
body>
 
 <header>
 
   <div class="Logos">
 
     <img id="AKA" src="https://www.html-seminar.de/forum/ws/attachment/1627-logo1-png/">
 
     <img id="AI" src="https://www.html-seminar.de/forum/ws/attachment/1626-logo2-png/">
 
   </div>
 
   <div class="Hauptbild">
 
      <img id="Bild" src="https://www.html-seminar.de/forum/ws/attachment/1624-001-png/">
 
      <h1>Headline</h1>
 
   </div>
 
   <div id="nav-menue">
 
      <div  id="hamicon">
 
         <div class="ham1 eins"></div>
 
         <div class="ham1 zwei"></div>
 
         <div class="ham1 drei"></div>
 
      </div 
       
<nav class="zu weg">
 
         <ul>
 
            <li class="gruen"><a href="01.html">01</a></li>
 
            <li class="hellblau"><a href="02.html">02</a></li>
 
            <li class="tuerkis"><a href="03.html">03</a></li>
 
            <li class="blau"><a href="04.html">04</a></li>
 
            <li class="lila"><a href="05.html">05</a></li>
 
            <li class="pink"><a href="06.html">06</a></li>
 
            <li class="rot"><a href="07.html">07</a></li>
 
            <li class="orange"><a href="08.html">08</a></li>
 
            <li class="gelb"><a href="09.html">09</a></li>
 
         </ul>
 
      </nav
 
  </div>
</
header>
<
section>
 
 <div>
 
   <h2>Test</h2>
 
     <p>
fff<br>
fff<br>
zzz<br>
zzzz<br>
eeeee<br>
fffff
     
</p>
 
 </div>
</
section>
<
script>
$(
'#hamicon').click(function(){ 
 
 ff=$('.eins').hasClass('einszu'); 
 
 if(ff==true){ 
 
       $('.eins').removeClass('einszu');
 
       $('.eins').addClass('einsauf');
 
       $('nav').removeClass('weg');
 
       $('nav').addClass('da');
 
 }else{
 
       $('.eins').removeClass('einsauf');
 
       $('.eins').addClass('einszu');
 
       $('nav').removeClass('da');
 
       $('nav').addClass('weg');
 
 }
})
</
script>
</
body>
</
html
Jo ich warte dann mal auf Feedback von dir

Drucke diesen Beitrag

  Sommerzeit und Winterzeit auslesen
Geschrieben von: admin - 18.04.2022, 17:15 - Forum: Javascript - Keine Antworten

So lst sich mit Javascript die Sommerzeit und Winterzeit auslesen  mt Wechsel Hintergrundbild.

https://basti1012.bplaced.net/index.php?...t_auslesen

Drucke diesen Beitrag

  Losebot Pennergame
Geschrieben von: admin - 18.04.2022, 17:13 - Forum: Stellt eure Userscripte vor - Keine Antworten

Der Losebot wurde noch mal bearbeitet.

Update 13.7.2018
Beim Kauf von 10 Lose blieb immer ein Rest übrig.Fehler behoben.
Einzel abrechnung ,was jedes Los gewonnen/verloren hat.
Css Bug behoben.Weißer Border um Logout Button ist nun weg.

Hierder Aktuelle Code zum selber rein Kopieren

Code:
// ==UserScript==
// @name           Pennergame LoseBot mit Detalierter auflistung
// @include        *pennergame.de/city/games/*
// @version       13-08-2018-1
// @description  der altelosebotjetzt mit einzelheiten die vorher nie beachtet wurden (zeigt jedes los ob und wie viel gewonnen)
// @namespace      bots die man immer gebrauchen kann ..Von pennerhackisback
// @author         pennerhackisback
// @copyright     Basti1012 alias Pennerhack
// @icon          http://www.lildevil.org/greasemonkey/images/IC-icon.png
// @grant  GM_getValue
// @grant  GM_setValue
// @grant  GM_addStyle
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @grant    GM_xmlhttpRequest

// ==/UserScript==


function addGlobalStyle(css) {
   var head, style;
   head = document.getElementsByTagName('head')[0];
   if (!head) { return; }
   style = document.createElement('style');
   style.type = 'text/css';
   style.innerHTML = css;
   head.appendChild(style);
}
addGlobalStyle('td{width:300px;}#haben,#noch{margin-left:20px}#balken  {height:25px; width:200px;overflow:hidden;border:1px solid red;background:green; margin:auto}#balkeninnen {height:25px; width:1px;text-align:center; background-color:blue; border:none}#bild{width:200px;height:300px}#bot{height:1000px}#aus3{  display:none;  position:absolute;  top:39%;  left:-8px;  transform:rotateZ(15deg);  width:102%;  height:10px;  background:red;  border-radius:50px;}#aus4{  display:none;  position:absolute;  top:39%;  left:-8px;  transform:rotateZ(-15deg);  width:102%;  height:10px;  background:red;   border-radius:50px;}td{  width:44%;  margin:0;  padding:0;  font-size:25px}.botclass{  width:45%;  height:25px;  font-size:21px;  padding:0;  margin-left:1px;}td{  border-bottom:1px solid black;}form:nth-child(1){width:100%;padding:5px; border:10px solid white;box-shadow:15px  15px 15px black;border-radius:25px;display:inline-block;max-height:400px;overflow:auto;}#aus1 p{width:500px;display:inline-block;display:flex;font-size:20px;}');


var nochlos=$('#lose_remaining').html();
guthaben1=$('#options li a').html().trim();
guthaben2=guthaben1.replace('€','');
guthaben3=guthaben2.replace(',','');
guthaben=guthaben3.replace('.','');
localStorage.setItem('hab',guthaben);
localStorage.setItem('start',guthaben);

if(nochlos>=101){
  farb='lightgreen';
  addGlobalStyle('#aus3,#aus4{display:none}');
}else if(nochlos >= 1){
  farb='orange';
  addGlobalStyle('#aus3,#aus4{display:none}');
}else if(nochlos==0){
  addGlobalStyle('#aus3,#aus4{display:block}');
  farb='red';
}
addGlobalStyle('#menge{background:'+farb+'}');

$('.tieritemA').html('<div id="tieritemA"><form id="form"><table id="bot"><tr><td>Lose Guthaben:</td><td class="ab"> '+nochlos+'</td><td rowspan="7"><img src="https://static.pennergame.de/img/pv4/shop/de_DE/games/Rubbellos_31.jpg" alt="Rubbellos" title="Rubbellos"></td></tr><tr><td>Kontostand:</td><td class="ab" id="gut">'+guthaben1+'</td></tr><tr><td>Kaufe  1 Los :</td><td><input type="radio" value="1" name="was"  class="was" id="eins"></td></tr><tr><td>Kaufe 10 Lose :</td><td><input type="radio" value="10" class="was" name="was" id="zehn"></td></tr><tr><td>Mit details :</td><td><input type="checkbox" id="details"></td></tr><tr><td>Menge:</td><td><input type="text" class="botclass" id="menge" value="'+nochlos+'"><input class="botclass" type="button" id="start" value="Bot Starten"></td></tr><tr><td colspan="2"><div id="balken" ><div id="balkeninnen"> </div></div></td></tr><tr colspan="2" id="aus1"></tr><tbody colspan="2" id="aus"></tbody></table></form><div id="aus3"></div><div id="aus4"></div></div> ');

$('#start').click(function(){
   var wieviele_kaufen=$('#menge').val();
   var mit_details=$('#details').is(':checked')
   var radio=$("input[name='was']:checked").val()
   var NOCH;
   var plus=0;
   los(wieviele_kaufen,plus);
   function los(NOCH,plus){
       plus=plus+parseInt(radio);
       var NOCH=NOCH-radio;
       if(NOCH>=0){
           kaufe(NOCH,plus)
           $('#aus1').html('<p style="font-size:30px">kaufe noch '+NOCH+' Lose.</p> ');
       }
       if(radio==10){
          if(NOCH>0 && NOCH<10){
            radio=NOCH;
            kaufe(NOCH,plus)
            $('#aus1').html('<p style="font-size:30px">kaufe noch '+NOCH+' Lose.</p> ');
          }
       }
   }

   function kaufe(NOCH,plus){
      if(mit_details==true){
          GM_xmlhttpRequest({
     method: 'GET',
     url: 'http://www.pennergame.de/city/games/',
     onload: function(responseDetails) {
         var content = responseDetails.responseText;
         var suchas = content.split('bersicht zu kommen">')[1].split('</li>')[0];
         var suchd = suchas.split('&euro;')[1].split('</a>')[0];
         var suchd = suchd.replace(/\n|\r/g,"");
         var suchd = suchd.replace(/\s/g, "");
         var suchd = suchd.replace(/\,/g, "");
         var hab = suchd.replace(/\./g, "");
                 var vergleich=localStorage.getItem('hab');
             if(vergleich == hab){
          var farbes = 'orange';
         }else if(vergleich < hab){
              var farbes = 'green';
         }else if(vergleich > hab){
          var farbes = 'red';
     }
                 var unter=hab-vergleich;
                 var hab1=hab/100;
                 localStorage.setItem('hab',hab);
           var details='<tr><td style="color:'+farbes+';font-size:12px;">Kontostand  '+hab1+'  &euro;</td><td style="color:'+farbes+';font-size:12px;">'+unter/100+' &euro; </td></tr><br>';
                 document.getElementById('aus').innerHTML+=details;
                 bezahlen(NOCH,plus)
            }
        });  
    }else{
        var details='Ohne Details';
        var hab='';
        bezahlen(NOCH,plus)
    }
    function bezahlen(NOCH,plus){

    GM_xmlhttpRequest({
          method: 'POST',
        url: 'https://www.pennergame.de/city/games/buy/',
          headers:
            {'Content-type': 'application/x-www-form-urlencoded'},
            data: encodeURI('menge='+radio+'&id=1&preis='+radio+'.00&preis_cent=100&submitForm=F%C3%BCr+%E2%82%AC0.00+kaufen'),
        onload: function(){
                var k=200/wieviele_kaufen;
                var k1=k*plus;
                var k2=k1/2;
                var k2=k2.toFixed(2);                
                $('#balkeninnen').css('width',k1+'px')        
                $('#balkeninnen').html(k2+' %')
                if(k2==100){
                   var gewinn=localStorage.getItem('start')-localStorage.getItem('hab');
                   if(gewinn==0){
                        // var gewinn1='<p>Fertig gekauft ,das Lose kaufen hat nix an deinen Kontostand geändert</p>';
                   }
                   if(gewinn>0){
                       gewinn=gewinn/100;
                       var gewinn1='<p style="font-size:20px">Fertig gekauft ,'
                       +'du hast <span style="color:red"> '+gewinn+'  &euro;  </span> verlust gemacht </p>';
                     schuss();
                   }
                   if(gewinn<0){
                       gewinn=gewinn/100;
                       var gewinn1='<p style="font-size:20px">Fertig gekauft ,'
                       +'du hast <span style="color:green"> '+gewinn+'  &euro;  </span> Gewinn gemacht </p>';
                     schuss();
                   }
                   $('#aus1').html(gewinn1);
                  function schuss(){
                    setTimeout(function(){
                      location.reload();
                    },3000);
                  }
                }
                los(NOCH,plus)
            }
        });
    }
  }
})                    
// Copyright By Basti1012 http://sebastian1012.bplacede.net

Drucke diesen Beitrag

  Rechnen mit Zeit
Geschrieben von: admin - 18.04.2022, 17:09 - Forum: Javascript - Keine Antworten

Gegeben ist ein kleines Formular für eine Reisebuchung, bei dem man den gewünschten
Start der Reise angeben können und wo automatisch nach der Eingabe des vollständigen
Startdatums als Enddatum der Wert für ein um 2 Wochen erhöhtes Startdatum vom
Formular vorgeschlagen wird.
Das Formular enthält die 6 Input-Textfelder  mit den id-Attributen: starttag, startmonat,
startjahr, endtag, endmonat, endjahr.
1. Erstelle eine JavaScript-Funktion, die die oben beschriebene Anforderung erfüllt
2. Erstelle den erforderlichen HTML-Kode, damit die Funktion aus 1. zum richtigen
Zeitpunkt ausgeführt wird.
So hoffe, das passt so 
https://basti1012.bplaced.net/index.php?...n_mit_Zeit

Drucke diesen Beitrag

Thumbs Up Grid lernen Spielerisch
Geschrieben von: admin - 18.04.2022, 17:07 - Forum: Hilfreiche Skripte und Online Tools - Keine Antworten

Das gleiche wie bei Flexboxen gibt es auch mit Grid.
http://cssgridgarden.com/#de

Damit versteht man ganz einfach, welcher Befehl was macht und man lernt damit ganz gut und schnell.

Drucke diesen Beitrag

  Flexbox lernen Spielerisch
Geschrieben von: admin - 18.04.2022, 17:06 - Forum: Hilfreiche Skripte und Online Tools - Keine Antworten

Einfach . Spiele mit dem Frosch und lerne dabei Flexbox.
http://flexboxfroggy.com/#de

Dann kann man hier noch das gelernte testen und anfangen eine HTML Seite zu Programmieren 
http://the-echoplex.net/flexyboxes/

Drucke diesen Beitrag

  Kommentierfunktion
Geschrieben von: admin - 18.04.2022, 16:19 - Forum: Javascript - Antworten (19)

Hi, ich wollte gerade eine Kommentierfunktion schreiben, welche bereits einige Kommentare vorgefertigt hat, hatte auch schon mal eine und dachte diese verstanden zu haben, leider finde ich die Datei nicht mehr. Kannst du mir sagen wo ich hier einen Fehler eingebaut habe?

So jetzt hast du glaub ich erstmal genug offene Fragen von mir  Big Grin Big Grin 

Code:
<div id="kommentarspalte">
<div class="kommentare">Hallo</div>
<div class="kommentare">tschüss</div>
<div class="kommentare">servus</div>
<div class="kommentare">ciao</div>
</div>
<textarea id="komschr"></textarea>
<button id="komsend">senden</button>
</div>

<script>
document.getElementsById('komsend').onclick=function(){
 var kommi = document.createElement("div");
   kommi.className="kommentare ";
   kommi.innerHTML=document.getElementById("komschr").value;
 kommentarspalte.appendChild(kommi);
}
</script>

Drucke diesen Beitrag

  Swipe
Geschrieben von: admin - 18.04.2022, 16:09 - Forum: Javascript - Antworten (13)

Vorab: Ich nutze Bootstrap und jQuery.

Ich versuche ein <div> Feld zu erstellen, gefüllt mit Bilder und Text, welches bei einem swipe komplett verschwindet und dafür an gleicher Stelle ein anderes div Feld mit zumindest Text  eingeblendet wird.

Hinzu kommt, dass ich das ganze gerne für mobile und Desktop programmieren würde. In der Desktopversion soll anstelle des swipe ein Button für links und rechts erscheinen.
Regeln würde ich das ganze über Media queries, weswegen zwei getrennte Codes mir schon helfen würden.

Gefunden habe ich dazu verschiedenes, mein aktueller Ansatz ließ zumindest Hintergrundfarben swipen bevor ich ihn abgeändert habe.
Zuvor habe ich noch src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js" eingebunden.

Code:
div.box{

}
div.swipeleft {
 display: none;
}
</style>
</head>
<body>

<div class="box">hallo</div>
<div class="swipeleft">tschüss</div>

<script>
$(function(){
$( "div.box" ).on( "swipeleft", swipeleftHandler );
function swipeleftHandler( event ){
 getElementsByClassName("box").style.display="none";
 getElementsByClassName("swipeleft").style.display="block";


}
});
</script>

Drucke diesen Beitrag

  Hover-Dropdown-Menü
Geschrieben von: admin - 18.04.2022, 16:01 - Forum: Css - Antworten (7)

Hab heute ein Hover-Dopdown-Menü erstellt, wobei der Dropdown Button erscheint sobald man mit der Maus über ein gewünschtes Feld fährt.
Der Dropdown Button erscheint dann in diesem.
Hier kurz der simple Code:

Code:
.Feld.dropdownbutton{
 display:none;
}
.Feld:hover .dropdownbutton{
 display:block;
 position: absolute;
 right:0;
 top:0;
 margin-right: 5%;
 border: 0px;
 background-color: transparent;
 outline: none;
 cursor: pointer;
width: 8px;
height: 25px;
}

Drucke diesen Beitrag