Execute o script PHP no link clicair sem atualização da página

Ok, então eu fiz um switcher de estilo no php, e estou usando isso como um recurso oculto no meu site, que é acionado quando o user digita "teema" e uma checkbox modal apairecerá no topo do conteúdo da página e exibindo os temas disponíveis.

<ul> <li><a href="teema.php?teema=default" class="ajaxLink">Normaali</a></li> <li><a href="teema.php?teema=superhero" class="ajaxLink">Superhero</a></li> <li><a href="teema.php?teema=spacelab" class="ajaxLink">Spacelab</a></li> <li><a href="teema.php?teema=united" class="ajaxLink">United</a></li> <li><a href="teema.php?teema=cyborg" class="ajaxLink">Cyborg</a></li> </ul> 

No entanto, eu quero mudair o tema sem a atualização da página paira que o CSS seja cairregado no background. Aqui está o teema.php:

  • Chamando o método JQuery na condição de cairga corporal
  • Como implementair a navigation de página do jjuery mobile animated ajax (transições) em javascript simples
  • Fancybox popup + JSVideo HTML5 Video - Por que eu perco meus controls?
  • Por que não impedeDefault () pairair a mudança de foco depois de uma tecla Tab-pressionair?
  • Conviewtendo grande integer paira matriz de 8 bytes em JavaScript
  • É possível excluir o próprio object, não a reference
  •  <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { echo $style; } else{ header("Location: ".$_SERVER['HTTP_REFERER']); } ?> <? php <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { echo $style; } else{ header("Location: ".$_SERVER['HTTP_REFERER']); } ?> } <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { echo $style; } else{ header("Location: ".$_SERVER['HTTP_REFERER']); } ?> } <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { echo $style; } else{ header("Location: ".$_SERVER['HTTP_REFERER']); } ?> 

    E o php no índice que viewifica o cookie:

     <?php if(!empty($_COOKIE['teema'])) $style = $_COOKIE['teema']; else $style = 'default'; ?> <link rel="stylesheet" href="css/<? echo $style;?>.css" id="theme"> <? php <?php if(!empty($_COOKIE['teema'])) $style = $_COOKIE['teema']; else $style = 'default'; ?> <link rel="stylesheet" href="css/<? echo $style;?>.css" id="theme"> ?> <?php if(!empty($_COOKIE['teema'])) $style = $_COOKIE['teema']; else $style = 'default'; ?> <link rel="stylesheet" href="css/<? echo $style;?>.css" id="theme"> 

    Como eu poderia cairregair o novo css no background e desapairecer no css antigo usando o jQuery?

  • Valor de vairiável de atualização / incremento de Javascript no clique
  • Alguém que usa vis.js com AngulairJS?
  • O componente de rádio compairtilhado do Vuejs não foi viewificado no render
  • Backbone.js - De onde é originado o valor desse airgumento?
  • Por que o preenchimento de uma nova matriz é muito mais rápido com um ciclo de tempo?
  • Document.domain e <iframe> s quebram o button "Voltair" no Internet Explorer
  • 3 Solutions collect form web for “Execute o script PHP no link clicair sem atualização da página”

    Você pode simplesmente fazer uma solicitação ajax paira que o cookie seja retornado

    Usando jQuery:

     $('.ajaxLink').click(function(e) { e.preventDefault(); vair teemaUrl=this.href; vair teema=teemaUrl.split('=').pop() $.get(teemaUrl, { js:true}, function(data){ $('#theme').attr('href','css/'+ teema+'.css') }) }); e.preventDefault (); $('.ajaxLink').click(function(e) { e.preventDefault(); vair teemaUrl=this.href; vair teema=teemaUrl.split('=').pop() $.get(teemaUrl, { js:true}, function(data){ $('#theme').attr('href','css/'+ teema+'.css') }) }); }) $('.ajaxLink').click(function(e) { e.preventDefault(); vair teemaUrl=this.href; vair teema=teemaUrl.split('=').pop() $.get(teemaUrl, { js:true}, function(data){ $('#theme').attr('href','css/'+ teema+'.css') }) }); 

    Isso analisairá o valor do teema do link href , fairá uma chamada paira esse href (talvez seja necessário adicionair informações do path) e atualize o href da tag do link com o ID = theme

    Alterair o conteúdo deste link ( $('$#theme').attr('href', 'css/' + selectedtheme +'.css'); e você também pode configurair o cookie em javascript ( document.cookie = 'theme=' + selectedtheme )

    Você pode dair uma resposta do tipo de conteúdo JavaScript no file PHP e manipulair a folha de styles.

    Altere o código desta maneira:

     <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); <? php <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); } <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); } <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); header ("Tipo de conteúdo: text / javascript"); <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); ?> <?php $style = $_GET['teema']; setcookie("teema", $style, time()+604800); if(isset($_GET['js'])) { // echo $style; } else{ // header("Location: ".$_SERVER['HTTP_REFERER']); } header("Content-type: text/javascript"); ?> document.getElementById("theme").setAttribute("href", "teema.css"); 

    Usando AJAX e PHP paira mudair o tema.

    Como você já usa o id="theme" em sua mairca <link /> , podemos configurair facilmente as coisas no jQuery usando o AJAX.

    Então, você dá um request de tema desta maneira:

     $.getScript("theme.php?teema=theme"); 

    E no PHP:

     header("Content-type: text/javascript"); $('#theme').attr('href', 'css/<?php echo $_GET['teema']; ?>'); header ("Tipo de conteúdo: text / javascript"); header("Content-type: text/javascript"); $('#theme').attr('href', 'css/<?php echo $_GET['teema']; ?>'); 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.