Tweet
Hallo Zusammen!
Ich möchte gerne dieses Dropdownmenü:
...in dieser Seite implementieren:
Die Unterordner werden nach Datum neu generiert (z.B.: 2017-02-28) aus dem Ordner "bildersunba".
Ziel ist es, über das Dropdownmenü zu den generierten Ordnern zu wechseln
und sich den Inhalt (*.jpg Bilder) anzeigen zu lassen.
Jetzt habe ich u.a. versucht
$files = glob("bildersunba/*");
vom Dropdownmenü mit
$verzeichnis = "bildersunba/$heute/";
zu verknüpfen.
Wäre über Eure Hilfe sehr Dankbar!
MfG
Ich möchte gerne dieses Dropdownmenü:
PHP-Code:
<?php
$data = array();
$files = glob("bildersunba/*");
foreach($files as $file)
$data[$file] = filemtime($file);
$result = array_reverse($data);
echo '<select name="pfad" value>
<option selected value="">Ordner wählen</option>';
foreach($result as $key => $value) {
$path = "$key";
$key = basename($path);
echo '<option value="'."$key".'">' .$key. '</option>';
}
echo '</select>';
?>
PHP-Code:
<?php
$heute = date("Y-m-d");
$verzeichnis = "bildersunba/$heute/";
if(isset($_GET["show"])) {
foreach(array_slice(scanDir($verzeichnis), 2) as $datei) {
$path = pathinfo($datei);
if(in_array($path["extension"], ["jpg"])) {
$arr[] = ['names'=>$verzeichnis . $datei];
}
}
echo json_encode($arr);
exit;
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Zeitraffer Sunba</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" type="image/x-icon" href="sunba.ico">
<meta name="robots" content="noindex,nofollow">
<style type="text/css">
body { margin:0px; background:#B06E22; color:#FFF; font:bold 14px verdana; }
</style>
<script type="text/javascript">
var bild = new Array();
function show() {
var xhr = new XMLHttpRequest();
xhr.open("GET", document.URL+"?show");
xhr.send(null);
xhr.onreadystatechange = function () {
if(xhr.readyState == 4 && xhr.status == 200) {
var obj = JSON.parse(xhr.responseText);
for(var counter = 0; counter < obj.length; counter++) {
bild[counter] = obj[counter].names;
}
document.getElementById("dummy").src = bild[0];
document.getElementById("number").innerHTML = 1;
document.getElementById("gesammt").innerHTML = "(Aktuell: " + bild.length + " Einzelbilder)";
}
}
}
var aktuell = 0;
function blaettern(richtung) {
var ende = bild.length;
if (aktuell+richtung >= 0 && aktuell+richtung < ende) {
aktuell += richtung;
document.getElementById("dummy").src = bild[aktuell];
}
else if (aktuell+richtung >= ende) {
// aktuell = 0;
document.getElementById("dummy").src = bild[aktuell];
}
document.getElementById("number").value = aktuell+1;
}
function blatt() {
var seite = document.getElementById("number").value;
aktuell = -1;
for( i = 0; i < seite; i++ ) { blaettern(1); }
}
function StundePlus(wann) {
for( i = 0; i < wann; i++ ) { blaettern(1); }
var zahl = document.getElementById("number").value;
if ( zahl == 61 ) { for( i = 0; i < 1; i++ ) blaettern(-1); };
}
function StundeMinus(wann) {
var zahl = document.getElementById("number").value;
if ( zahl == 60 ) { for( i = 0; i < 59; i++ ) blaettern(-1); };
for( i = 0; i < wann; i++ ) { blaettern(-1); }
}
function Weelblatt() {
if ( event.wheelDelta > 0 ) blaettern(1);
if ( event.wheelDelta < 0 ) blaettern(-1);
}
onload = function() { blaettern(1); show(); };
</script>
</head>
<body>
<img src="" id="dummy" OnMouseWheel="Weelblatt();">
<form name="btn" action="">
<input type="button" name="test" value="Bild -" onclick="blaettern(-1);">
<input type=text" id="number" size="3" maxlength="4" value="1">
<input type="button" name="test" value="Bild +" onclick="blaettern(1);">
<input type="button" name="test" value="Gehe zu" onclick="blatt();"> <span id="gesammt">--</span>
<input type="button" name="test" value="Stunde-" onclick="StundeMinus(60);">
<input type="button" name="test" value="Stunde+" onclick="StundePlus(60);">
</form>
</body>
</html>
Ziel ist es, über das Dropdownmenü zu den generierten Ordnern zu wechseln
und sich den Inhalt (*.jpg Bilder) anzeigen zu lassen.
Jetzt habe ich u.a. versucht
$files = glob("bildersunba/*");
vom Dropdownmenü mit
$verzeichnis = "bildersunba/$heute/";
zu verknüpfen.
Wäre über Eure Hilfe sehr Dankbar!
MfG
