Ir para conteúdo
Username_

PHP e Javascript

Recommended Posts

Olá,

 

Eu tenho um código que implementa um 'contador' em Javascript. Ele atualiza na tela de 1 em 1 segundos, conta até 60 e adiciona 3 turnos na variável 'Turno'.

 

Eu consegui imprimir a variável 'Turno' que está em Javascript no PHP(está no código postado).

 

Porém eu gostaria que o código em PHP estivesse integrado com o código em Javascript para utilizar o contador em Javascript. Como eu faço essa integração entre PHP e Javascript?

 

Código:


<html>
<head>
<title>Título</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
.texto {color:#B000FF;}
	
.static
{
	position:static;
}
.contador
{
	position: relative;
	top: 0px;
	left: 30px;
	background-color: black;
	color: white;
	width: 130px;
	height: 30px;	
}
.PalavraTempo
{
	position: relative;
	position: center;
	top: 70px;
	left: 30px;
	background-color: black;
	color: white;
	width: 130px;
	height: 30px;	
}
.TurnosDisponiveis
{
	position: relative;
	position: center;
	top: 100px;
	left: 30px;
	background-color: black;
	color: white;
	width: 130px;
	height: 30px;	
}
.Turnos
{
	position: relative;
	position: center;
	top: 100px;
	left: 30px;
	background-color: black;
	color: white;
	width: 130px;
	height: 30px;	
}
.php
{
	position: relative;
	position: center;
	top: 100px;
	left: 30px;
	background-color: black;
	color: white;
	width: 130px;
	height: 30px;	
}
</style>
</head>
<body>

<div class="PalavraTempo">
Tempo
</div>

<div class="TurnosDisponiveis">
Turnos Disponíveis:
</div>

<div class="Turnos">

</div>

<div class="contador">

<script type="text/javascript">

	

var intervalo = window.setInterval('funcao()',1000);
var contador = 0;
var Turno = 0;

function funcao()
{ 
   //window.alert("Ola");
   //document.write("Ola mundo");
   //document.write(intervalo);
   while (contador <= 60)
   {   
	   if (contador == 60)
	   {
	      contador = 0;
		  Turno = Turno + 3;
		  break;
		  //document.write("<br>"); 
		  
	   }
	   elementosHTML = document.getElementsByClassName("contador");
	   //document.write("<div class='relativo'>");
	   //document.write(contador);	
	   elementosHTML[0].innerHTML = "   " + " " +contador;
	   
	   turnosHTML = document.getElementsByClassName("Turnos");
	   turnosHTML[0].innerHTML = " " +Turno + "";
	   //window.location.reload();
	   //document.write("</div>");
	   contador++;
	   //window.location.reload();
	   break;
   }
   
}
</script>
<div class="php">
<?php
$variavelphp = "<script type='text/javascript'> document.write(Turno) </script>";
echo "Teste $variavelphp";
?>
</body>
</html>

 

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu consegui colocar o código Javascript dentro do PHP usando "echo". Porém o PHP continua sem conseguir fazer uso do contador que está dentro do javascript. Será que eu teria que criar um contador em PHP?

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Porque este código não funciona? Quando misturo PHP com Javascript este código não funciona.

 

<?php 
	  $msg = "Texto";
?>
<div class="contador">

<script type='text/javascript'>


var intervalo = window.setInterval('funcao()',1000);
var contador = 0;
var Turno = 0;

function funcao()
{ 
  
   while (contador <= 60)
   {   
	   if (contador == 60)
	   {
	      contador = 0;
		  Turno = Turno + 3;
		  break;
	   }
	   elementosHTML = document.getElementsByClassName('contador');
	   elementosHTML[0].innerHTML = '   ' + ' ' +contador;
	   
	   turnosHTML = document.getElementsByClassName('Turnos');
	   turnosHTML[0].innerHTML = ' ' +Turno + '';
	   
	   contador++;
       alert(<php echo '$msg'; ?>);  // Aqui faz o código Javascript não funcionar
	   break;
   }
}   

</script>

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

porque php é server-side e não tem essas paradas de animação e tal. talvez seja o caso de usar jquery pra fazer uma requisição ajax e exibir o que a pagina php enviar

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Próximos Eventos

  • Conteúdo Similar

    • Por rogirn2
      Possuo um sistema feito em Laravel e estou tentando utilizar a biblioteca filemanager disponibilizada em https://github.com/simogeo/Filemanager , porem nao estou conseguindo exibir os meus arquivos contidos na pasta padrao, sempre recebendo como retorno o erro: "No Way.", meu arquivo de configuracao é: 
      { "_comment": "IMPORTANT : go to the wiki page to know about options configuration https://github.com/simogeo/Filemanager/wiki/Filemanager-configuration-file", "options": { "culture": "en", "lang": "php", "defaultViewMode": "grid", "autoload": true, "showFullPath": false, "showTitleAttr": false, "browseOnly": false, "showConfirmation": true, "showThumbs": true, "generateThumbnails": true, "searchBox": true, "listFiles": true, "fileSorting": "default", "chars_only_latin": true, "dateFormat": "d M Y H:i", "serverRoot": true, "fileRoot": "/public/filemanager/userfiles/", "relPath": false, "logger": false, "capabilities": ["select", "download", "rename", "delete", "replace"], "plugins": [] }, "security": { "allowChangeExtensions": false, "allowNoExtension": false, "uploadPolicy": "DISALLOW_ALL", "uploadRestrictions": [ "jpg", "jpeg", "gif", "png", "svg", "txt", "pdf", "odp", "ods", "odt", "rtf", "doc", "docx", "xls", "xlsx", "ppt", "pptx", "csv", "ogv", "mp4", "webm", "m4v", "ogg", "mp3", "wav" ] }, "upload": { "overwrite": false, "imagesOnly": false, "fileSizeLimit": 16 }, "exclude": { "unallowed_files": [ ".htaccess", "web.config" ], "unallowed_dirs": [ "_thumbs", ".CDN_ACCESS_LOGS", "cloudservers" ], "unallowed_files_REGEXP": "/^\\./", "unallowed_dirs_REGEXP": "/^\\./" }, "images": { "imagesExt": [ "jpg", "jpeg", "gif", "png", "svg" ], "resize": { "enabled":true, "maxWidth": 1280, "maxHeight": 1024 } }, "videos": { "showVideoPlayer": true, "videosExt": [ "ogv", "mp4", "webm", "m4v" ], "videosPlayerWidth": 400, "videosPlayerHeight": 222 }, "audios": { "showAudioPlayer": true, "audiosExt": [ "ogg", "mp3", "wav" ] }, "edit": { "enabled": false, "lineNumbers": true, "lineWrapping": true, "codeHighlight": false, "theme": "elegant", "editExt": [ "txt", "csv" ] }, "extras": { "extra_js": [], "extra_js_async": true }, "icons": { "path": "images/fileicons/", "directory": "_Open.png", "default": "default.png" } }  
    • Por WellingtonSilva
      Boas,
       
      Não manjo quase nada de javascript, e ainda estou estudando, mas preciso resolver um problema, e preciso da ajuda de vocês.
       
      function moneycalc(cod) { var camp = [] var total = []; $("tr[attrCod=" + cod + "] td input").each(function (i) { camp[i] = $(this).val(); }); var tmp = camp[0]; moneyvend(); } function moneyvend() { var total = []; var camp = []; var tmp, cod; $("tr[attrCod]").each(function (i) { cod = $(this).attr("attrCod"); var tmp1; var item = []; $("tr[attrCod=" + cod + "] td input").each(function (s) { item[s] = $(this).val(); }); camp[i] = item; tmp1 = item; total[i] = [tmp1]; alert(total[i]); /* Até aqui ele percorre os itens e pega todos os valores */ }); alert(total); /* Aqui o array TOTAL esta formado com todos os valores que ele encontrou nos itens acima */ /* como eu somar estes valores que estão no array TOTAL e devolver para o campo TOTALLANCAMENTO */ /* o que eu fiz abaixo não funciona! */ camp = [0]; for(var i=0;i < total.length;i++){ camp[0] += total[i]; } $("#TotalLancamento").val(camp[0]); }  
      Através do onblur eu aciono a função moneycalc. Até ai tudo bem eu consegui pegar os valores e tudo mais, o meu problema está no final onde eu coloquei uns comentários para que vocês possam entender.
      O array total (que está com os comentários logo abaixo do alert) possui vários valores que eu preciso somar, mas não consigo o código que fiz logo abaixo de popular o array não funciona.
      Alguém poderia me dar uma luz por favor.
       
      Obrigado!
    • Por Jesse&Francinete
      Olá pessoas, por incrível que pareça, mesmo eu verificando se o elemento existe, me diz isso:
       

       
      Mas quando clico no botão:
       
      <button type="button" class="btn btn-primary" onclick="validateForm()">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> Ele só valida a de cima "ADMCORP", se no meu form tiver apenas "AMBIENTAL" ele não verifica, mas se tiver "ADMCORP" ele verifica, o que pode ser?
    • Por Jesse&Francinete
      Olá pessoas, por incrível que pareça, mesmo eu verificando se o elemento existe, me diz isso:
       

       
      Mas quando clico no botão:
       
      <button type="button" class="btn btn-primary" onclick="validateForm()">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> Ele só valida a de cima "ADMCORP", se no meu form tiver apenas "AMBIENTAL" ele não verifica, mas se tiver "ADMCORP" ele verifica, o que pode ser?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: