Beiträge von Stef

Stef

Hey,

ich meine mit der email, nicht das senden, sondern, dass in der auswertung.txt trotz eingabe der email im formular das Feld bei E-Mail leer blieb. Habe dies nun aber korrigiert. Und es klappt nun.

In der Datenbank werden die eingegebenen daten nicht gespeichert. Keine neue reihe ensteht. Aber es werden weder Fehler noch Meldungen angezeigt.
Mein aktuelles script:

PHP

<?php
if(isset($_POST['absenden'])){


    // Kurzschreibweise : Variable = WENN ? DANN : SONST;
    $name = isset($_POST['name']) ? $_POST['name'] : null;
    $email = isset($_POST['e-mail']) ? $_POST['e-mail'] : null;
    $betreff = isset($_POST['betreff']) ? $_POST['betreff'] : null;
    $nachricht =  isset($_POST['nachricht']) ? $_POST['nachricht'] : null;
    $sicherheitsabfrage = isset($_POST['sicherheitsabfrage']) ? $_POST['sicherheitsabfrage'] : null;

    if( (integer)$_POST['sicherheitsabfrage'] == 7 
    && $_POST['name'] !== null
    && $_POST['e-mail'] !== null
    && $_POST['betreff'] !== null
    && $_POST['nachricht'] !== null){

        try {

            $pdo = new PDO(
            'mysql:host=localhost;dbname=tutorial;charset=utf8'         // <-- DSN ( DataSourceName )
            , 'root'                                                    // <-- MySQL-Benutzername
            , ''                                                        // <-- MySQL-Passwort
            , array(
                     PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_OBJ,     // gibt an, dass  man die Rückgabe eines Datensatzes von Methoden als Objekt erhaltet
                     PDO::ATTR_EMULATE_PREPARES => false,                 // sagt, dass man nicht nur emulieren wollen, sondern  PreparedStatements nutzen wollen
                     PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION         // PDO  veranlassen , Exceptions zu werfen, die man abfangt und darauf reagiert
                )
        );


        } catch ( PDOException $error ) {


        echo $error->getMessage();


        }




     $statement = $pdo->prepare( "INSERT INTO formulardaten ( name,  email, betreff, nachricht ) VALUES (:name,:email,:betreff,:nachricht )"  );
    $statement->execute(
        array(
            'name' => $name,
            'email' => $email,
            'betreff' => $betreff,
            'nachricht' => $nachricht,
        )
    );
//für txt file auswertung
    $linie = str_repeat("-",30);
     $ausgabe = $linie. "\r\nName: ". htmlspecialchars($name). "\r\nE-Mail:  ".htmlspecialchars($email)."\r\nBetreff:" .  htmlspecialchars($betreff)."\r\nNachricht:".  htmlspecialchars($nachricht)."\r\n\r\n"; 
    file_put_contents('auswertung.txt', $ausgabe, FILE_APPEND|LOCK_EX);
    header("LOCATION: auswertung.php");

    } else
    {
        echo "<p class='echos'>Ihre Angaben waren falsch. Bitte füllen sie das Formular nochmal aus!</p>";    
    }    

}




?>

Alles anzeigen

Und das ist die auswertung.php

PHP

<?php


try{
    $pdo = new PDO('mysql:host=localhost;dbname=tutorial', 'root', '');
} catch(PDOException $e){
    exit ("Ein Fehler ist aufgetreten:" .$e -> getMessage());
}


$line = str_repeat("-",50);
$sql = "SELECT name, email,betreff, nachricht FROM formulardaten ORDER BY name LIMIT 10";
foreach ($pdo->query($sql) as $row) {
   echo $line. "<br>Name: " .$row['name']. "<br >";
   echo "E-Mail: ".$row['email']."<br>";
   echo "Betreff: ".$row['betreff']."<br>";
   echo "Nachricht: ".$row['nachricht']."<br><br><br>";
}
//Wie könnte man dies mit Prepared Statements machen? Die rows in einem array stecken ?
?>

Alles anzeigen

Aso Ok.
Ich habe mal fetch gelesen und habe mich gefragt für was das ist.

Stef

Hey,

erstmals ein großes danke für die ausführliche Erklärung.

ich habe nun mein script angepasst. Und wenn ich mein Formular wegschicke passiert nichts. nur in die auswertung.txt werden die daten gespeichert, bis auf die email, die bleibt trotz angabe immer leer, in der Datenbank passiert nichts.

Fetch bedeutet ja: Hole dir daten aus den reihen, wie kann ich dies dann anwenden ?
Und woher hast du nun getMessage und die var $pex ?

Ja manche Teile sind noch sehr optimierbar. Habe heute alles optimiert.

Gruß, Stef

Stef

Hey,

Mein Problem:
Ich habe ein script erstellt welches variablen in die Datenbank abspeichern soll. Nun wenn ich das Formular absende, dann entstehen zwar weiter spalten aber in denen steht nix, alle sind leer. Warum ist das den so ??

Mein script :

PHP

<?php
if(isset($_POST['absenden'])){

    //Datenbankverbindung herstellen


$pdo = new PDO ('mysql:host=localhost;dbname=tutorial', 'root', '');
$statement = $pdo->prepare("INSERT INTO formulardaten(name,email,betreff,nachricht) VALUES ('$name','$email','$betreff','$nachricht')");
$statement->execute(array('$name','$email','$betreff','$nachricht')); //ausführen des SQL-Statements 


    
    if(isset($_POST['name']))
    {
            $name =    htmlspecialchars($_POST['name']);
    } else{
        $name =    null;
    }

    if(isset($_POST['e-mail']))
    {
            $email = htmlspecialchars ($_POST['e-mail']);
    } else{
        $email = null;
    }

    if(isset($_POST['betreff']))
    {
            $betreff = htmlspecialchars ($_POST['betreff']);
    } else{
        $betreff =    null;
    }

    if(isset($_POST['nachricht']))
    {
            $nachricht = htmlspecialchars ($_POST['nachricht']);
    } else{
        $nachricht = null;
    }

    if(isset($_POST['sicherheitsabfrage']))
    {
            $sicherheitsabfrage = htmlspecialchars ($_POST['sicherheitsabfrage']);
    } else{
        $sicherheitsabfrage = null;
    }


    $sicherheitsantwort = 7;

    $ausgabe = "-----------------------------------------\r\nName:  ".$name ."\r\nE-Mail: ".$email ."\r\nBetreff: ".$betreff ."\r\nNachricht:  ". $nachricht ."\r\n-----------------------------------------\r\n";


if( htmlspecialchars ($_POST['sicherheitsabfrage']) == 7 && htmlspecialchars($_POST['name']) && htmlspecialchars ($_POST['e-mail']) && htmlspecialchars ($_POST['betreff']) && htmlspecialchars ($_POST['nachricht']) !== null){
    echo "<p class='echos'>Formular wurde erfolgreich abgesendet!</p>";
    $file = 'auswertung.txt'; 
    $current = file_get_contents($file); // Öffnet die Datei, um den vorhandenen Inhalt zu laden
    file_put_contents($file, $current . $ausgabe); // Schreibt den Inhalt in die Datei zurück aber überschreibt die andere nicht, es geht auch so:  file_put_contents($file , $ausgabe , FILE APPEND); 
    } else
    {
        echo "<p class='echos'>Ihre Angaben waren falsch. Bitte füllen sie das Formular nochmal aus!</p>";
    }

}
?>

Alles anzeigen

Und ein Bild der Tabelle "formulardaten": http://prntscr.com/byonhe

Und das erscheint dann noch das: http://prntscr.com/byopxw , nach dem Absenden erst. Ich weis das da diese variablen nicht gesetzt sind wenn das kommt, habe es aber gemacht. Warum kommt es trotzdem ?

Dann noch ne Frage :

Ich möchte für jede gesendete Nachricht eine neue id haben. Wie macht man denn das?

PS: Habe erst heute gestartet. Wenn jemand Verbesserungsvorschläge hat nur raus damit

Stef

Stef

Hey,

vielen Dank.

Ja aber dies ist nur fürn sehr langen text.. da ist doch nichts schlecht dran. ?

Stef

Hey.

vielen Dank. Was macht den dieses Zeichen : ~ ?

Wenn man nun weiter... klickt dann wird ja der Text mit einem gewissen abstand geöffnet. Wie bekommt man es hin das dieser geöffnete Text genau am letzten satz des vorigen Textes anschließt ? Ist das möglich ?

Gruß,
Stef

Stef

Hey,

ja es sollte möglichst css sein, aber na gut. Das geht ja mit js viel einfacher.

Vielen Dank.

Stef

Hey,

ich habe mal einen ausklappbaren Text erstellt. Funktioniert auch. Aber wenn ich nun das weiterlesen klick dann erscheint auch der Text aber das weiterlesen bleibt da stehen.
Wie kann man es machen, dass wenn man das weiterlesen.. klickt das dieses dann verschwindet und der andere Text dann sofort anschließt?

Anbei meine Dateien:

HTML

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">

        <link href="test.css" rel="stylesheet">

        <title>Aufklappbarer Text</title>
    </head>
    <body>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.takimata sanctus est Lorem ipsum dolor sit<a href="#textb">weiterlesen...</a></p>

        <div id="textb">
        <p >Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <a href="#text-b-close">weniger...</a></p>

        </div>


    </body>
</html>

Alles anzeigen

CSS:

Code

*{
    padding: 0px;
    margin: 0px;
    font-family: Verdana, sans-serif;
}


a
{
    padding-left: 10px;
}
#textb:target
{
    display: block;
}


#textb
{
    display: none;
}

Alles anzeigen

Stef

Stef

Hey,

ja das ist alles nur Beispieltext. Musste mir ja irgendwas einfallen was ich da rein schreib und mit was ich die webseite fülle.

Wie gesagt, es ist nur eine Übungsseite zum Lernen/Üben von PHP, CSS, HTML usw.....

Arne Drews:
Es klappt nun. Danke.

Stef

Hey,

Arne Drews : Ja das geht auch. Ich wollte es nur mal wissen wie es funktioniert. Fragen darf man ja

Gastl:

So siehts auf meinem PC-Bildschrim aus:

http://prntscr.com/bucxxv

http://prntscr.com/bucziy

Ich kann noch nicht professionell eine Webseite designen, aber so wie ich es haben will Und das genügt mir!

Gruß,
Stef

Stef

Hey Gastl,

ich habe dieses seite für kleinere Modelle noch nicht optimiert. daher siehts so aus. Und da es nur eine Testseite ist tuh ich langsam und langsam mein neu gelerntes Wissen anwenden.

Kommen wir daher zurück auf den Punkt mit der Navigation.

Stef

Hey,

ich habe es auf meiner testseite nun hinbekommen. Funktioniert auch alles gut mit abstand von oben.

HTML

<!DOCTYPE html>
<html>


<head>
    <title>Titel</title>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset="UTF-8">
<style>
    body
    {
        background-color: antiquewhite;
    }
  .menu
    {
        background-color: black;
        width: 100%;
        position: absolute;
        top: 90px;
        right:0px;

    }
    .menu li
    {
        list-style-type: none;
        color: white;
        display: inline-block;



    }
  #seitenbereich
    {
        margin-top: 200px;
     margin-left: 500px;   
    }
  .fixed 
    {
        position: fixed; 
        top:0; 
        left: 0px; 
        border: 2px solid black; 
        z-index: 1000;
    }
</style>
</head>


<body>


<div class="menu">
    <ul>
      <li>Menuitem 1</li>
      <li>Menuitem 2</li>
      <li>Menuitem 3</li>
      <li>Menuitem 4</li>
      <li>Menuitem 5</li>
      <li>Menuitem 6</li>
      <li>Menuitem 7</li>
      <li>Menuitem 8</li>
    </ul>
  </div>

  <div id="seitenbereich">
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>

 
  </div>
<script>
$(document).ready(function() {
  var top = $('.menu').offset().top;
  $(window).scroll(function() {
    if($(this).scrollTop() > top) {
      $('.menu').addClass('fixed');
    } else {
      $('.menu').removeClass('fixed');
    }
  });
});
</script>
    </body>
    </html>

Alles anzeigen

Nun wenn ich dies auf meine originale Seite übertrage passiert nichts... Mit paar Änderungen hat es geklappt. Aber ich möchte, dass die obere navigation von oben abstand hat. Und wenn ich dies mittels margin oder bei position mit top mache, und dann runterscrolle dann bleibt die navi an der position und geht nicht wie in .fixed geschrieben an das fenster direkt. Und komisch ist es auch dass wenn ich nun das div das den loginbereich umschließt lösche und es im js-script anpasse und dies mit css designe und positioniere dann passiert nichts.... Warum denn dass ??

Anbei mein code meiner Originalseite oder besucht sie einfach : http://apple231.bplaced.net/ :

HTML

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title> Test Webseite von Stef</title>

        <link href="index.css" rel="stylesheet" type="text/css">
        <link rel="icon" href="icons/favicon.ico" type="img/x-icon"> <!-- Favicon eingebunden -->

        <meta name="description" content="Webdesign , HTML, CSS, PHP">
        <meta name="robots" content="index,follow">

        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
 </head>


    <body>


          <!--Navigation -->
         <div class="menu">
             <div class="navigation">
            <nav>
                <ul>

                    <li class="top">

                        <a href="index.php" class="drop">Home 
                            <span class="zusatz">></span>
                        </a>
                        <div class="down">
                           <ul> 
                               <li class="untermenu"><a href="#">Über uns <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"> <a href="#">Leistungen <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">Websprachen <span class="zusatz2">°</span></a>
                            </ul>
                        </div>
                    </li>
                    <li class="top">
                        <a  href="#" class="drop">Slideshow 
                            <span class="zusatz"> ></span>
                        </a>
                        <div class="down">
                           <ul> 
                               <li class="untermenu"><a href="#">Sommer <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">Winter <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">Herbst <span class="zusatz2">°</span></a></li>
                           </ul>
                        </div>
                    </li>
                    <li class="top">
                        <a  href="#" class="drop">Bildergalerie 
                              <span class="zusatz"> ></span> 
                        </a>
                        <div class="down">
                           <ul> 
                               <li class="untermenu"><a href="#">Lieblingsbilder <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">Tierbilder <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">Schulbilder <span class="zusatz2">°</span></a></li>
                           </ul>
                        </div>
                    </li>
                    <li class="top">
                        <a href="#" class="drop">Sonstiges 
                            <span class="zusatz">></span>
                        </a>
                        <div class="down">
                           <ul> 
                               <li class="untermenu"><a href="bestellformular.html">Bestellformular <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"> <a href="#">Animationen <span class="zusatz2">°</span></a></li>
                               <li class="untermenu"><a href="#">HTML-Canvas<span class="zusatz2">°</span></a>
                            </ul>
                        </div>
                    </li>
                </ul>
            </nav>

</div>
             <!--Home-Bereich-->

            <!--LoginBereich-->
             <div id="funktion-navibereich">
         <a class="login-open" href="#loginauf" title ="Log-In">Login<img id="loginpic" src="icons/login.jpg"></a>
            <div id="loginauf" class="login">
                <form method="post" >
                <img src="icons/profile.jpg"><br>
                <label for="benutzer">Benutzername:</label>
                <input type="text" name="loginname" id="benutzer">
                <br><br>
                <label for="password">Passwort:</label>
                <input type="password" name="loginpassword" id="password">
                <br><br><input type="submit" name="logindatensenden" value="Log In!">
                <a class="login-close" id="loginzu" href="#loginzu" title="schließen">X</a>
            </form>
                <div id="phpausgabe">
                <?php
        if(isset($error) and !empty($error)){
            echo $error;
        } 
        ?>
                    </div>
        </div>

                 <a class="ladestartseite" href="index.php" title="Home">Home<img src="icons/home.jpg"></a>
       </div>

        <div id="search">
                <form id="searching">
                    <input type="submit" value="Suchen" id="absenden">
                    <input type="search" id="search_things"  placeholder="search..." />

                </form>
            </div>    
             </div>

        <script type="text/javascript">
$(document).ready(function() {
  var top = $('.menu').offset().top;
  $(window).scroll(function() {
    if($(this).scrollTop() > top) {
      $('.menu').addClass('fixed');
    } else {
      $('.menu').removeClass('fixed');
    }
  });
});
</script>
<p style="margin-top: 500px;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
</body>
    </html>

Alles anzeigen

CSS:

Code

*
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
}


body
{
    background-color: rgba(0, 0, 0, 0.7); 
}
/*Navigation*/




div.navigation
{


    position:absolute;
    top: 0px;
    width: 100%;
    height: 43px;
    background-color: black; 
    border-bottom: 3px solid blue;
    border-top: 3px solid blue;

}


.navigation ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;

}




.navigation li.top
{
    float: left;

}


.top a
{
    float: left;
    width: 150px;
    height: 20px;
    text-align: center;
    padding: 10px 5px;
    color: cyan;
    text-decoration: none;
    display: block;
    border-right: 3px solid cyan;
    border-bottom: 3px solid cyan;

}




.untermenu a
{
    color: cyan;
    text-decoration: none;
    width: 150px;
    padding: 10px 5px;
    margin: 0px;

    float:left;
    background-color: rgba(0, 0, 0, 0.7);
    clear:both;
    border-right: 1px solid cyan;
    border-left: 1px solid cyan;
    border-bottom: 1px solid cyan;
}






.top ul
{
    position: absolute;
    top:43px;
    display: none;
}






li.top a:hover 
{
    color: yellow;
    background-color: rgba(5, 255, 218, 0.8);


}


.top:hover ul 
{
    display:block;

}




li.untermenu a:hover
{
    background-color: rgba(0, 0, 70, 1);
    color: chartreuse;
    font-weight: 700;

}


.top:hover .drop 
{
    background-color: blue;
    color: yellow;
    height: 20px;
}


/*Position beim fixieren der Navigation*/
.fixed 
    {
        position: fixed; 
        top:0px; 
        left: 0px;
        right:0px;
        border: 2px solid black; 
        background-color: black;
        z-index: 1000;
    }




/*rotierender Pfeil*/
span.zusatz
{
    position: relative;
    display: block;
    top: -15px;
    left: 50px;
    color: white;
    padding-left: 5px;
    transition: all 0.5s ease-in;
}


.top:hover .zusatz 
{

    transform: rotate(90deg);
    color: cyan;
}


/*bewegende Kreise*/


span.zusatz2
{
    position: relative;
    top:-15px;
    left: 70px;
    display: block;
    color: white;
    transition: all 1s ease-in;
}


.untermenu:hover .zusatz2
{
    transform: translate(-8px);
    color: red;
}
/*Search-bar*/


form#searching
{
display: inline-block;
position: absolute;
top: 5px;
right: 10px;

}


input#search_things
{

    height: 30px;
    width: 100px;
    border-radius: 10px;
    font-size:20px;
    border: 3px solid gray; 
    transition: ease-in 2s width;
}


#search_things:focus
{
    width: 400px;
    border: 2px solid cyan;
}


form#searching input#absenden
{
    position: relative;
    padding: 5px;
    margin-right: 5px;
    border-radius: 8px;
    transition: all ease-in 1s;

}


input#absenden:hover
{
    cursor: pointer;
    background-color: aqua;
    border: 2px solid blue;
}


/*Login-Bereich*/
div#funktion-navibereich
{
    width: 200px;
    height: 41px;
    background-color: white;
    position: absolute;
    left: 700px;
    top: 3px;
    border-right: 3px solid cyan;
    border-left: 3px solid cyan;
    border-bottom: 2px solid cyan;
}


/*Loginpic*/
a.login-open{
    position: absolute;
    left: 5px;
    top: 20px;
    color:black;
    text-decoration: none;
}


img#loginpic
{
    height: 41px;
    width: 50px;
    position: absolute;
    left: 40px;
    top:-20px;


    border-right: 2px solid black;
}


a.login-open:hover
{
    text-decoration: underline;
}
div.login
{
    position: absolute;
    top: 170px;
    left: -130px;
    background-color: white;
    height: 550px;
    width: 800px;
    padding: 10px 10px 10px 10px;
    border: 3px solid cyan;
}


div.login img
{
    height: 300px;
    padding-left: 250px;

}


.login label
{
    position: relative;
    top: 50px;
    left: 230px;
}
.login input[type='text']
{

    height: 30px;
    border: 2px solid black;
    text-indent: 5px;
    position: relative;
    top: 50px;
    left: 230px;
}


.login input[type='password']
{

    height: 30px;
    border: 2px solid black;
    text-indent: 5px;
    position: relative;
    top: 50px;
    left: 267px;

}
.login input[type='submit']
{
    padding: 10px 10px 10px 10px;
    background-color: aqua;
    border: 2px solid black;
    position: relative;
    top: 45px;
    left: 400px;

}


a.login-close
{
    position: absolute;
    right: 40px;
    top: 70px;
    font-size: 20pt;
    background-color:red;
    padding: 5px;
    border: 3px solid orange;
    text-decoration: none;
    color: white;
    border-radius: 15px 0px 15px 0px;
}


a.login-close:hover
{
    border: 3px solid red;
    background-color: orange;
    cursor: pointer;
}


.login input[type='submit']:hover{
 box-shadow: 1px 3px 1px 1px gray;
cursor: pointer;


}


#loginauf:target 
{
    display: block;
}
#loginauf
{
    display:none;
}


/*Lade startseite*/


a.ladestartseite
{
position: relative;
    left: 105px;
    top: -8px;
    color:black;
    text-decoration: none;    
}


a.ladestartseite img
{
    height: 41px;
    width: 50px;
    position: relative;
    top: 10px;
}


a.ladestartseite:hover
{
    text-decoration: underline;
}


/*PHP ausgabe bei falschem login*/


div#phpausgabe
{
    position: relative;
    left: 360px;
    top: 20px;
}

Alles anzeigen

Hoffe ihr könnt mir helfen.

Stef

Stef

Hey,

vielen Dank. Hab jetzt den PHP-Mailer benutzt, klappt alles super.

Stef

Hey,

vielen Dank, funktioniert alles.

input mit checked ?

Eine Frage:
Mit dem css teil sagt man ja, wenn das verlinkt bild geklickt ist dann soll sich die loginform öffnen. Und das der #loginauf teil (die loginform) erst dargestellt wird wenn man das verlinkte Bild klickt.

Nun aber, was ist denn mit dem Kreuz zum abbrechen. Wenn man dieses jetzt klickt dann wird die loginform nicht mehr dargestellt.

Ich tuh dieses Kreuz zum abbrechen aber garnicht ansprechen.. warum schließt sich dann trotzdem die loginform ?

Stef

Stef

Morgen zusammen,

ich möchte das wenn man auf ner seite runterscrollt, dass sich das Menu ab ner bestimmten position sich fixiert und dann wenn man wieder nach oben scrollt, das es dann wieder normal dargestellt wird.

Ich habe mal in google nach Lösungen gesucht aber irgendwie keines funktioniert bei mir.. ich weiß nicht warum.

Mein jetziger code:

PHP

//Nur wegen den Highlights PHP genommen
	<script>
$(document).ready(function($) {
    	var stickyHeaderTop = $('#nav').offset().top;
    	$(window).scroll(function(){ /*header-menu-wrap*/
        	if( $(window).scrollTop() > stickyHeaderTop ) {
        	$('#nav').addClass("sticky-menu");
        	} else {
        	$('#nav').removeClass("sticky-menu");
        	}
    	});
});  
</script>

Alles anzeigen

HTML

<!DOCTYPE html>
<html>


<head>
	<title>Titel</title>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
</head>


<body>


<div id="nav">
	<ul>
  	<li>Menuitem 1</li>
  	<li>Menuitem 2</li>
  	<li>Menuitem 3</li>
  	<li>Menuitem 4</li>
  	<li>Menuitem 5</li>
  	<li>Menuitem 6</li>
  	<li>Menuitem 7</li>
  	<li>Menuitem 8</li>
	</ul>
  </div>

<!-- hhhhhhhh nur um scrollen zu können -->
	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>

 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
 	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
</body>
</html>

Alles anzeigen

Code

*
{
	[COLOR=#87154F]padding[/COLOR]: [COLOR=#1906FD]0px[/COLOR];
	[COLOR=#87154F]margin[/COLOR]: [COLOR=#1906FD]0px[/COLOR];
}
#nav
{
	[COLOR=#87154F]background-color[/COLOR]:black;
	[COLOR=#87154F]position[/COLOR]: [COLOR=#994509]relative[/COLOR];
	[COLOR=#87154F][COLOR=#994509]top[/COLOR][/COLOR]: [COLOR=#1906FD]10px[/COLOR];
}
#nav li
{
	[COLOR=#87154F]color[/COLOR]:white;
	[COLOR=#87154F]display[/COLOR]: [COLOR=#994509]inline-block[/COLOR];

}


#nav ul
{
 [COLOR=#87154F]padding[/COLOR]: [COLOR=#1906FD]5px[/COLOR];	
}




p
{
	[COLOR=#87154F]margin-top[/COLOR]: [COLOR=#1906FD]50px[/COLOR];
}


div.sticky-menu {
	[COLOR=#87154F][COLOR=#994509]top[/COLOR][/COLOR]: [COLOR=#1906FD]0[/COLOR];
	[COLOR=#87154F]position[/COLOR]: [COLOR=#994509]fixed[/COLOR];
	[COLOR=#87154F]width[/COLOR]: [COLOR=#1906FD]960px[/COLOR];
	[COLOR=#87154F]z-index[/COLOR]: [COLOR=#1906FD]1000[/COLOR];
}

Alles anzeigen

Hoffe ihr könnt mir helfen.

Stef

Stef

Morgen zusammen,

ich habe ein problem. Ich möchte wenn man auf ein verlinktes Bild klickt, dass sich ein Loginbereich öffnet und wenn man dann auf das kreuz klickt dieses wieder schließt.

Ich habe schon einiges ausprobiert aber ich weiß nicht warum das nicht funktioniert..

Anbei meine Dateien:

HTML

<a class="login-open" href="#loginauf" title ="Log-In"><img src="login.jpg"></a>
            <div id="loginbereich" class="login">
                <form method="post" >
                <img src="profile.jpg"><br>
                <label for="benutzer">Benutzername:</label>
                <input type="text" name="loginname" id="benutzer">
                <br><br>
                <label for="password">Passwort:</label>
                <input type="password" name="loginpassword" id="password">
                <br><br><input type="submit" name="logindatensenden" value="Log In!">
                <a class="login-close" id="loginzu" href="#loginzu" title="schließen">X</a>
            </form>
        </div>

Alles anzeigen

Code

/*Login-Bereich*/


/*Loginpic*/
a.login-open{
position: absolute;
right: 540px;
top: 0px;
}


a.login-open img
{
    height: 42px;
    border: 2px solid cyan;
    border-top:none;
    transition: all 1s ease-in;
}


a.login-open img:hover
{
    opacity: 0.7;

}
div.login
{
    position: absolute;
    top: 100px;
    left: 500px;
    background-color: white;
    height: 500px;
    width: 800px;
    padding: 10px 10px 10px 10px;
    border: 3px solid cyan;
}


div.login img
{
    height: 300px;
    padding-left: 250px;

}


.login label
{
    position: relative;
    top: 50px;
    left: 230px;
}
.login input[type='text']
{

    height: 30px;
    border: 2px solid black;
    text-indent: 5px;
    position: relative;
    top: 50px;
    left: 230px;
}


.login input[type='password']
{

    height: 30px;
    border: 2px solid black;
    text-indent: 5px;
    position: relative;
    top: 50px;
    left: 267px;
}
.login input[type='submit']
{
    padding: 10px 10px 10px 10px;
    background-color: aqua;
    border: 2px solid black;
    position: relative;
    top: 60px;
    left: 400px;
}


a.login-close
{
    position: absolute;
    right: 40px;
    top: 70px;
    font-size: 25pt;
    background-color:red;
    padding: 5px;
    border: 3px solid orange;
    text-decoration: none;
    color: white;
}


#loginbereich input[type='submit']:hover{
 box-shadow: 1px 3px 1px 1px gray;
cursor: pointer;


}


#loginauf:target #loginbereich
{
    display: block;
}
#loginzu:target #loginbereich
{
    display:none;
}

Alles anzeigen

Freue mich auf eure Hilfe!

Stef

Stef

Hey,

ich weiß nun warum und habe es verstanden.

Danke für eure Hilfe.

BTW. Das Problem mit der PHP Mail habe ich immernoch.

Ich möchte im Text der php-mail ein link hinzufügen. Aber alles was ich mach zeigt kein link... nur die eingegeben html elemente/tags

Hier mein mailtext:

PHP

$mailtext   = "Sehr geehrte/r". "\t". $vname. "\t". $nname . ",\n\nSie haben bei uns eine Bestellung betätigt. \n\nAnbei sind die Bestellungsdaten! \n\nIhre Bestellung:\n\n ". $angebote. "\n". $angebote1. "\n". $angebote2. "\n".$angebote3. "\n\n Wir hoffen das sie mit ihren erworbenen Sachen Spaß haben! \n Falls sie Probleme haben oder Hilfe brauchen dann besuchen sie unsere Homepage und fragen sie einfach nach! \n\nHier ist unser Link zu unserer Webseite: <a href='http://apple231.bplaced.net/index.php'>Hier gehts zur Webseite</a>\n\n Mit Freundlichen Grüßen,\n Stef Webdesign";

Hoffe ihr könnt mir auch da helfen

Gruß,
Stef

Stef

Hey,

sorry für die verwirrende Frage..

Also ich habe jetzt das eine script hier genommen vom letzten mal :

PHP

<?php
$vorname = $_POST['name'];
$nachname = $_POST['nachname'];
$alter = $_POST['alter18'];
$email = $_POST['email'];


$angebot1 = $_POST['angebot1'];
$angebot2 = $_POST['angebot2'];
$angebot3 = $_POST['angebot3'];
$angebot4 = $_POST['angebot4'];


$ausgabe = $vorname ."\r\n".$nachname . "\r\n" .$alter . "\r\n" .$email. "\r\n" . $angebot1. "\r\n" .$angebot2. "\r\n".$angebot3. "\r\n" .$angebot4 ."\r\n";

Alles anzeigen

hier wurden doch "$vorname $nachname $alter $email $angebot1 $angebot2 $angebot3 $angebot4" immer definiert.

Wenn man z.b. das vorname und/oder nachnamefeld leer weggeschickt hat komm keine Notiz (Undefined index: ......).

Und wenn man die angebote nicht alle anklickt und dann es wegschickt, kommt so ne Notiz (Undefined index: ......)

Das Problem ist ja schon gelöst.

Aber warum ist dass so ? Warum wird die Notiz nur wenn man die angebote nicht alle anklickt und es wegschickt angegeben und nicht bei leerlassen von vorname oder email felder??

_________________________________________________________________

Wie gibt man einen funktionierende Mail in den zu sendenden mailtext ein ?

habe es mit "text<a href='meineSeite'>Hier gehts zu unserer Seite</a> probiert. Aber da wird dann nur es so angegeben mit html tag.

Stef

Stef

Hey,

mich beschäftigt seit Tagen das Thema Variablen.

Wenn ich mein script so schreibe mit vorname nachname und email :

PHP

$vorname = $_POST['name']; 
        $nachname = $_POST['nachname'];
        $email = $_POST['email'];

Und dann man kein vorname und nachname oder email eingibt , wird keine notiz angezeigt.

Aber wenn ich jetzt dazu noch dies schreibe mit : value , value1, value2

PHP

$value1 = $_POST['value1'];
$value2 = $_POST['value2'];
$value3 = $_POST['value3'];

dann wird eine notiz ausgegeben warum ?

________________

Und habe ein kleines Email script geschrieben. Alles funktioniert auch, aber ich möchte nun in die email einen link hinzufügen aber der link wird dann in html zeichen dort angegeben.

Hier mein mailtext der versendet wird :

PHP

$mailtext   = "Sehr geehrte/r". "\t". $vname. "\t". $nname . ",\n\nSie haben bei uns eine Bestellung betätigt. \n\nAnbei sind die Bestellungsdaten! \n\nIhre Bestellung:\n\n ". $angebote. "\n". $angebote1. "\n". $angebote2. "\n".$angebote3. "\n\n Wir hoffen das sie mit ihren erworbenen Sachen Spaß haben! \n Falls sie Probleme haben oder Hilfe brauchen dann besuchen sie unsere Homepage und fragen sie einfach nach! \n\nHier ist unser Link zu unserer Webseite: <a href='http://apple231.bplaced.net/index.html'>Hier gehts zur Webseite</a>\n\n Mit Freundlichen Grüßen,\n Stef Webdesign";

Stef

Stef

Hey,

danke für die schnelle antwort.

Es geht nun.

Habe das <?php ?> ganz an die seite getan das da kein freiraum ist. Weil ja dieser Freiraum (durch leerzeichen) diesen error auslöst.

Stef

Stef

Hey,

ich möchte wenn sich jemand einloggt auf eine andere Seite weitergeleitet wird.

ich habe es schon mit :

PHP

header("Location: Zielseite");

probiert, da es mit header möglich ist, aber immer kommt diese fehlermeldung:

cannot modify header information - headers already sent by (output started at /users/apple231/www/index.php)

Warum ? Was ist das Problem?

Stef

Beiträge von Stef

Dateien werden nicht in Datenbank abgespeichert.

Dateien werden nicht in Datenbank abgespeichert.

Dateien werden nicht in Datenbank abgespeichert.

verlinkter text nach klick nicht mehr anzeigen

verlinkter text nach klick nicht mehr anzeigen

verlinkter text nach klick nicht mehr anzeigen

verlinkter text nach klick nicht mehr anzeigen

Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

Frage zu Variablen & Php Mail

Mit :target Login form öffnen

Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

Mit :target Login form öffnen

Frage zu Variablen & Php Mail

Frage zu Variablen & Php Mail

Frage zu Variablen & Php Mail

Weiterleitungen in php in if else

Weiterleitungen in php in if else