Tema: Realizar todo en una página
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 11/12/2013, 06:55
jagp1119
 
Fecha de Ingreso: noviembre-2013
Mensajes: 84
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Realizar todo en una página
continua en este, acá es donde necesito que se recargue la pagina página o algo aprecido para que tome el nuevo valor de las variables.

Código HTML: 
Ver original
  1. <!--   XXXXXXXXXXXXXXXXXXXXXX      Siguiente página en el mismo .html     XXXXXXXXXXXXXXXXXX    -->       
  2.     
  3.     <div id="seg_pag_evento"  >
  4.         
  5.             <script type="text/javascript"> 
  6.                     
  7.                             
  8.                 function imagen_evento(){
  9.                     
  10.                        resultado = localStorage.getItem('miObjeto');
  11.                         objeton = JSON.parse(resultado);
  12.  
  13.             
  14.                         resultados = localStorage.getItem('miObjetos');
  15.                         objetosn = JSON.parse(resultados);
  16.                                                
  17.                     
  18.                     var imagen = new Array();
  19.                     imagen[0] = "rambo.jpg";
  20.                     imagen[1] = "Hobbit2.jpg";
  21.                     imagen[2] = "hunger_games.jpg";
  22.                     imagen[3] = "thor2.jpg";
  23.                     imagen[4] = "evento.jpg";
  24.                     imagen[5] = "choke.jpg";
  25.                     imagen[6] = "estacionbar.jpg"; 
  26.                     imagen[7] = "wekeleleBar.jpg";
  27.                     imagen[8] = "sinfonica.jpg";
  28.                     imagen[9] = "documental.jpg";
  29.                     imagen[10] = "conservatorio.jpg";
  30.                     imagen[11] = "banda.jpg";
  31.                     imagen[12] = "capacitaciones.png";
  32.                     imagen[13] = "audiovisual.jpg";
  33.                     imagen[14] = "tolimaemprende.jpg";
  34.                     imagen[15] = "congreso.jpg";
  35.                                 
  36.                 
  37.                     
  38.                     if (objeton == 0 && objetosn == 1){document.images["foto"].src = imagen[0]}
  39.                     if (objeton == 0 && objetosn == 2){document.images["foto"].src = imagen[4]}
  40.                     if (objeton == 0 && objetosn == 3){document.images["foto"].src = imagen[8]}
  41.                     if (objeton == 0 && objetosn == 4){document.images["foto"].src = imagen[12]}
  42.                     
  43.                     
  44.                     if (objeton == 1 && objetosn == 1){document.images["foto"].src = imagen[0]}
  45.                     if (objeton == 1 && objetosn == 2){document.images["foto"].src = imagen[1]}
  46.                     if (objeton == 1 && objetosn == 3){document.images["foto"].src = imagen[2]}
  47.                     if (objeton == 1 && objetosn == 4){document.images["foto"].src = imagen[3]}
  48.                     
  49.                     
  50.                     if (objeton == 2 && objetosn == 1){document.images["foto"].src = imagen[4]}
  51.                     if (objeton == 2 && objetosn == 2){document.images["foto"].src = imagen[5]}
  52.                     if (objeton == 2 && objetosn == 3){document.images["foto"].src = imagen[6]}
  53.                     if (objeton == 2 && objetosn == 4){document.images["foto"].src = imagen[7]}
  54.                  
  55.                    }
  56.                        
  57.             </script>         
  58.         
  59.             <div id="cajaheader"></div>
  60.             <div id=principal>
  61.                 <header>
  62.                     
  63.                     
  64.                     <h1> Max </h1>
  65.                     <div id="buscador"></div>
  66.                     
  67.                 </header>
  68.             </div> 
  69.         
  70.         <div id="contenido_evento" >      
  71.             <section3>
  72.                            
  73.                 <div id="map_canvas" ></div> 
  74.                     
  75.                 <div id="tuevento"><h4> UBICA TU EVENTO </h4></div> 
  76.            
  77.             </section3>  
  78.             
  79.             
  80.             <section4> 
  81.                 
  82.                 <div id="fotoevento" onload="imagen_evento()">
  83.                 
  84.                     <a href="#"><img src="evento.jpg" id="foto" style="position:absolute; width:100%; height: 100%;" /></a>
  85.                 
  86.                 </div>
  87.                 
  88.                 <div id="descripcion">
  89.                     
  90.                     <script type="text/javascript"> 
  91.                         
  92.                         resultado = localStorage.getItem('miObjeto');
  93.                         objeton = JSON.parse(resultado);
  94.  
  95.             
  96.                         resultados = localStorage.getItem('miObjetos');
  97.                         objetosn = JSON.parse(resultados);
  98.                                                
  99.                         if (variable == 1 && clicenimagen == 1){document.write('<p> Cuando John Rambo, </p>')}
  100.                         if (variable == 1){document.write('<p> La historia continuará </p><p>Estreno: 20/12/13</p>')}
  101.                         if (variable == 1 && clicenimagen == 3){document.write('<p>Después de ganar los 74 Juegos del Hambre, Katniss Everdeen vuelve a su casa sana y salva, junto a su tributo Peeta Mellark. Ganar significa dejar atrás a su familia y amigos para embarcarse en el Tour de la Victoria, por los diferentes distritos. A lo largo del camino, Katniss se da cuenta de que una rebelión comienza a gestarse.</p><p>12:20 pm 12:50 pm 3:35 pm 4:05 pm 6:50 pm 7:20 pm 10:05 pm 10:30 pm </p><p>Valor: Variara dependiendo del día</p>')}
  102.                         if (variable == 1 && clicenimagen == 3){document.images["foto"].src = imagenes[3]}
  103.                         
  104.                         
  105.                         if (variable == 2 && clicenimagen == 1){document.write('<p>Disfruta de la mejo</p>')}
  106.                         if (variable == 2 && clicenimagen == 2){document.write('<p>Prendete la vela en . </p><p>Fecha: 07/12/13</p><p>Hora: 8:00pm</p><p>Costo Cover: 10 pesitos</p>')}
  107.                         if (variable == 2 && clicenimagen == 3){document.images["foto"].src = imagenes[6]}
  108.                         if (variable == 2 && clicenimagen == 4){document.images["foto"].src = imagenes[7]}
  109.                         
  110.                         
  111.                         
  112.                     </script>
  113.                     
  114.                 </div>
  115.                 
  116.                 <div id="arreglaperfil"></div>
  117.                 
  118.             </section4>
  119.         </div>  
  120.                  
  121.             <div id="footer2">
  122.                 
  123.                    <div id="perfilen" > 
  124.                     
  125.                         <a href="perfil.html"><img src="Iconos/man_24.png" style="position: absolute; top:30%; left:30%;"></a>
  126.                         
  127.                    </div>
  128.                     
  129.                    <div id="home2">
  130.                     
  131.                         <a href="#pri_pag_home"><img src="Iconos/home_24.png" style="position: absolute; top:30%; left:30%;"></a>
  132.                     
  133.                    </div> 
  134.                                     
  135.                            
  136.                    <div id="web">
  137.                     
  138.                         <a href="web.html"><img src="Iconos/globe_24.png" style="position: absolute; top:30%; left:30%;"></a>
  139.                     
  140.                     </div>
  141.                     
  142.                     <div id="asistire">
  143.                     
  144.                         <a href="web.html"><img src="Iconos/checkmark_24.png" style="position: absolute; top:30%; left:30%;"></a>
  145.                     
  146.                     </div>
  147.                         
  148.                     <div id="atras">
  149.                         
  150.                         <a href="#pri_pag_home"><img src="Iconos/arrow_left_24.png" style="position: absolute; top:30%; left:30%;"></a>
  151.                     
  152.                     </div>    
  153.                                   
  154.             </div>
  155.         
  156.             
  157.      </div>
  158.           
  159. </body>
  160.     
  161.     
  162.     
  163.     
  164. </html>