Como editar conteudo HTML com PHP

[Salvatore 0]

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

 

[Omar~ 87]

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 0]

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