Discussion :

[pascb423]

Bonjour,
j'aimerai copier en temps réel la saisie dans un input et qu'elle se copie dans le texte d'un bouton sans soumettre?
il faut ajax je pense?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
?>
<script>
function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57)))
        return false;
    return true;
}
</script>
 
 
 
         <input style="width:150px;color:black;text-align: center;height: 50px;font-size: xx-large;"name="someid" id="someid" type="number" onkeypress="return isNumberKey(event)" value="10"/><label style="font-size: xx-large;">€</label>
<br><br><br><br>
 
 
<button style="color:black; margin-bottom: -16px;" class="btn btn-lg btn-warning btn-block" name="submit" type="submit"><strong>pour le montant de: <?= number_format( special_round((la il faudrait reprendre la valeur du input),0.050) , $decimals =2, '.', ''); ?> €</strong></button>

[Séb.]

Ajax est un terme obsolète, il désigne des échanges client/serveur sans refresh complet de la page.

Etant donné ton énoncé il faudra faire du JavaScript, pas besoin d'échanger avec le serveur.

Placer dans un bouton le contenu saisi dans un <input> en temps réel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form>
    <input type="text" oninput="this.form.elements['my-button'].value = this.value">
    <input type="button" name="my-button">
</form>

Il faudra utiliser JS pour formater la valeur.


La même chose avec Vue (qui pourrait t'être utile si tu as beaucoup d'interactions de ce genres entre tes éléments) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script type="module">
    import { createApp } from "https://unpkg.com/vue@3.0.11/dist/vue.esm-browser.js";
    createApp({ data() { return { value: "" }}}).mount("form");
</script>
<form>
    <input type="text" v-model="$data.value">
    <button>{{ $data.value }}</button>
</form>

[pascb423]

merci mais j'ai réussis en ajax