Variáveis (JavaScript x PHP)

Pois é, pode parecer até gambi né mas às vezes nós precisamos pegar o valor de uma variável PHP e jogar para uma variável JavaScript e vice-versa.

Até que é simples, veja o primeiro exemplo de pegar uma variável PHP e jogar para JavaScript:


 


//pegando a variável php e jogando numa variável javascript
var variavelJS = '';
alert(variavelJS);

Agora vamos fazer o contrário e escrever uma variável JavaScript através do nosso código PHP:


//criando variável JS
var variavelParaPHP= 'Elaine Cristina';

 

<?
//escrevendo a variável JS pelo PHP
echo "document.write(variavelParaPHP);"
?>

É uma bobeirinha, mas que muitos demoram a entender. Eu mesma quando estava começando a programar demorei um bocado para saber usar isso.

Confesso que utilizo mais a primeira opção, de passar uma variável PHP numa chamada JavaScript. Então fica aí disponível pra qualquer pessoa que estiver precisando de uma luzinha.

Espero que sirva pra alguém…rsrs

😉

Anúncios

12 comentários sobre “Variáveis (JavaScript x PHP)

  1. Cara, muito bom, bem limpo e objetivo, bem isso q eu precisava. So uma coisa q queria saber se vc pode me ajudar. Ao pegar a variavel do javascript no php nao consigo usar em uma condiçao, em um if, por exemplo. Vc saberia como fazer isso. Obrigado.

  2. Não gostei porque não resolve o problema em casos dinâmicos. Vejamos:

    ———- ASSIM FUNCIONA
    <?php
    $horizontal="” . “document.write(screen.width);” . “”;
    $vertical=”” . “document.write(screen.height);” . “”;
    printf($horizontal . “x” . $vertical);
    ?>

    ———- ASSIM NÃO FUNCIONA

    <?php
    $horizontal="” . “document.write(screen.width);” . “”;
    $vertical=”” . “document.write(screen.height);” . “”;
    ?>

    printf(“”);

    Problema: quando exibo o código-fonte pelo browser vejo o seguinte:

    <table border="1" align="center" bgcolor="#FFDAB9" CELLSPACING="8" WIDTH="document.write(screen.width);”>

    Não gera o valor numérico em WIDTH, o que echo retorna é a string do javascript.

    ———- ULTIMA TENTATIVA ERRO

    <table border="1" align="center" bgcolor="#FFDAB9" CELLSPACING="8" WIDTH="”>

    Problema: quando exibo o código-fonte pelo browser vejo o seguinte:

    <table border="1" align="center" bgcolor="#FFDAB9" CELLSPACING="8" WIDTH="document.write(screen.width);”>

    • consegui assim:

      body onload=checkCookie()

      script language=JavaScript
      h = screen.height;
      w = screen.width;
      document.cookie=”telaheight =” + h;
      document.cookie=”telawidth =” + w;
      script

      php
      $heightTela = $_COOKIE[‘telaheight’];
      $widthTela = $_COOKIE[‘telawidth’];
      php

      • Funcionou pra mim mas só na primeira vez em que seto o cookie, depois tento setar com outro valor e não aceita fica sempre o primeiro!

  3. boa tarde, tenho uma questão…eu tenho por exemplo um index.html, com um formulario para se inserir um username e password, ao carrega no botão submit desse formulario ele o que faz é executar um função java script, nesse java ele faz a validação dos campos do formulario e se não estiverem vazios eu queria que ele executasse um ficheiro .php e fizesse um echo do username e password. Neste caso o php estara noutro ficheiro, por exemplo index.php. Como posso fazer??

    Cumps

  4. ola, você sabe como atualizar a div, tipo um refresh nela com uma função em javascript, assim, a variavel tem uma informação, ao efetuar uma function ele remove e insere outra, boa tarde e grato desde ja.

  5. se a variável tiver dentro de uma função não consigo ir buscar por php 😐 qual é a solução?

    function projectos (id) {
    $(‘#projectos_cnt’).hide().fadeIn(2000,”linear”);
    var teste = id;

    }
    $resposta =’document.write(teste)’;
    echo ‘$resposta’;

  6. A unica forma que consegui fazer a variável PHP ser lida no javascript, usando no alert por exemplo, foi:

    alert(” ‘.$var.’ “);

    Ou seja: Aspas duplas, aspas simples, ponto antes da variável e o fechamento em espelho.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s