Publicado em 16 de ago.

Como editar conteudo HTML com PHP

Galerinha Boa, alguém pode me explicar como eu faço pra editar isso abaixo usando php

	 <div class="nome-vip">

	        <p class="text-center"><span>1</span> CASH</p>             <---------------essa parte eu queria saber como eu edito clicando por cima(tentei usando contenteditable), mas n deu do jeito que eu queria,preciso que o valor editado fique em uma variavel PHP

	      </div>

	      <p class="text-center" style="color: #888; font-size: 15px;">por apenas</p>

	      <div class="preco-vip">

	        <p class="text-center">R$ 1</p> <------------------- e aqui iria ter a variável preço que ja estaria definida como um, e quando la em cima fosse adicionado um valor int, somasse os 2 e gerasse a variavel valor e exibindo ela

	      </div>

	 

	Alguém ajuda eu, to caçando em mts sites algo assim mas n consigo

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Omar~· 18 de ago.

Estou meio confuso sobre o que de fato pretende, mas vamos ver...

Em 16/08/2019 at 15:34, Salvatore disse:

como eu faço pra editar isso abaixo usando php

Tem que usar javascript

Em 16/08/2019 at 15:34, Salvatore disse:

queria saber como eu edito clicando por cima

<p class="text-center"><span id="editar">1</span> CASH</p>

<script>
 var editar = document.getElementById('editar');
 editar.addEventListener('click', funcao_edita, false); // Detecta quando é clicado em cima
 editar.addEventListener('keypress', funcao_altera, false); // Detecta se algo é digitado

 function funcao_edita() {
 editar.setAttribute('contentEditable', true); // Faz com que seja possível editar o local
 }

 function funcao_altera() {
 console.log(editar.innerText); // Apenas exibe no console o texto do elemento sendo alterado
 }
</script>

	 

	Só que eu acho que seja algo similar a isso o que deseja:

<?php
$valor_pre_definido = 22;
?>
<input id="editar" type="number" value="1" min="1" max="100"> CASH
<p id="resultado">R$ 1</p>

<script>
 var editar = document.getElementById('editar');
 var resultado = document.getElementById('resultado');
 editar.addEventListener('change', funcao_edita, false);

 function funcao_edita() {
 var a = parseInt(editar.value);
 var b = parseInt(<?= $valor_pre_definido ?>);
 var c = a + b;
 resultado.innerText = 'R$' + (a + b);
 }
</script>

Salvatore· 18 de ago.

8 horas atrás, Omar~ disse:

Estou meio confuso sobre o que de fato pretende, mas vamos ver...

Tem que usar javascript

<p class="text-center"><span id="editar">1</span> CASH</p>

<script>
 var editar = document.getElementById('editar');
 editar.addEventListener('click', funcao_edita, false); // Detecta quando é clicado em cima
 editar.addEventListener('keypress', funcao_altera, false); // Detecta se algo é digitado

 function funcao_edita() {
 editar.setAttribute('contentEditable', true); // Faz com que seja possível editar o local
 }

 function funcao_altera() {
 console.log(editar.innerText); // Apenas exibe no console o texto do elemento sendo alterado
 }
</script>

  

 Só que eu acho que seja algo similar a isso o que deseja:

<?php
$valor_pre_definido = 22;
?>
<input id="editar" type="number" value="1" min="1" max="100"> CASH
<p id="resultado">R$ 1</p>

<script>
 var editar = document.getElementById('editar');
 var resultado = document.getElementById('resultado');
 editar.addEventListener('change', funcao_edita, false);

 function funcao_edita() {
 var a = parseInt(editar.value);
 var b = parseInt(<?= $valor_pre_definido ?>);
 var c = a + b;
 resultado.innerText = 'R$' + (a + b);
 }
</script>

  

	Obg, usei quase a mesma coisa porem com um input, pro usuario perceber que ali e pra digitar