Comment faire un total de nombre trouver par script

Marsh Posté le 06-11-2007 à 17:00:16

Bonjour

Sur mon site j'ai des listbox, quand les gens choisissent une valeur de la listbox un script va chercher la valeur ( ici des chiffres ) et la place dans une DIV spécifique à chaque listbox . J'aimerai faire le total de ses sommes des listbox dans la DIV prix total. Mais mon mon script calcultotal ne marche pas il est ajoute une aux autre a la queuleuleu ( résultat = 0400100010003000 € ) à la place de 5400 €. Avez une idée de l'erreur.
Merci d'avance

Code :

<script language="javascript" type="text/javascript">
function calculprix(){
var iLongueur, iLongueurRestante;
iLongueur = document.getElementById('texte').value.length;
if (iLongueur>40) {
document.getElementById('texte').value = document.getElementById('texte').value.substring(0,40);
iLongueurRestante = 0;
}
else {
iLongueurRestante = iLongueur * 100;
}
if (iLongueurRestante <= 1)
document.getElementById('prixtext').innerHTML = iLongueurRestante + " €";
document.getElementById('prixtext').innerHTML = iLongueurRestante + " €";
}
</script>
<script language="javascript" type="text/javascript">
function calculcouleur(){
var couleur;
couleur = document.lien.couleur[document.lien.couleur.selectedIndex].value
document.getElementById('prixcouleur').innerHTML = couleur + " €";
}
</script>
<script language="javascript" type="text/javascript">
function calcultaille(){
var taille;
taille = document.lien.taille[document.lien.taille.selectedIndex].value
document.getElementById('prixtaille').innerHTML = couleur + " €";
}
</script>
<script language="javascript" type="text/javascript">
function calculpolice(){
var police;
police = document.lien.police[document.lien.police.selectedIndex].value
document.getElementById('prixpolice').innerHTML = couleur + " €";
}
</script>
<script language="javascript" type="text/javascript">
function calculstyle(){
var style;
style = document.lien.style[document.lien.style.selectedIndex].value
document.getElementById('prixstyle').innerHTML = couleur + " €";
}
</script>
<script language="javascript" type="text/javascript">
function calcultotal(){
var iLongueur, iLongueurRestante, couleur, taille, police, style;
iLongueur = document.getElementById('texte').value.length;
if (iLongueur>40) {
document.getElementById('texte').value = document.getElementById('texte').value.substring(0,40);
iLongueurRestante = 0;}
else { iLongueurRestante = iLongueur * 100;}
couleur = document.lien.couleur[document.lien.couleur.selectedIndex].value
taille = document.lien.taille[document.lien.taille.selectedIndex].value
police = document.lien.police[document.lien.police.selectedIndex].value
style = document.lien.style[document.lien.style.selectedIndex].value
total = iLongueurRestante + police + taille + couleur + style
document.getElementById('prixtotal').innerHTML = total + " €";
}
</script>

et du coté HTML

Code :

<form id="lien" name="lien" method="post" action="formlien.php">
<p align="center"> </p>
<div align="center">
<table width="419" height="117" bgcolor="#FFFFFF">
<tr>
<td width="45" class="texte"><div align="right" class="style43"><strong>Texte</strong></div></td>
<td width="287" class="texte"><span class="Style95">
<div align="left">
<input name="texte" type="text" class="texte" id="texte" size="50" maxlength="40" onblur="calculprix();" onfocus="calculprix();" onkeydown="calculprix();" onkeyup="calculprix();" />
</div>
</span></td>
<td width="71" class="menu"><div align="center" id="prixtext">0 € </div></td>
</tr>
<tr>
<td class="texte"><div align="right" class="style43"><strong>Lien</strong></div></td>
<td class="texte"><span class="Style95">
<div align="left">
<input name="lien" type="text" class="texte" id="lien" value="http://www." size="50" maxlength="50" />
</div>
</span></td>
<td class="menu"><div align="center">0 € </div></td>
</tr>
<tr>
<td class="texte"><div align="right" class="style43"><strong>Couleur</strong></div></td>
<td class="texte"><div align="left"><span class="Style95">
<select name="couleur" class="texte" id="couleur" onblur="calculcouleur(), calcultotal();" onfocus="calculcouleur(), calcultotal();" onkeydown="calculcouleur(), calcultotal();" onkeyup="calculcouleur(), calcultotal();" >
<option value="0">Noir [ + 0 € ]</option>
<option value="1000">Rouge [ + 1000 € ]</option>
<option value="1000">Violet [ + 1000 € ]</option>
<option value="1000">Vert [ + 1000 € ]</option>
<option value="1000">Bleu [ + 1000 € ]</option>
<option value="1000">Orange [ + 1000 € ]</option>
</select>
</span> </div></td>
<td class="menu"><div align="center" id="prixcouleur">0 € </div></td>
</tr>
<tr>
<td class="texte"><div align="right" class="style43"><strong>Taille</strong></div></td>
<td class="texte"><div align="left"><span class="Style95">
<select name="taille" class="texte" id="taille" onblur="calcultaille(), calcultotal();" onfocus="calcultaille(), calculetotal();" onkeydown="calcultaille(), calcultotal();" onkeyup="calcultaille(), calcultotal();" >
<option value="0" selected="selected">8 [ + 0 € ]</option>
<option value="400">10 [ + 400 € ] </option>
<option value="600">12 [ + 600 € ]</option>
<option value="800">14 [ + 800 € ]</option>
<option value="1000">16 [ + 1000 € ]</option>
<option value="2000">18 [ + 2000 € ]</option>
<option value="3000">24 [ + 3000 € ]</option>
<option value="4000">30 [ + 4000 € ]</option>
<option value="36">36 [ + 5000 € ]</option>
</select>
</span> </div></td>
<td class="menu"><div align="center" id="prixtaille">0 € </div></td>
</tr>
<tr>
<td class="texte"><div align="right" class="style43"><strong>Police</strong></div></td>
<td class="texte"><div align="left"><span class="Style95">
<select name="police" class="texte" id="police" onblur="calculepolice();" onfocus="calculepolice();" onkeydown="calculepolice();" onkeyup="calculepolice();" >
<option value="0" selected="selected">Arial [ + 0 € ]</option>
<option value="1000">Comic sans MS [ + 1000 € ] </option>
<option value="1000">Mistral [ + 1000 € ] </option>
</select>
</span> </div></td>
<td class="menu"><div align="center" id="prixpolice">0 € </div></td>
</tr>
<tr>
<td class="texte"><div align="right" class="style43"><strong>Style</strong></div></td>
<td class="texte"><div align="left"><span class="Style95">
<select name="style" class="texte" id="style" onblur="calculstyle(), calcultotal();" onfocus="calculstyle(), calculetotal();" onkeydown="calculstyle(), calcultotal();" onkeyup="calculstyle(), calcultotal();" >
<option value="0" selected="selected">Normal [ + 0 € ]</option>
<option value="1000">Italique [ + 1000 € ]</option>
<option value="gras">Gras [ + 3000 € ]</option>
</select>
</span> </div></td>
<td class="menu"><div align="center" id="prixstyle">0 € </div></td>
</tr>
<tr>
<td bgcolor="#99CCFF" class="texte Style93"><div align="right" class="Style97">Total</div></td>
<td bgcolor="#99CCFF"> </td>
<td bgcolor="#99CCFF" class="menu"><div align="left" class="Style97" id="prixtotal">
<div align="center">0 € </div>
</div></td>
</tr>
</table>
<p><a href="aperçu.php"><strong>Aperçu des liens</strong></a></p>
<p>
<label>
<input type="submit" name="Submit" value="Suivant" />
</label>
</p>
</div>
</form>

Reply

Marsh Posté le 06-11-2007 à 17:00:16

Reply

Marsh Posté le 06-11-2007 à 17:20:50

regarde du cote de parseINt pour extraire la valeur numérique dun'e chaine de caractères

Reply

Marsh Posté le 06-11-2007 à 18:08:43

ça marche impec merci

Reply

Marsh Posté le 06-11-2007 à 18:23:11

j'ai une autre question, j'ai cette listbox et ce script. Pourquoi le nombre (ici, 120) ne se met pas dans la div prixstyle

Code :

<script language="javascript" type="text/javascript">
function calculpolice(){
var police, tpolice;
style = document.lien.style[document.lien.style.selectedIndex].value
if (police = arial)
tpolice = 120 ;
document.getElementById('prixpolice').innerHTML = tpolice + " €";
}
</script>

Code :

<select name="police" class="texte" id="police" onblur="calculpolice();" onfocus="calculpolice();" onkeydown="calculpolice();" onkeyup="calculpolice();" >
<option value="arial" selected="selected">Arial [ + 0 € ]</option>
<option value="comic">Comic sans MS [ + 1000 € ] </option>
<option value="mistral">Mistral [ + 1000 € ] </option>
</select>

Message cité 1 fois
Message édité par thesnoobrats le 06-11-2007 à 18:24:30

Reply

Marsh Posté le 06-11-2007 à 19:36:23

police est jamais initiliasé non?

et ton code est assez crade quand meme

au lieu de document.lien.style

pourquoi tu n'utilise pas document.getElementById('style')

et sinon,,unebarre d'outile comms webdevelopper ( pour firefox ) t'affichera les erreurs js

Message cité 2 fois

Reply

Marsh Posté le 07-11-2007 à 05:08:41

flo850 a écrit :

et sinon,,unebarre d'outile comms webdevelopper ( pour firefox ) t'affichera les erreurs js

C'esdt la console JS de FF qui indique les erreur [:dawa] pas la web dev toolbar, mais ca sera un plus
et sinon, de nos jours il n'est pas envisageable de coder du JS sans avoir firebug

Reply

Marsh Posté le 07-11-2007 à 09:39:15

flo850 a écrit :

police est jamais initiliasé non?

+1

flo850 a écrit :

et ton code est assez crade quand meme

+1
Au rayon port'nawak on notera l'affectation (au lieu du test d'égalité) d'une beauté chatoyante:

Code :

...
if (police = arial)
tpolice = 120 ;
...

Message édité par anapajari le 07-11-2007 à 09:39:49

Reply

Comment faire un total de nombre trouver par script

Sujets relatifs:

Leave a Replay