Das FavIcon ist hier relativ egal.
Was du hier brauchst, ist Open Graph, genaugenommen folgender Code
<meta property="og:image" content="http://www.deinbild/images/bild.png"/>
<meta property="og:title" content="Dein Seitentitel"/>
<meta property="og:description" content="Deine Seitenbeschreibung"/>Mit dem FavIcon könnnen wir uns angucken, wenn wir die Seite oder den COde dazu haben.
In meinem COde wäre das Zeile 30
<img src="deinbild.jpg" alt="deinbild" style="width:100%;">
Sowa?
<style>
/* Container für Bild und Text */
.container {
position: relative;
}
.container .content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
color: #f1f1f1;
width: 100%;
padding: 20px;
}
/* Style für das Suchfeld */
#mySearch {
width: 20%;
font-size: 18px;
padding: 11px;
margin: 11px;
border: 1px solid #ddd;
border-radius: 5px;
}
</style>
<div class="container">
<img src="deinbild.jpg" alt="deinbild" style="width:100%;">
<div class="content">
<input type="text" id="mySearch" onkeyup="myFunction()" placeholder="Suche..." title="suche">
</div>
</div>
<script>
function myFunction() {
var input, filter, ul, li, a, i;
input = document.getElementById("mySearch");
filter = input.value.toUpperCase();
ul = document.getElementById("myMenu");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
</script>Ich würde da mit eineinm OnClickEvent und setInterval arbeiten.
setInterval(function(){loadLog()},100000);Hallo,
ich habe mir mal dein Script angeguckt.
So wie das du den Code mitgegeben hast, funktioniert das nicht. Bitte mal den ganzen code mitgeben.
Habe auf die Shcnelle folgendes getestet.
<form name="sentMessage" id="contactForm" novalidate action="/mail/contact_me.php" method="POST">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" name="name" id="name" class="form-control" placeholder="Ihr Name" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" name="email" id="email" class="form-control" placeholder="Ihre E-Mailadresse" required="required">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" placeholder="Ihre Nachricht" required></textarea>
<p class="help-block text-danger"></p>
</div>
<div id="success"></div>
<button type="submit" class="btn btn-custom btn-lg">Senden</button>
</form>Das JS Script bitte prüfen, ob es auch richtig auf die contact_me.php verweist. Wird diese aufgerufen? Wie bindest du das Script eigentlich ein bzw. führst du es aus? Ich habe es beim Test erstmal ignoriert.
Brauchst du das Script nur zur Überprüfung der Eingaben? Das würde ich alles per PHP machen.
Weiterhin das PHP Script prüfen.
So könnte es gehen. nicht schön, aber machbar.
<?php
if(empty($_POST['name']) ||
empty($_POST['email']) ||
empty($_POST['message']) OR
!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
{
echo'No arguments Provided!';
return false;
}
else {
$name = $_POST['name'];
$email_address = $_POST['email'];
$message = $_POST['message'];
// Create the email and send the message
$to = 'deine@adresse.de'; //Adresse, wohin die Mail geschickt werden soll
$email_subject = $name; // Absendername wird als Betreff gesetzt. Hier kann auch etwas anderes stehen.
$email_body = "Sie haben eine neue E-Mail durch das Kontaktformular auf der Website erhalten.\n";
$email_body .= "Von: .$name \n";
$email_body .= "e-Mail' $email_address \n";
$email_body .= "Nachricht: $message";
$headers = 'info@deinewebseite.de'; //Wird angezeigt, wenn du es brauchst
mail($to,$email_subject,$email_body,$headers);
echo 'Das hat geklappt'; //Hier eine Erfolgsmeldung, dass die Mail verschickt wurde, angeben. oder auf eine andere Seite umleiten.
return true;
}
?>Auch wenn das da Oben nach einem übernommenen Script aussieht, lege ich dir wärmsten PHP Mailerklasse ans Herz (brauchst dir dann keine großen Gedanken um Header Injection etc. machen), Bitte aber mail() komplett ignorieren. Wird leider immer wieder noch benutzt.
https://github.com/PHPMailer/PHPMailer
Hallo bast1012,
vielen Dank für deine Antwort. ich habe etwas herumprobiert und bin auf fogledne Lösung gestoßen. Sie funktioniert zumindest.
<form method="POST" action="test.php" id="form_jahre">
<?php
//Ausgabe der Jahre für Links
$last_entry = null;
// Zähler
$i=0; ?>
<label>Kontenübersicht der letzten Jahre<select class="input_jahre" name="jahr" id="select_jahr" onchange="onChange()">
<!-- <select class="input_jahre" name="jahr" ide="jahr" type="text" value="'. $jahr . '"> '; -->
<?php while ($row_jahr = $query_jahr->fetch()) {
// Jahr wird abgeschnitten und
$jahr = substr($row_jahr['auszug'], -6, 4);
if ($last_entry != $jahr) { ?>
<option><?=$jahr ?></option>
<?php
$i++;
$last_entry = $jahr;
if ($i >=10){
$i=0;
}
}
}
?>
<input type="hidden" name="input_jahre" value="0" onclick="onSubmitClick()"/>
</form>
<script>
function onChange(){
document.getElementsByName("input_jahre")[0].value = "changed";
document.getElementById("form_jahre").submit();
}
function onSubmitClick(){
document.getElementsByName("form_jahre")[0].value = "OOh oh, Panik!";
return true;
}
</script>Dann einfach $_POST['jahr'] abfangen und der Select funktioniert.
Danke und einen schönen Abend
Grüße
Blickwinkelkanone
Hallo zusammen,
ich glaube, das hier kommt in die JS Sektion.
ich habe bis jetzt mir meine Slect options für Jahre als Button immer nebeneinander ausgeben lassen. Da es mittlerweile viele Jahre sind und es auf Handy Display unschn aussieht, habe ich mir gedacht, dies etwas mobiler zu machen.
Meine Idee dahinter war, dass ich mir weiterhin dynamisch die Selektoptionen aufbaue. Nun soll aber beim auswählen einer Option direkt der Wert übertragen und an das SQL gegeben werden.
Nur mit PHP ist das meines Wissens nicht möglich, da er ein refresh braucht (lasse mich da aber gerne belehren).
Mein PHP Code sah wie folgt aus. Es wurden button nebeneinander produziert.
//Ausgabe der Jahre für Links
$last_entry = null;
// Zähler
$i=0;
while ($row_jahr = $query_jahr->fetch()) {
// Jahr wird abgeschnitten und
$jahr = substr($row_jahr['auszug'], -6, 4);
if ($last_entry != $jahr) { ?>
<div style="float:left">
<form action="kasse.php" method="post">
<input type="hidden" name="jahr" value="<?=$jahr?>">
<input type="submit" value="<?=$jahr?>">
</form>
</div>
<?php
$i++;
$last_entry = $jahr;
if ($i >=10){
$i=0;
}
}
}
if (isset($_POST['jahr'])) { SQL BEfehl....
?>So habe ich den Code abgeändert, um Select Options zu erhalten.
//Ausgabe der Jahre für Links
$last_entry = null;
// Zähler
$i=0;
echo '<label>Kontenübersicht der letzten Jahre<select class="input_jahre" name="jahr" ide="jahr" type="text" value="'. $jahr . '"> ';
while ($row_jahr = $query_jahr->fetch()) {
// Jahr wird abgeschnitten und
$jahr = substr($row_jahr['auszug'], -6, 4);
if ($last_entry != $jahr) { ?>
<option><?=$jahr ?></option>
<?php
$i++;
$last_entry = $jahr;
if ($i >=10){
$i=0;
}
}
}
?>
</select></label>
</div>Man könnte jetzt einen Button noch einbauen, um die Auswahl zu bestätigen. Dies finde ich aber unschön.
Wie kann man das mit JavaScript (oder einer anderen Technik) lösen?
Danke sehr
Grüße
Blickwinkelkanone.
Danke sehr für deine schnelle und kompetente Hilfe!
Wieder etwas gelernt.
Wünsche noch einen angenehmen Tag.
Grüße
Blickwinkelkanone
Guten Morgen Sempervivum,
danke für die Antwort. Ich habe es mir angeguckt und es sieht wirklich smarter aus.
Wie bekomme ich denn hin, dass der Footer nicht sticky ist. Der soll automatisch immer am Ende einer Seite sein (mindestens aber am unteren Bildschirmrand, wenn content nicht komplett voll ist). In deinem Beispiel ist der Footer immer unten. Das nimmt, gerade auf mobilen Geräten, viel Platz weg.
Danke sehr.
Grüße
Blockwinkelkanone
Hallo zusammen,
ich hoffe, ihr könnt mir bei meine Problem helfen.
Meine Seite soll so aufgebaut sein.
Oben (über die ganze Breite), soll ein sticky header sein, der aus einer externen Datei besteht. Darunter soll dann der Inhalt kommen. Am Ende des Inhalt soll immer der Footer (auch eine externe Datei) kommen. Der Footer solll, sofern der Inhalt der Seite nicht groß genug ist, auch immer unten am Bildschirmrand auftauchen.
Folgenden Code habe ich. Sobald ich die include PHP nicht habe, funktioniert es einwandfrei. Sobald ich die Dateien einbinde, wird der Inhalt über das Menü gelegt und der Footer ist etwas tiefer, als der Bildschirmrand, so dass man etwas scrollen muss. hier helfe ich mir dann im COntent mit padding-top.
<style>
html, body {
height: 100%;
}
#wrapper {
position: relative;
min-height: 100%;
height: auto;
height: 100%;
}
#content {
padding-bottom: 75px;
padding-top: 5%;
}
#header {
position: fixed;
width: 100%;
box-shadow: 1px 1px 11px 1px black;
}
#footer {
position: absolute;
width: 100%;
background-color: #333;
box-shadow: 1px 1px 11px 1px black;
bottom: 0px;
}
</style>
<!-- Das Menü wird am oberen Bildschirm gelanden. Es hat das Attribut Sticky -->
<div id="header"><?php include('menue.php'); ?></div>
<div id="wrapper">
<div id="content">content</div>
<!-- Der Footer soll automatisch an das Ende von CONTENT gestellt werden -->
<div id="footer"><?php include('footer.php'); ?></div>
</div>Wo habe ich den Fehlerß
Vielen Dank
Grüße
Blickwinkelkanone
Danke für die Antwort.
CSS benutze ich hier nicht.Das ist eigentlich nur ein simpler Test gewesen.
Den Fehler habe ich gefunden.
Über dem ganzen hatte ich noch ein <br> drin. Das hat es mir zerschossen.
Da habe ich wohl die ganze Zeit mit einer anderen Datei gearbeitet, als ich hier gepostet habe...
Trotzdem vielen Dank.
Guten Morgen,
ich habe ein kleines Problem mit der Anzeige von 2 Forms, die nebeneinander sein sollen. Diese werden nebeneinander angezeigt, jedoch ist ab dem Zweiten Button die Ausrichtung nach unten verschoben.
Die PHP Codeschnipsel habe ich drin gelassen. Kurz erklärt. Dieser Code holt aus der Datenbank den Wert Auszug, der 6 stellig ist. Die ersten 4 stellen beinhalten immer das Jahr, die anderen beiden Stellen sind fortlaufende Nummern (z.B. 201801, 201802 etc.). Durch die Schleife sollen Buttons angezeigt werden, die jeweils nur einmal ein Jahr anzeigen sollen (z.B. 2017 2018 2019 etc.). Betätigt man diese Buttons, wird dann mit dem entsprechenden Wert, der dem Button hinterlegt ist, weiter gearbeitet. Das funktioniert auch tadellos.
Was muss geändert werden, damit diese korrekt nebeneinander angezeigt werden?
Danke sehr.
<?
//Ausgabe der Jahre für Links
$last_entry = null;
// Zähler
$i=0;
while ($row_jahr = $query_jahr->fetch()) {
// Jahr wird abgeschnitten und
$jahr = substr($row_jahr['auszug'], -6, 4);
if ($last_entry != $jahr) { ?>
<form action="kasse.php" method="post">
<div style="float:left">
<input type="hidden" name="jahr" value="<?=$jahr?>">
<input type="submit" value="<?=$jahr?>">
</div>
</form>
<?php
$i++;
$last_entry = $jahr;
if ($i >=4){
$i=0;
}
}
}
?>