JavaScript - insertar calendario dinamicamente.

   
Vista:

insertar calendario dinamicamente.

Publicado por Toni (4 intervenciones) el 18/07/2013 12:07:17
hola. tengo un problema con el calendario.

este es el codigo que manda a llamar la pagina que contiene el calendario:



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
<script type="text/javascript">
function ajaxFunction() {
  var xmlHttp;
 
  try {
 
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
 
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
 
	  try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}
 
 
 
 
function Enviar(_pagina,capa) {
    var ajax;
    ajax = ajaxFunction();
    ajax.open("POST", _pagina, true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
    ajax.onreadystatechange = function() {
		if (ajax.readyState==1){
			document.getElementById(capa).innerHTML = " Aguarde por favor...";
			     }
		if (ajax.readyState == 4) {
 
 
 
var scrpt = document.createElement('script');
scrpt.src='calendario/calendar.js';
document.head.appendChild(scrpt);
 
var scrpt1 = document.createElement('script');
scrpt1.src='calendario/lang/calendar-es.js';
document.head.appendChild(scrpt1);
 
var scrpt2 = document.createElement('script');
scrpt2.src='calendario/calendar-setup.js';
document.head.appendChild(scrpt2);
 
 
 
 
var head_node = document.head;
    var link_tag = document.createElement('link');
    link_tag.setAttribute('rel', 'stylesheet');
    link_tag.setAttribute('type', 'text/css');
    link_tag.setAttribute('href', 'calendario/calendar-blue2.css');
    head_node.appendChild(link_tag);
 
 
 var scrpt3 = document.createElement('script');
scrpt3.src='funciones.js';
document.head.appendChild(scrpt3);
 document.getElementById ("contenido").innerHTML = ajax.responseText;
 
 
 
		     }}
 
	ajax.send(null);
}


y esta es la del calendario:

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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<body>
 
 
 
		<div class="accordion vertical">
		  <section id="vertabout">
		      <h2><a href="#vertabout">Ficha monitor</a></h2>
		      <p><form id="form1" name="form1" method="post" action="">
                     <table width="100%" border="0">
                  <tr>
                    <td width="23%">&nbsp;</td>
                    <td width="77%">&nbsp;</td>
                  </tr>
                  <tr>
                    <td>Fecha de entrada:</td>
                    <td>
<input type="text" id="date" name="date" />
<input type="button" id="button1" name="button1" value="..." />
                   </td>
                  </tr>
                  <tr>
                    <td>Nombre:</td>
                    <td><input name="textfield2" type="text" id="textfield11" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Apellido:</td>
                    <td><input name="textfield3" type="text" id="textfield12" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Direccion:</td>
                    <td><input name="textfield4" type="text" id="textfield13" size="120" /></td>
                  </tr>
                  <tr>
                    <td>DNI:</td>
                    <td><input name="textfield5" type="text" id="textfield14" size="120" /></td>
                  </tr>
                  <tr>
                    <td>DNI Si / No</td>
                    <td><input name="textfield6" type="text" id="textfield15" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Taller:</td>
                    <td><input name="textfield7" type="text" id="textfield16" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Curriculum:</td>
                    <td><input name="textfield8" type="text" id="textfield17" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Tlf de contacto:</td>
                    <td><input name="textfield9" type="text" id="textfield18" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Email:</td>
                    <td><input name="textfield10" type="text" id="textfield2" size="120" /></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><input type="submit" name="Guardar" value="Guardar datos" onClick="document.form1.action='crear_ficha.php';document.form1.submit()";></td>
                  </tr>
                </table>
                   <input type="hidden" name="MM_insert" value="form1" />
                   </form>
                  <center> <input type="image" src="images/impresora.gif" width="72" height="69"  name="Imprimir" onClick="document.form1.action='pdf1.php';document.form1.target='new'; document.form1.submit()";></center></p>
		  </section>
		  <section id="vertservices">
		      <h2><a href="#vertservices">Ficha inscripcion adultos</a></h2>
		      <p><form id="form2" name="form2" method="post" action="">
                   <table width="100%" border="0">
                  <tr>
                    <td width="23%">&nbsp;</td>
                    <td width="77%">&nbsp;</td>
                  </tr>
                  <tr>
                    <td>Fecha de entrada:</td>
                    <td>
<input type="text" id="datea" name="datea"  />
<input type="button" id="button2" name="button2" value="..." />
 
</td>
                  </tr>
                  <tr>
                    <td>Fecha de caducidad:</td>
                    <td>
<input type="text" id="dateb" name="dateb" />
</td>
                  </tr>
                  <tr>
                    <td>Nombre:</td>
                    <td><input name="textfield13" type="text" id="textfield5" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Apellido:</td>
                    <td><input name="textfield14" type="text" id="textfield6" size="120" /></td>
                  </tr>
                  <tr>
                    <td>DNI:</td>
                    <td><input name="textfield15" type="text" id="textfield7" size="120" /></td>
                  </tr>
                  <tr>
                    <td>DNI Si / No</td>
                    <td><input name="textfield16" type="text" id="textfield8" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Tlf de contacto:</td>
                    <td><input name="textfield17" type="text" id="textfield9" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Direccion:</td>
                    <td><input name="textfield18" type="text" id="textfield10" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Distrito:</td>
                    <td><input name="textfield19" type="text" id="textfield19" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Codigo postal:</td>
                    <td><input name="textfield20" type="text" id="textfield20" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Email:</td>
                    <td><input name="textfield21" type="text" id="textfield21" size="120" /></td>
                  </tr>
                  <tr>
                    <td>Nombre de secretaria:</td>
                    <td><input name="textfield22" type="text" id="textfield22" size="120" value="<?php echo $_SESSION['MM_Username']?>"/></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td><input type="submit" name="Guardar" value="Guardar datos" onClick="document.form2.action='crear_ficha.php';document.form2.submit()";>
 
                    </td>
                  </tr>
                </table>
                <input type="hidden" name="MM_insert" value="form2" />
            </form>
                  <center> <input type="image" src="images/impresora.gif" width="72" height="69"  name="Imprimir" onClick="document.form2.action='pdf2.php';document.form2.target='new'; document.form2.submit()";></center></p>
		  </section>
		  </div>
 
	</body>




Lo que pasa es que el primer calendario se abre pero el segundo no se abre al clicarle.


Este es el codigo de setup del calendario que esta dentro de funciones.js


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
function dateChanged(calendar) {
if (calendar.dateClicked) {
 
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth();
var d = calendar.date.getDate();
 
 
 
window.location = "#";
}
};
function dateChanged(calendar1) {
if (calendar1.dateClicked) {
 
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth();
var d = calendar.date.getDate();
 
 
 
window.location = "#";
}
};
 
 
Calendar.setup(
{
inputField  : "date",
ifFormat    : "%d/%m/%Y",
button      : "button1"
 
}
);
alert(1);
Calendar.setup(
{
inputField  : "datea",
ifFormat    : "%d/%m/%Y",
button      : "button2"
}
);
alert(2);
 
 
 
function sumardias(){
  var sumarDias=parseInt(30);
  var fecha=document.getElementById('datea').value
  var fecha1 = fecha.split("/");
 
  var fecha=fecha1[2]+"/"+fecha1[1]+"/"+fecha1[0];
 
 
  fecha= new Date(fecha);
  fecha.setDate(fecha.getDate()+sumarDias);
 
  var anio=fecha.getFullYear();
  var mes= fecha.getMonth()+1;
  var dia= fecha.getDate();
 
  if(mes.toString().length<2){
    mes="0".concat(mes);
  }
 
  if(dia.toString().length<2){
    dia="0".concat(dia);
  }
 
  //alert(anio+"-"+mes+"-"+dia);
  document.getElementById('dateb').value = dia+"/"+mes+"/"+anio;
 
			}



Espero sepais alludarme
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

insertar calendario dinamicamente.

Publicado por xve (1595 intervenciones) el 18/07/2013 19:40:36
Hola Toni, pero que problema tienes??
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar