Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
Du wolltest doch HTML5 nutzen, dann würde ich auch den passenden Dokumententyp senden. Auch würde ich alle Variablen bis auf "text" streichen. Wozu zwischenspeichern, wenn du die eh nur einmal nutzt? Da du auch nur auf das select#firstSelect zugreifen willst, bräuchte man das der Funktion nicht zu übermitteln. Das div#newSelect würde ich direkt zu einem select machen, sparste dir auch nochmal was. Aber alles eine Geschmacksfrage.[BC]grmbl schrieb:Was haltet ihr davon?
Das sind eher Spitzfindigkeiten. jQuery wird auf der Homepage als Bibliothek bezeichnet, Mootools hingegen als Framework. Am Ende bieten beide Vergleichbares.SymA schrieb:jQuery ist eine Bibliothek und kein Framework.
Du vergleichst hier Äpfel mit Birnen...Lade ich 100kbyte JavaScript und kann es auf jedem Gerät ohne Plugins laufen lassen, oder muss ich erst serverseitig möglicherweise einen größeren Aufwand betreiben für eine kleine Funktion. Ich bin der Meinung für solche kleineren Funktionen eignet sich eher JavaScript als PHP.
Ein XmlHttpRequest ist kein Hexenwerk, den grundsätzlichen Code bekommt man doch sogar direkt im Wikipedia-Eintrag. Den Rest müsste man, egal ob man nun jQuery/Mootools/Prototype/... lädt oder nicht, eh selbst schreiben.Für Anfänger ist alles selbst schreiben nicht die ideale Wahl, weil viele Nebenläufigkeiten einfach nicht bekannt sind bzw. nicht umgesetzt werden.
Wenn die Daten so einfach sind wie in diesem Fall, dann spart man sich den AJAX-Call und die serverseitige Verarbeitung so oder so. Darauf hab ich aber bereits in meiner ersten Antwort hingewiesen.SymA schrieb:Weil es primär darum ging, dass TE das ganze via PHP realisieren wollte?
Sobald ich an den Script rumspiele, funktioniert nichts mehr. Kannst du mir das funktionstüchtig entschlacken?Nase schrieb:Du wolltest doch HTML5 nutzen, dann würde ich auch den passenden Dokumententyp senden. Auch würde ich alle Variablen bis auf "text" streichen. Wozu zwischenspeichern, wenn du die eh nur einmal nutzt? Da du auch nur auf das select#firstSelect zugreifen willst, bräuchte man das der Funktion nicht zu übermitteln. Das div#newSelect würde ich direkt zu einem select machen, sparste dir auch nochmal was. Aber alles eine Geschmacksfrage.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script>
function viewSelect() {
text = "";
switch (document.getElementById("firstSelect").selectedIndex) {
case 0:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Monday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Monday +1 week")); ?></option>';
break;
case 1:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Tuesday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Tuesday +1 week")); ?></option>';
break;
case 2:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Sunday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Sunday +1 week")); ?></option>';
break;
default:
break;
}
document.getElementById("newSelect").innerHTML = text;
}
</script>
</head>
<body>
<form>
<select name="termin" id="firstSelect" onchange="viewSelect();" required>
<option>Montag, 18-19:30 Uhr</option>
<option>Dienstag, 18-19:30 Uhr</option>
<option>Sonntag, 12-13:30 Uhr</option>
</select>
<select id="newSelect" name="starttermin"></select>
</form>
</body>
</html>Bei mir sieht das jetzt so aus:
[PHP]
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script>
function viewSelect() {
text = "";
switch (document.getElementById("firstSelect").selectedIndex) {
case 0:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Monday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Monday +1 week")); ?></option>';
break;
case 1:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Tuesday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Tuesday +1 week")); ?></option>';
break;
case 2:
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Sunday")); ?></option>';
text += '<option><?php echo 'KW'.date("W, d.m.Y", strtotime("next Sunday +1 week")); ?></option>';
break;
default:
break;
}
document.getElementById("newSelect").innerHTML = text;
}
</script>
</head>
<body>
<form>
<select name="termin" id="firstSelect" onchange="viewSelect();" required>
<option>Montag, 18-19:30 Uhr</option>
<option>Dienstag, 18-19:30 Uhr</option>
<option>Sonntag, 12-13:30 Uhr</option>
</select>
<select id="newSelect" name="starttermin"></select>
<noscript>
<br>
Für diese Funktion ist JavaScript erforderlich!
<input type="hidden" type="text" name="starttermin" value="Kein JavaScript aktiviert">
</noscript>
</form>
</body>
</html><script>
viewSelect();
</script>