Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 44.781
» Neuestes Mitglied: MillerStock
» Foren-Themen: 92.462
» Foren-Beiträge: 94.294

Komplettstatistiken

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

Aktive Themen
HONEYWELL.UniSim.Design.S...
Forum: Html
Letzter Beitrag: tuu8
Vor weniger als 1 Minute
» Antworten: 0
» Ansichten: 1
riegl rimining v2.10
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 6 Minuten
» Antworten: 0
» Ansichten: 1
Geotomo GeoThrust 6.4 Lin...
Forum: Html
Letzter Beitrag: tuu8
Vor 6 Minuten
» Antworten: 0
» Ansichten: 2
GeosuiteAllWorks v2.6
Forum: Html
Letzter Beitrag: tuu8
Vor 11 Minuten
» Antworten: 0
» Ansichten: 1
Geoplat Ai 2023
Forum: Html
Letzter Beitrag: tuu8
Vor 14 Minuten
» Antworten: 0
» Ansichten: 2
geogiga seismic 9.15
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 16 Minuten
» Antworten: 0
» Ansichten: 1
Geomodeling VVA Attribute...
Forum: Html
Letzter Beitrag: tuu8
Vor 18 Minuten
» Antworten: 0
» Ansichten: 1
Geochemist Workbench 16.0
Forum: Html
Letzter Beitrag: tuu8
Vor 22 Minuten
» Antworten: 0
» Ansichten: 1
sum3d millbox 2020
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 24 Minuten
» Antworten: 0
» Ansichten: 1
Gemcom Surpac v2024
Forum: Html
Letzter Beitrag: tuu8
Vor 27 Minuten
» Antworten: 0
» Ansichten: 1

  Buttons mit Click Event in Schleife
Geschrieben von: admin - 18.04.2022, 17:41 - Forum: Javascript - Keine Antworten

Aufgabe (JavaScript-Closure): Erstellen Sie dynamisch zwanzig Buttons, denen Sie beim Erzeugen in einer Schleife einen Eventhandler für das 

Click-Event zuweisen, der beim Anklicken u.a. die Zählvariable zur Erstellungszeit ausgibt, z.B. mit folgendem Text: Button 12 wurde gedrückt.


Ich würde es so machen

Drucke diesen Beitrag

  Checkbox namen aus array geben
Geschrieben von: admin - 18.04.2022, 17:36 - Forum: Javascript - Antworten (1)

Das könnte man so machen

Drucke diesen Beitrag

  Zoom auf Box legen
Geschrieben von: admin - 18.04.2022, 17:34 - Forum: Css - Antworten (5)

basti1012   Ich habe das selbst herausgefunden was folgt: 

es braucht nur:

transform: scale(3.1);
z-index: 20;

im CSS ...  Schaue Dir bitte trotzdem das Ende von meiner folgenden Frage an ...


basti1012 kannst Du mir bitte zeigen, wie ich möglichst einfach den Inhalt von einer Box bei hover in einem pop-up Fenster vergrössert darstellen kann. Auf der jetzt vorhandenen Seite hat es Kästen die mit diesem Code erzeugt werden:

a#bx01 {
   color: black;
   background-color: RGB(48,216,97);
   position: absolute;
   width: 300px;
   height: 140px;
   top: 160px;
   left: 250px;
   text-align: left;
   transition: all 0.7s ease;
}
a#bx01:hover {
   background-color: green;
   color: black;
   transform: scale(1.1);
   transition: all 0.7s ease;
}

HTML:

href="sl/index.html"; target="_parent">
02

 

Es hat 20 Boxen in 5 Linien und 4 Spalten. Bei hover sollte der Inhalt von der Box, die man mit der Maus berührt sich einfach auf (fast) die komplette Seitengröße aufblähen. Wenn man dan mit der Maus aus dem Bild fährt schliesst sich das Pop-Up wieder von selbst.

Bitte überlege ob das nicht ganz extrem einfach zu realisieren ist ... die Kästen werden schon jetzt bei Mouse-over grösser (allerdings schieben sie sich unter den nächsten Kasten) ... wenn man sie auf ca 4 x die ursprüngliche Größe vergrößern könnte und über den daneben stehenden Kästen, wäre das schon ganz toll.

Und noch etwas: ich würde gerne Dein Forum, als Forum von einer von meinen Seiten nutzen (das ginge mit einem einfachen Link). Das bringt Dir dann Nutzer und mir erspart es, dass ich ein eigenes Forum aufbauen muss ... aber um das abzumachen, müsstest Du mich bitte per mail anschreiben.

Danke,
brainstuff

Drucke diesen Beitrag

  Flexbox mit aside
Geschrieben von: admin - 18.04.2022, 17:32 - Forum: Css - Antworten (1)

Hier ein Beispiel wie man Flexbox Layout umsetzten, kann

Der Code

Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Flexboxen -Layout</title>
<style>
   *{
 margin: 0px;
 padding: 0px;
}
body{
 background: #E6E6E6;
 border: solid 3px black;
 display:flex;
 flex-direction:column;
}
p {
 font-family: Helvetica, Avenir, Arial, sans-serif;
 font-size: 11px;
}
header{
 width: 100%;
 background: #ABABAB;
 border: solid 2px blue;
 text-align:center;
}
header p{
 font-size:30px;
}
#wrapper{
 display:flex;
}
#left{
 flex:1;
 padding-top:30px;
 border: dotted 2px black;
 background: #D4D4D4;
 text-align:center;
}
main{
 flex:4;
 border: solid 2px blue;
 background: #D1EEEE;
}
main p{
 font-size:100px;
 text-align:center;
}
#right{
 flex:1;
 background: white;
 border: dotted 2px black;
 background: lightgreen;
 text-align:center;
 padding-top:30px;
}

ul {
 list-style-type: none;
 list-style-position: inside;
 font-family: Helvetiva, Avenir, Arial sans-serif;
 font-size: 12px;
 margin-left: 0em;
 padding-left: 0em;
}
footer{
 background: #ABABAB;
 border: solid 2px blue;
 text-align:center;

}
footer p{
   font-size:30px;
}
 </style>
</head>
<body>
<header> <p> Kopfzeile </p></header>
<div id="wrapper">
  <aside id="left">
            <ul>
            <li> <p>Navigation 1</p> </li>
            <li> <p>Navigation 2</p> </li>
            <li> <p>Navigation 3</p> </li>
            </ul>
  </aside>
  <main><p>Mitte</p></main>
  <aside id="right">
       <img src="https://gravatar.com/avatar/05985c88be5fa0d7f448e068960452b9?s=80&d=https://codepen.io/assets/avatars/user-avatar-80x80-bdcd44a3bfb9a5fd01eb8b86f9e033fa1a9897c3a15b33adfc2649a002dab1b6.png" alt="placeholder" width="150" height="150" style="border: 0px; vertical-align: middle;" />  <br />
       <img src="https://gravatar.com/avatar/05985c88be5fa0d7f448e068960452b9?s=80&d=https://codepen.io/assets/avatars/user-avatar-80x80-bdcd44a3bfb9a5fd01eb8b86f9e033fa1a9897c3a15b33adfc2649a002dab1b6.png" alt="placeholder" width="150" height="150" style="border: 0px; vertical-align: middle;" />
   </aside>
</div>
<footer> <p> Fußzeile </p></footer>
</body>
</html>

Drucke diesen Beitrag

  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