Incrementar o decrementar año segun pulsación sobre un span
Publicado por Ruben (25 intervenciones) el 15/08/2020 11:51:43
Buenas
Para cambar de año en el contenido de una pagina web e realizado un div con dos "signos" derecha / izquierda (< > ) de la forma :
CSS
PHP
¿Como puedo (si es posible) hacer que se ejecute una accion al hacer click en cualquiera de los Span left button y right button?
Gracias
Para cambar de año en el contenido de una pagina web e realizado un div con dos "signos" derecha / izquierda (< > ) de la forma :
CSS
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
#cal {-moz-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25);
font: 16px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif;
font-weight: bold;
display:table;}#cal .header { cursor:default;background: #cd310d;
background: -moz-linear-gradient(top, #b32b0c, #cd310d);
background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d));
height: 35px; width: 200px; position: relative;color:#fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight:bold;
text-shadow:0px -1px 0 #87260C;
text-transform: uppercase;
}#cal .header span {display:inline-block;
line-height:34px;
}#cal .header .button { width:24px;text-align:center;
position:absolute;}#cal .header .left.button { left:0;-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-right:1px solid #ae2a0c;
}#cal .header .right.button { right:0; top:0;border-left:1px solid #ae2a0c;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}#cal .header .button:hover {background: -moz-linear-gradient(top, #d94215, #bb330f);
background: -webkit-gradient(linear, left top, left bottom, from(#d94215), to(#bb330f));
}#cal .header year {letter-spacing: 1px;
width: 100%;
text-align: center;
}PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
echo' <div id="cal" >'; echo' <div class="header">'; echo' <span class="left button" id="prev"> ⟨ </span> '; echo' <span class="year" id="label"> 2020 </span>'; echo' <span class="right button" id="next"> ⟩ </span>'; echo' </div>'; echo' </div>';¿Como puedo (si es posible) hacer que se ejecute una accion al hacer click en cualquiera de los Span left button y right button?
Gracias
Valora esta pregunta
0
