Calendario con recordatorios de eventos
Publicado por Rich (2 intervenciones) el 12/05/2015 23:13:58
tal vez me puedan ayudar...
Eh estado buscando la forma de crear un calendario en javascript para programar eventos…En fin lo que busco es que cuando se allá programado un evento para un día cualquiera me avise en dicho día mediante una alerta.
Eh estado buscando la forma de crear un calendario en javascript para programar eventos…En fin lo que busco es que cuando se allá programado un evento para un día cualquiera me avise en dicho día mediante una alerta.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<script type="text/javascript">
//fecha
var today = new Date();
var m = today.getMonth() + 1;
var mes = (m < 10) ? '0' + m : m;
document.write('Fecha: '+today.getDate(),'/' +mes,'/'+today.getYear());
//------
var jsalarm={
padfield:function(f){
return (f<10)? "0"+f : f
},
showcurrenttime:function(){
var dateobj=new Date()
var ct=this.padfield(dateobj.getHours())+":"+this.padfield(dateobj.getMinutes())+":"+this.padfield(dateobj.getSeconds())
this.ctref.innerHTML=ct
this.ctref.setAttribute("title", ct)
if (typeof this.hourwake!="undefined"){ //if alarm is set
if (this.ctref.title==(this.hourwake+":"+this.minutewake+":"+this.secondwake)){
clearInterval(jsalarm.timer)
window.location=document.getElementById("musicloc").value
} }},
init:function(){
var dateobj=new Date()
this.ctref=document.getElementById("jsalarm_ct")
this.submitref=document.getElementById("submitbutton")
this.submitref.onclick=function(){
jsalarm.setalarm()
this.value="Alarm Set"
this.disabled=true
return false
}this.resetref=document.getElementById("resetbutton")
this.resetref.onclick=function(){
jsalarm.submitref.disabled=false
jsalarm.hourwake=undefined
jsalarm.hourselect.disabled=false
jsalarm.minuteselect.disabled=false
jsalarm.secondselect.disabled=false
return false
}var selections=document.getElementsByTagName("select")
this.hourselect=selections[0]
this.minuteselect=selections[1]
this.secondselect=selections[2]
for (var i=0; i<60; i++){
if (i<24) //If still within range of hours field: 0-23
this.hourselect[i]=new Option(this.padfield(i), this.padfield(i), false, dateobj.getHours()==i)
this.minuteselect[i]=new Option(this.padfield(i), this.padfield(i), false, dateobj.getMinutes()==i)
this.secondselect[i]=new Option(this.padfield(i), this.padfield(i), false, dateobj.getSeconds()==i)
}jsalarm.showcurrenttime()
jsalarm.timer=setInterval(function(){jsalarm.showcurrenttime()}, 1000)
},
setalarm:function(){
this.hourwake=this.hourselect.options[this.hourselect.selectedIndex].value
this.minutewake=this.minuteselect.options[this.minuteselect.selectedIndex].value
this.secondwake=this.secondselect.options[this.secondselect.selectedIndex].value
this.hourselect.disabled=true
this.minuteselect.disabled=true
this.secondselect.disabled=true
this.MsgBox.musiclo
}}function MsgBox(text){
alert(text);
return;
}</script>
<form action="" method="">
<div id="jsalarmclock">
<div><div class="leftcolumn">Hora Actual:</div> <span id="jsalarm_ct" style="letter-spacing: 2px"></span></div>
<div><div class="leftcolumn">Programar Evento:</div> <span><select></select> Hour</span> <span><select></select> Minutes</span> <span><select></select> Seconds</span></div>
<div><div class="leftcolumn">Fecah de evento:</div><input type="date" step="1" min="2010-01-01" max="2015-12-31" name="fecha1"</div>
<div><div class="leftcolumn">Evento:</div> <input type="text" id="musicloc" size="55" value="" /> <span style="font: normal 11px Tahoma">*Location of page to launch</span></div>
<input type="Button" value="Muestra">
<input type="submit" value="Activar" id="submitbutton" /> <input type="reset" value="reset" id="resetbutton" />
</div>
</form>
<script type="text/javascript">
jsalarm.init()
</script>
Valora esta pregunta
0
