Treść zależna od godziny Opcje

[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ę 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>

Ten post edytował golazo 19.02.2013, 15:44:39

[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.

Ten post edytował Sephirus 19.02.2013, 16:03:24

[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>