Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Treść zależna od godziny
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
golazo
Witam

Znalazłem skrypt który by mnie satysfakcjonował, ale ma jeden podstawowy błąd. Otóż moja treść, którą zamierzam uzależnić od pory dnia, to kody embed playerów (np. z youtube), które niestety nie działają po wstawieniu w document.write. Prosiłbym wprawnych javascripterów o dobrą radę wink.gif Czy jest to w ogóle wykonalne, a jeśli nie to jak to obejść (np. treść w jakiś oddzielny iframe i potem już jak poniżej?)

Kod
<script LANGUAGE = "JavaScript">
<!--
theDate = new Date()
theHour = theDate.getHours()
if (theHour > 6 && theHour <= 12) {
document.write ("Witam rano")
}
else if (theHour > 12 && theHour <= 17) {
document.write ("Witam po południu")
}
else if (theHour > 17 && theHour <= 20) {
document.write ("Witam wieczorem")
}
else {
document.write ("Witam")
}
// -->
</SCRIPT>
foxbond
zamiast document.write wpisz:

Kod
document.getElementById("id_diva_z_playerem").style.display="block"


Playery umieść w divach, które będą miały attrybut
Kod
<div id="player1" style="display:none;">
<!-- tutaj kod playera-->
</div>


Oczywiście nie jest to do końca poprawne rozwiązanie, ale powinno wystarczyć.
Sephirus
Pokaż jeden przykładowy kod tego embed.

EDIT: Acha i nie rób tak jak przedmówca napisał - bez urazy ale to nie najlepszy pomysł ładować X embedów i pokazywać jeden.
lukasz1985
<script LANGUAGE = "JavaScript">
<!--

var embedy = {
embed_rano: "kod embeda rano",
embed_po_poludniu: "kod embeda popoludniu",
embed_wieczorem: "kod embeda wieczorem"
}

var elementZEmbedem = document.getElementById("id_elementu_z_embedem")


theDate = new Date()
theHour = theDate.getHours()
if (theHour > 6 && theHour <= 12) {
elementZEmbedem.innerHTML = embedy.embed_rano
}
else if (theHour > 12 && theHour <= 17) {
elementZEmbedem.innerHTML = embedy.embed_po_poludniu
}
else if (theHour > 17 && theHour <= 20) {
elementZEmbedem.innerHTML = embedy.embed_wieczorem
}
else {
document.write ("Witam")
}
// -->
</SCRIPT>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.