par
blinz » 26 août 2017, 16:45
Alors j'ai trouvé ce que je voulais et l'ai mis en place en partie sauf un champ qui me pose problème.
sI Je met un input classique pour l'id
x c'est à dire :
<input id="x" data-in="" type="text" />
ça marche mais si je met comme moi je souhaite ca ne calcul pas:
<div class="numbers-row">
<input value="0" id="x" data-in="" name="courier" class="qty2 form-control" type="text" value="<?php echo !empty($_POST['courier']) ? $_POST['courier'] : NULL;?>" />
<div class="inc button_inc">+</div><div class="dec button_inc">-</div></div>
Mon script permettant d'éxécuter la multiplication
<script>
var x = document.getElementById("x");
var y = document.getElementById("y");
var d = document.getElementById("d");
var xstored = x.getAttribute("data-in");
var ystored = y.getAttribute("data-in");
setInterval(function(){
if( x == document.activeElement ){
var temp = x.value;
if( xstored != temp ){
xstored = temp;
x.setAttribute("data-in",temp)
calculate();
}
}
if( y == document.activeElement ){
var temp = y.value;
if( ystored != temp ){
ystored = temp;
y.setAttribute("data-in",temp);
calculate();
}
}
},50);
function calculate(){
d.innerHTML = x.value * y.value;
}
x.onblur = calculate;
calculate();
</script>
Formulaire:
<form>
<td>
<div class="numbers-row">
<input value="0" id="x" data-in="" name="courier" class="qty2 form-control" type="text" value="<?php echo !empty($_POST['courier']) ? $_POST['courier'] : NULL;?>" />
<div class="inc button_inc">+</div><div class="dec button_inc">-</div></div>
</td>
<td>
<input id="y" data-in="" value="2" type="text" />
</td>
<td>
<strong><div id="d"></div></strong>
</td>
</form>
Alors j'ai trouvé ce que je voulais et l'ai mis en place en partie sauf un champ qui me pose problème.
sI Je met un input classique pour l'id [b]x[/b] c'est à dire :
[html]<input id="x" data-in="" type="text" />[/html] ça marche mais si je met comme moi je souhaite ca ne calcul pas:
[PHP]<div class="numbers-row">
<input value="0" id="x" data-in="" name="courier" class="qty2 form-control" type="text" value="<?php echo !empty($_POST['courier']) ? $_POST['courier'] : NULL;?>" />
<div class="inc button_inc">+</div><div class="dec button_inc">-</div></div>[/PHP]
[u]Mon script permettant d'éxécuter la multiplication[/u]
[html]<script>
var x = document.getElementById("x");
var y = document.getElementById("y");
var d = document.getElementById("d");
var xstored = x.getAttribute("data-in");
var ystored = y.getAttribute("data-in");
setInterval(function(){
if( x == document.activeElement ){
var temp = x.value;
if( xstored != temp ){
xstored = temp;
x.setAttribute("data-in",temp)
calculate();
}
}
if( y == document.activeElement ){
var temp = y.value;
if( ystored != temp ){
ystored = temp;
y.setAttribute("data-in",temp);
calculate();
}
}
},50);
function calculate(){
d.innerHTML = x.value * y.value;
}
x.onblur = calculate;
calculate();
</script>[/html]
Formulaire:
[PHP]<form>
<td>
<div class="numbers-row">
<input value="0" id="x" data-in="" name="courier" class="qty2 form-control" type="text" value="<?php echo !empty($_POST['courier']) ? $_POST['courier'] : NULL;?>" />
<div class="inc button_inc">+</div><div class="dec button_inc">-</div></div>
</td>
<td>
<input id="y" data-in="" value="2" type="text" />
</td>
<td>
<strong><div id="d"></div></strong>
</td>
</form>[/PHP]