JavaScrip Reload pagina

Front-end
#1

Ola pessoal já vi aqui uma dúvida um quanto ao tanto parecida com a minha mas não me ajudou muito então a minha questão é que tenho um tab que ao carregar faz aparecer várias opções, e quero adicionar tambem uma opção que quando carrega nessa mesma tab ela faça refresh da página.

Código :
Midle

como podem ver a old é o que faz aparecer as outras opções quando carrego na tab, então fiz um id e queria fazer uma função que ao usar javascript:history.go(0); faz o refresh da página alguém me pode ajudar inicialmente fiz esta função mas penso estar errada :S

Código :
$(function(){
var links = $(‘half’).click(function (){
javascript:history.go(0);;
$(this).addClass(‘active’);
});
});

Obrigado

#2

Olha esse doc: http://www.w3schools.com/jsref/met_loc_reload.asp
Tem 2 formas,
1ª forma: (de tres maneiras), em javascript:

1 - window.location.reload()

2 - history.go(0)

3 - window.location.href=
window.location.href (mesma linha)

2ª forma: vc define o tempo de refresh no content ( 5 segundos):

<META HTTP- EQUIV="Refresh"
CONTENT="5;URL=pagina.html">
#3

O problema aqui é que eu quero que quando o utilizador carregue no texto ele faça o refresh da pagina e depois mostre as tabs. E só consegui esse efeito se arranjar um botão refresh o que não é plausível para a minha situação. A 2º hipótese que destes já experimentei e não pode ser porque assim a pagina está sempre a fazer refresh e o utilizador não tem tempo de fazer as ações que quer.

#4

a amigao então usa h:commandButton ou Link com uam action chamando o seuBean vc faz o que vc bem entender …

#5

Como assim não percebi. É que comecei á pouco a mexer em Javascrip e não sei como fazer a função

#6

entendi então precisa ser em javascript… eu te dei umas formas de fazer tanto em javascrpt quanto com jsf agora você tem q pensar…

#7

O que tive a tentar fazer depois de o que me disse foi o seguinte.

<a  id="A1" onclick="check(); Parkour();" href="#">Cais</a>

e

 <script type="text/javascript">
        function check() {
        
            javascript: history.go(0);
            alert("Antes")
        }
    </script>

       <script type="text/javascript">
           //var accord1;
           function Parkour() {
               alert("Depois")
               accord1 = $("#Parkour").Parkour({ collapsible: true, active: false, autoHeight: false });
               $('#sponsorContent').tinycarousel({ interval: true });
               $("a.fancyboxIFrame").fancybox({
                   'type': 'iframe',
                   'width': 1000,
                   'height': 580,
                   'autoScale': false,
                   'transitionIn': 'elastic',
                   'transitionOut': 'elastic'
               });
           };
    </script>

Coloquei os alert e passa em ambos os alert, mas a primeira função não a faz :s isto é não faz refresh

#8

porque você nao junta as 2 funções? ao inves de check(); Parkour(); e apenas Parkour();


<script type="text/javascript">  
          //var accord1;  
          function Parkour() {  
              //Aqui vc usa algum metodo de javascript para refresh
              //window.location.reload()  --OU--- history.go(0)  E NAO javascript:
              alert("Depois")  
              accord1 = $("#Parkour").Parkour({ collapsible: true, active: false, autoHeight: false });  
              $('#sponsorContent').tinycarousel({ interval: true });  
              $("a.fancyboxIFrame").fancybox({  
                  'type': 'iframe',  
                  'width': 1000,  
                  'height': 580,  
                  'autoScale': false,  
                  'transitionIn': 'elastic',  
                  'transitionOut': 'elastic'  
              });  
          };  
   </script>
#9

Segui a tua dica mas não tive sucesso será que este código não faz refresh á página se estiver numa função javaScrip?

Obrigado

#10

window.location.reload() --OU— history.go(0), NAO “javascript:history.go(0)” isso nao

#11

Já faz o reload sim :slight_smile: Agora não me baixa é as tab :s a seguir ao reload

#12 
<script type="text/javascript"> 
          function check() {  
            history.go(0);  
            alert("Antes") ; 
          }   
          //var accord1;    
          function Parkour() {    
             check();
              alert("Depois")    
              accord1 = $("#Parkour").Parkour({ collapsible: true, active: false, autoHeight: false });    
              $('#sponsorContent').tinycarousel({ interval: true });    
              $("a.fancyboxIFrame").fancybox({    
                  'type': 'iframe',    
                  'width': 1000,    
                  'height': 580,    
                  'autoScale': false,    
                  'transitionIn': 'elastic',    
                  'transitionOut': 'elastic'    
              });    
          };    
   </script>
#13

Desculpa amigo já aqui andei a tentar várias coisas e não estou a conseguir :frowning:

#14 
 <div id="accordion">

 <h3>
               
                <a  onclick="Parkour();" href="#">Cais</a>   
                
            </h3>

Aquele accordion com o # que está na href faz as tabs serem mostradas.


<script type="text/javascript">
        var accord;
        $(document).ready(function () {
            accord = $("#accordion").accordion({ collapsible: true, active: false, autoHeight: false });
            $('#sponsorContent').tinycarousel({ interval: true });
            $("a.fancyboxIFrame").fancybox({
                'type': 'iframe',
                'width': 1000,
                'height': 580,
                'autoScale': false,
                'transitionIn': 'elastic',
                'transitionOut': 'elastic'
                
            });
        });      


    </script>



       <script type="text/javascript">
           
           function Parkour() {
               history.go(0);
            
           };
    </script>

Ele faz o refrsh sem mas não mostra as tabs :frowning:

#15