Aumentare il prezzo ad ogni lettera cliccata sulla tastiera

**m4rko80** · 31-01-2018, 19:08

Mancava una graffa al codice(funziona calcola)

codice:

<html>
<head>
<script>
var unit = 5;
var min = 0;
var currentValue;
var currentText;




window.onLoad = function(){
 currentValue = document.getElementById('valore').value || 0;
 currentText = document.getElementById('testo').value;
}




function calcola(event){
   
    var key = event.which || event.keyCode;  




    var inp = String.fromCharCode(key);
    if (/[a-zA-Z0-9]/.test(inp) || (key==8)){ //Tasti accettati : lettere e numeri
        currentText = document.getElementById('testo').value;
         console.log(key, document.getElementById('testo').value.length)
           var newValue = document.getElementById('testo').value.length * 5;    
           document.getElementById('valore').value = newValue;           
    }else{
        //caratteri non consentiti = reset testo
        document.getElementById('testo').value = currentText;
    }
  }




</script>
</head>
<body>
Testo <input type="text" id="testo" value="" onKeyup="javascript:calcola(event);"/>
Valore <input type="text" id="valore" value="0">
</body>
</html>

Il codice a se stante funziona, manca la gestione per il testo, il quale comprende il caratter euro o meno.
Il fatto che stia in un plugin è già più complesso, se devi modificare un plugin potrebbe essere legato ad altro ma non posso vedere e avere idea di cosa ci sia dietro.

Da questo esempio bene o male puoi farti un'idea di come continuare.

**robfori** · 31-01-2018, 19:45

Originariamente inviata da m4rko80

Mancava una graffa al codice(funziona calcola)

codice:

<html>
<head>
<script>
var unit = 5;
var min = 0;
var currentValue;
var currentText;




window.onLoad = function(){
 currentValue = document.getElementById('valore').value || 0;
 currentText = document.getElementById('testo').value;
}




function calcola(event){
   
    var key = event.which || event.keyCode;  




    var inp = String.fromCharCode(key);
    if (/[a-zA-Z0-9]/.test(inp) || (key==8)){ //Tasti accettati : lettere e numeri
        currentText = document.getElementById('testo').value;
         console.log(key, document.getElementById('testo').value.length)
           var newValue = document.getElementById('testo').value.length * 5;    
           document.getElementById('valore').value = newValue;           
    }else{
        //caratteri non consentiti = reset testo
        document.getElementById('testo').value = currentText;
    }
  }




</script>
</head>
<body>
Testo <input type="text" id="testo" value="" onKeyup="javascript:calcola(event);"/>
Valore <input type="text" id="valore" value="0">
</body>
</html>

Il codice a se stante funziona, manca la gestione per il testo, il quale comprende il caratter euro o meno.
Il fatto che stia in un plugin è già più complesso, se devi modificare un plugin potrebbe essere legato ad altro ma non posso vedere e avere idea di cosa ci sia dietro.

Da questo esempio bene o male puoi farti un'idea di come continuare.

Per farti capire meglio provo a pubblicarti il codice in questione:

Per farti capire, in pratica va bene così come mi hai fatto vedere, soltanto che vorrei che aumentasse la cifra del prezzo, non il value. Ti pubblico il codice attuale:

<!doctype html>
<html>
<head>
<script>
var unit = 5;
var min = 0;
var currentValue;
var currentText;

window.onLoad = function(){
currentValue = document.getElementById('item_price').value || 0;
currentText = document.getElementById('ricamo').value;
}

function calcola(event){

var key = event.which || event.keyCode;

var inp = String.fromCharCode(key);
if (/[a-zA-Z0-9]/.test(inp) || (key==8)){ //Tasti accettati : lettere e numeri
currentText = document.getElementById('ricamo').value;
console.log(key, document.getElementById('ricamo').value.length)
var newValue = document.getElementById('ricamo').value.length * 5;
document.getElementById('item_price').value = newValue;
}else{
//caratteri non consentiti = reset testo
document.getElementById('ricamo').value = currentText;
}
}
</script>
</head>

<body>

<font>5€ a lettera</font>
<input type="text" class="ricamo"> <br>

<span class="item_price">95.00€</span>

<a class="item_add" href="javascript:;"><input type="submit" value="AGGIUNGI AL CARRELLO" class="add_to_cart"></a>

</div>
</form>
</body>
</html>

Grazie al tuo esempio, riesco ad aumentare il value, soltanto che io vorrei che aumentasse la cifra , ovvero il prezzo dell' item_price.

So che non è facile da spiegare..

Discussione: Aumentare il prezzo ad ogni lettera cliccata sulla tastiera

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Tag per questa discussione

Permessi di invio