Que un aviso en la home, aparezca solo una vez
Publicado por CARLOS (6 intervenciones) el 12/08/2018 03:12:40
Hola amigos,
Estoy intentando hacer lo siguiente: Un aviso temporal de cambio de teléfono, debe aparecer en la home de un sitio y al cerrarlo no debe aparecer más.
El mensaje aparece y se cierra correctamente. El tema es que no logro hacer que no aparezca más, por lo menos hasta que se vuelva a cargar la página.
El código fue escrito anteriormente de tal forma que la página de inicio esta formada por 3 archivos:
inc.header.php, inc.footer.php e index.php.
Yo escribí en el inc.header lo siguiente en el inc.header:
el código css asociado es:
y el código javascript es solo esto:
El cartel vuelve a aparecer permanentemente, porque todas las páginas del sitio tienen incluido el inc.header.php al principio y el inc.footer.php al final.
Que se podría hacer para que desaparezca el cartel y no vuelva a aparecer durante la navegación del sitio?
Desde ya muchas gracias!
Carlos
Estoy intentando hacer lo siguiente: Un aviso temporal de cambio de teléfono, debe aparecer en la home de un sitio y al cerrarlo no debe aparecer más.
El mensaje aparece y se cierra correctamente. El tema es que no logro hacer que no aparezca más, por lo menos hasta que se vuelva a cargar la página.
El código fue escrito anteriormente de tal forma que la página de inicio esta formada por 3 archivos:
inc.header.php, inc.footer.php e index.php.
Yo escribí en el inc.header lo siguiente en el inc.header:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="cambio_de_telefono" class="nuevo_telefono">
<div class="texto_nuevo_telefono">
<input id="cierra_cartel" value="X" />
<p>ATENCION:</p>
<p>El teléfono <span style="color:black;">4555-5555</span> quedó desactivado.
Por favor utilice los siguientes números:
</p>
<p>
<span class="numero_actual"><strong>4555-0340</strong></span>
o
<span class="numero_actual"><strong> 4554-7624</strong></span>
</p>
</div>
</div>
el código css asociado es:
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
.nuevo_telefono{
display:block;margin-left: auto;
margin-right: auto;
width:85%;
height:150px;background-color:orange;
border:5px dashed mediumvioletred;border-radius:10px;
}.texto_nuevo_telefono{
margin:20px; color:white;line-height:25px;
font-size:20px;
text-align:center;
}@media (max-width:980px){
.nuevo_telefono{
height:170px; }}@media (max-width:768px){
.nuevo_telefono{
width:95%;
height:180px; }}@media (max-width:480px){
.nuevo_telefono{
width:100%;
height:230px; }}.numero_actual{
font-size:22px;
color:black;}@media (max-width:480px){
.numero_actual{
font-size:20px;
}}#cierra_cartel{
float:right;text-align:center;
font-size:20px;
font-family:"Arial Black";
color:black; cursor:pointer;background-color:white;
width:25px; border:none;border-radius:5px;
}y el código javascript es solo esto:
1
2
3
$('#cierra_cartel').click(function(){
$("#cambio_de_telefono").css({display:"none"});
});
El cartel vuelve a aparecer permanentemente, porque todas las páginas del sitio tienen incluido el inc.header.php al principio y el inc.footer.php al final.
Que se podría hacer para que desaparezca el cartel y no vuelva a aparecer durante la navegación del sitio?
Desde ya muchas gracias!
Carlos
Valora esta pregunta
0
