Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 44.520
» Neuestes Mitglied: jane
» Foren-Themen: 80.183
» Foren-Beiträge: 81.979

Komplettstatistiken

Benutzer Online
Momentan sind 277 Benutzer online
» 1 Mitglieder
» 271 Gäste
Applebot, Bing, Facebook, Google, Yandex, d8b6095a50

Aktive Themen
김천출장마사지#LINE/라인≪MS368≫, 김...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor weniger als 1 Minute
» Antworten: 0
» Ansichten: 1
부안안마-부안출장샵-『라인:ms368』부안조건...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 5 Minuten
» Antworten: 0
» Ansichten: 1
횡성출장샵#LINE>라인:ms368 횡성콜걸업...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 11 Minuten
» Antworten: 0
» Ansichten: 1
【라인―ms368〔※〕출장마사지】화천24시출장...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 16 Minuten
» Antworten: 0
» Ansichten: 1
동두천출장샵(((라인:ms368)))∫동두천아...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 21 Minuten
» Antworten: 0
» Ansichten: 1
문경출장샵【LINE@라인:MS368】문경출장업...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 27 Minuten
» Antworten: 0
» Ansichten: 1
옥천출장샵【LINE@라인:MS368】옥천출장업...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 43 Minuten
» Antworten: 0
» Ansichten: 1
동해모텔콜걸@LINE【라인ms368】동해출장샵...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 48 Minuten
» Antworten: 0
» Ansichten: 1
연천출장샵>>라인ms368<<연천출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 54 Minuten
» Antworten: 0
» Ansichten: 1
<<종로구출장샵>> 라인MS368 종로구출장안...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 59 Minuten
» Antworten: 0
» Ansichten: 1

  Lightbox Beispiel
Geschrieben von: admin - 18.04.2022, 18:07 - Forum: Fancybox - Keine Antworten

Habe mal ein Beispiel aus der Demo rausgeholt ,weil es mal so gewünscht wurde.
Beispiel Seite wo die Demos sind
https://osvaldas.info/examples/image-lig...-friendly/
Und hier der Code für das vorletzte Beispiel

Dran denken das da Jquery und noch ein Script eingebunden werden muss

Drucke diesen Beitrag

  Tabellen Spalten zusammenrechen
Geschrieben von: admin - 18.04.2022, 18:03 - Forum: Javascript - Antworten (1)

<table>
<tr> <td> Preis: </td> <td> €220,00 </td> </tr>
<tr> <td> Preis: </td> <td> € 220,00 </td> </tr>
<tr> <td> Summe: </td> <td> € 240,00 </td> </tr>
</table>
Gibt es irgendeine Möglichkeit der Ergebnisse  automatisch berechnen zu lassen?
ICH habe natürlich eine Lösung. Dafür soll das Forum ja auch  da sein .

Guck mal, ob dir das weiter hilft

Drucke diesen Beitrag

  In 3 Spalte suchen
Geschrieben von: admin - 18.04.2022, 17:48 - Forum: Php - Keine Antworten

So kann man durch klicken einer checkbox in mehreren Spalten suchen.
Ich habe das so gemacht. 

Code:
<!doctype html>
<html>
<head>
<title> Durchsuche mehrere Spalten in Db </title>

      <style>
      #suche1,#suche2,#suche3{
      display:none;
      }
      .line{
      display:flex;
      }  
      </style>
</head>

<body>
<h3>Aktiviere die Checkboxen um in der Spalte nach einen bestimmten Wort zu suchen</h3>
<form action="sucheindb.php" method="POST">
<p class="line"> Spalte1 <input id="check1" class="box" type="checkbox" name="suche1"><span id="go1"><input type="text" id="suche1" name="suche4" placeholder="Suchtext..."></span></p>
<p class="line"> Spalte2<input id="check2" class="box" type="checkbox" name="suche2"><span id="go2"><input type="text" id="suche2"  name="suche5" placeholder="Suchtext..."></span></p>
<p class="line"> Spalte3<input id="check3" class="box" type="checkbox" name="suche3"><span id="go3"><input type="text"  id="suche3" name="suche6" placeholder="Suchtext..."></span></p>
<input type="submit" name="su" value="Suche in Datenbank" />
</form>
<script>

for(v=1;v<4;v++){
  boxe1=$('#check'+v+'').prop('checked');
  if(boxe1==true){
      $('#suche'+v+'').css('display','block');
  }else{
      $('#suche'+v+'').css('display','none');
  }
}
$('#check1').click(function(){
  boxe1=$('#check1').prop('checked');
  if(boxe1==true){
      $('#suche1').css('display','block');
  }else{
      $('#suche1').css('display','none');
  }
});
$('#check2').click(function(){
  boxe1=$('#check2').prop('checked');
  if(boxe1==true){
      $('#suche2').css('display','block');
  }else{
      $('#suche2').css('display','none');
  }
});
$('#check3').click(function(){
  boxe1=$('#check3').prop('checked');
  if(boxe1==true){
      $('#suche3').css('display','block');
  }else{
      $('#suche3').css('display','none');
  }
});



</script>





PHP-Code:
<?php 
if(isset($_POST['su'])){
  $suchea=htmlspecialchars($_POST['suche4']);
  $sucheb=htmlspecialchars($_POST['suche5']);
  $suchec=htmlspecialchars($_POST['suche6']);
  $ff1=strlen($suchea);
  $ff2=strlen($sucheb);
  $ff3=strlen($suchec);
  if($ff1>OR $ff2>OR $ff3>2){
    if(!empty($_POST['suche1']) AND !empty($_POST['suche2'])  AND !empty($_POST['suche3'])){
        if($ff1>AND $ff2>AND $ff3>0){
          $query "select * FROM term WHERE normalized_word LIKE '%$suchea%' OR word LIKE '%$sucheb%' OR normalized_word2 LIKE '%$suchec%'  LIMIT 0 , 1000";
        }else{
          echo"Bei den angeklickten Boxen muß mindesten 1 Zeichen in der Suche stehen,ansonsten Deaktiviere die Box";
          return;
        }
    }else if(!empty($_POST['suche1']) AND !empty($_POST['suche2'])){
    if($ff1>AND $ff2>0){
        $query "select * FROM term WHERE word LIKE '%$suchea%' OR normalized_word LIKE '%$sucheb%' LIMIT 0 , 1000";
    }else{
        echo"1Bei den angeklickten Boxen muß mindesten 1 Zeichen in der Suche stehen,ansonsten Deaktiviere die Box";
    return;
    }
  }else if(!empty($_POST['suche1']) AND !empty($_POST['suche3'])){
  if($ff1>AND $ff3>0){
      $query "select * FROM term WHERE word LIKE '%$suchea%' OR  normalized_word2 LIKE '%$suchec%' LIMIT 0 , 1000";
  }else{
      echo"Bei den angeklickten Boxen muß mindesten 1 Zeichen in der Suche stehen,ansonsten Deaktiviere die Box";
      return;
  }
}else if(!empty(
$_POST['suche2']) AND !empty($_POST['suche3'])){
  if($ff2>AND $ff3>0){
      $query "select * FROM term WHERE normalized_word LIKE '%$sucheb%' OR  normalized_word2 LIKE '%$suchec%' LIMIT 0 , 1000";
  }else{
      echo"Bei den angeklickten Boxen muß mindesten 1 Zeichen in der Suche stehen,ansonsten Deaktiviere die Box";
      return;
  }
}
else  if(!empty($_POST['suche1'])){
    $query "select * FROM term WHERE word LIKE '%$suchea%'  LIMIT 0 , 1000";
}
else  if(!empty($_POST['suche2'])){
    $query "select * FROM term WHERE normalized_word LIKE '%$sucheb%'  LIMIT 0 , 1000";
}
else  if(!empty($_POST['suche3'])){
    $query "select * FROM term WHERE  normalized_word2 LIKE '%$suchec%'  LIMIT 0 , 1000";

if(
$_POST['suche1']=='' AND $_POST['suche2']=='' AND $_POST['suche3']==''){
    echo "Bitte kreuze zumindest eine Checkbox an";
}else{
    $mysqli mysqli_connect('localhost''*****''****''****');
    if (mysqli_connect_errno()) die ("Connect failed: " mysqli_connect_error());
        mysqli_set_charset($mysqli"utf8");
        $fa=0;
        $result mysqli_query($mysqli$query)  or die ("MySQL-Error: " mysqli_error($mysqli));
        if ($g=mysqli_num_rows($result)){
          if($f<=100){
            if($_POST['suche1']==''){
                $suchea1='';
            }else{
                $suchea1=$suchea;            
            
}
            if($_POST['suche2']==''){
                $sucheb1='';
            }else{
                $sucheb1=$sucheb;            
            
}
            if($_POST['suche3']==''){
                $suchec1='';
            }else{
                $suchec1=$suchec;            
            
}
            if($g>999){
            $g='+ '.$g.' ( gedrosselt.)';
            }
          echo $g Einträge gefunden zu den Wort <br>";
          echo "<table style=\"font-family:arial;color:#333333;\">"
          echo "<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Nr</td>
          <td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Hauptwort Spalte 1 <span style='float:right;color:white'>Suchwort: <span style='color:red;'>
$suchea1</span></span</td>
          <td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Tuwort ? Salte 2 <span style='float:right;color:white'>Suchwort: <span style='color:red;'>
$sucheb1</span></span</td>
          <td style=\"border-style:solid;border-width:1px;border-color:#98bf21;background:#98bf21;\">Ist Wort ? Spalte 3 <span style='float:right;color:white'>Suchwort: <span style='color:red;'>
$suchec1</span></span</td>"
          while ($row mysqli_fetch_assoc($result)){
            $fa++;
 echo 
"<tr><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">$fa </td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">"
            echo $row['word'];
 echo 
"</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
            echo $row['normalized_word'];
 echo 
"</td><td style=\"border-style:solid;border-width:1px;border-color:#98bf21;\">";
            echo $row['normalized_word2'];
 echo 
"</td></tr>"
          }
   echo "</table>"
    }
        } else {
            echo "Nothing found";
        }
}
  }else{
    echo "Eins der  Suchörter muß mindestens 3 Buchstaben haben";
}
}
?>


Nur ob das so Perfekt ist glaube ich nicht weil  man bestimmt die Datenbank abfrage anders machen kann.Aber dafür bin ich noch nicht gut genug in Sql.
Funktionieren tut es ja

Drucke diesen Beitrag

  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