Probleme en javascript!!!!!!!!!!!

Résolu/Fermé

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 - 7 févr. 2008 à 12:50
Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 - 7 févr. 2008 à 15:14

Bonjour,

Je suis novice en programmation javascripte, et jaimerai trouver une solution a un probléme ke j'ai rencontré.
En fait, ma page est constitée d'un formulaire où l'utilisateur doit entrer des information qui seront traités vià une fonction Traiter()qui afficherai le traitement dans un tableau dans la meme page sans écraser le formulaire grace a l'evennement onclick .
si une personne a la solution jaimerai bien qu'il m'éclaire le plutot possible car c une application a rendre dans 2 jours.
Merci d'avance.

A voir également:

Probleme en javascript!!!!!!!!!!!
Telecharger javascript - Télécharger - Langages
Table de multiplication javascript ✓ - Forum Javascript
Javascript echo ✓ - Forum PHP
Quelque chose bloque le fonctionnement de javascript sur votre ordinateur ✓ - Forum Virus
Exercice calculatrice en javascript ✓ - Forum Javascript

30 réponses

Réponse 1 / 30

Utilisateur anonyme
7 févr. 2008 à 12:58

http://www.editeurjavascript.com/cours/index.php

http://javascript.internet.com/

https://www.javascript.com/

Ce sont les trois meilleures sources du net, mais comme tu captes pas l'anglais, ca va être cho cho cho les marrons pour apprendre l'anglais en 2 jours :)

Réponse 2 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:09

en fait c'est des urls de cours, il ya pleins de liens et ça me prendra une éternitée a fouiller .
si une personne a une solution claire et directe sous la mais ça serai bien :)

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:14

Ba ça dépend...

Tu peux nous en dire plus sur le formulaire et sur le tableau à dresser ?

Réponse 3 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:19

en fait c'est un formpulaire où tu mets le montant d'un crédit, le nombre de mois (periode de remboursement), le taux d'interet et la date de la premiére échéance.
en clickant sur valider un tableau doit etre affiché en dessous du formulaire avec les dates de versement, le montant restant.....
le probléme c que ça marche mais ça écrase le formulaire.

Réponse 4 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:21

Tu peux nous montrer ton code stp ?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:26

//ceci est le code html de l'interface

<body bgcolor=#99CCFF text =#000066>

<form name ="Mafich">

<pre> <b> Montant du Crédit : </b> <input type="text name="txtMnt" > Dt </pre><br/> <br/>

<pre><p> <b> Nombre de Mois : </b> <input type="text" name="txtNb" > Mois </pre><br/> <br/>

<pre> <b> Taux : </b> <input type="text" name="txtTo" > % </pre><br/> <br/>

<pre> <b> Date de la premiere écheance : </b> <input type="text" name="txtDat" > </pre><br/> <br/>

<pre> <input type="button" name="Valid" value= "Valider" onClick="Traiter()"> <input type="reset"

name="Rest" value="Annuler"> </pre>

</form>

</body>

Réponse 6 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:27

C'est surtout le javascript qu'il me faudrait...

Réponse 7 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:30

// fonction traiter()

function Traiter()
{

var i =1;
var tableau = new Array();

credInt= parseFloat(document.forms["Mafich"].txtMnt.value) * ( (parseFloat(document.forms["Mafich"].txtTo.value)/100)+1);
mens= parseInt( credInt/parseInt(document.forms["Mafich"].txtNb.value));

var restant = credInt;
var pTotal = 0;

//partie affichage
document.write("<table border=\"1\" bordercolor=\"#000066\" >");
document.write("<tr>");
document.write("<td height=\"50\" width=\"300\" >"+"Date de versement"+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+"Mensualité"+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+"Total Restant"+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+"Total Remboursé"+"</td>");

dtj= getD(document.forms["Mafich"].txtDat.value);

while (i< parseInt(document.forms["Mafich"].txtNb.value))
{
restant= restant-mens;
pTotal=pTotal+mens;

document.write("<tr>");
document.write("<td height=\"50\" width=\"300\" >"+getDateCompact(dtj)+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+mens+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+restant+"</td>");
document.write("<td height=\"50\" width=\"300\" >"+pTotal+"</td>");

i++;

}

}

//getD= retourne la date de la zone de saisie en la covertissant en type date
//getcompact..() retourne la date sous format 12/12/2008 par exemple.

Réponse 8 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:33

Rajoutes ça à la fin pour commencer :
document.write("</tr>");
document.write("</table>");

Histoire de fermer le tableau.

Réponse 9 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:49

oui ça c déja fait

Réponse 10 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:50

Bon... Je sais que je suis chaint, mais histoire d'aller plus vite, essayes de mettre TOUT ton code, HTML et JAVAscript

Réponse 11 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:54

html>

<head>

<script type="text/javascript">

var dtj= new Date();
var credInt=0;
var mens=0;

function bissext(dt)

{

if((dt.getFullYear() % 4 == 0)&&(dt.getFullYear() % 100 !=0))
{
if (dt.getFullYear() % 400 ==0)
return true;
else
return false;

}
else
return false;

}

function getDateCompact(dt)

{
var y = dt.getFullYear();

var m = dt.getMonth()+1;

if (m<10)
{
m="0"+m;

}
var d = dt.getDate();
if(d<10)
{d="0"+d;}

return d+"/"+m+"/"+y;
}

function getD(da)
{
window.alert("Nos produits sont en general non perimes");
var day = da.substring(0,2);

var month = da.substring(3,5);
var year = da.substring(6,10);
var d = new Date();

d.setDate(day);
d.setMonth(month);
d.setFullYear(year);
return d;
}

function Info()
{
window.alert("Nos produits sont en general non perimes");
window.alert(document.forms["Mafich"].txtMnt.value);

}

function Traiter()
{

var i =1;

credInt= parseFloat(document.forms["Mafich"].txtMnt.value) * ( (parseFloat(document.forms["Mafich"].txtTo.value)/100)+1);
mens= parseInt( credInt/parseInt(document.forms["Mafich"].txtNb.value));

var restant = credInt;
var pTotal = 0;

//partie affichage

document.write("<table border=1 bordercolor='#333399'>");
document.write("<tr>");
document.write("<td height=50 width=300 >"+"Date de versement"+"</td>");
document.write("<td height=50 width=300 >"+"Mensualité"+"</td>");
document.write("<td height=50 width=300 >"+"Total Restant"+"</td>");
document.write("<td height=50 width=300 >"+"Total Remboursé"+"</td>");
document.write("</tr>");

document.write("</table>");

dtj= getD(document.forms["Mafich"].txtDat.value);

while (i<= parseInt(document.forms["Mafich"].txtNb.value))
{

restant= restant-mens; ////partie
pTotal=pTotal+mens;
window.alert(restant); ////traitement

i++; //encore inachevée
}

}

</script>

</head>

<body text =#000066>

<form name ="Mafich">

<pre> <b> Montant du Crédit : </b> <input type="text" name="txtMnt" > Dt </pre><br/> <br/>

<pre><p> <b> Nombre de Mois : </b> <input type="text" name="txtNb" > Mois </pre><br/> <br/>

<pre> <b> Taux : </b> <input type="text" name="txtTo" > % </pre><br/> <br/>

<pre> <b> Date de la premiere écheance : </b> <input type="text" name="txtDat" > </pre><br/> <br/>

<pre> <input type="button" name="Valid" value= "Valider" onClick="Traiter()"> <input type="reset" name="Rest" value="Annuler"> </pre>

<layer width="200" height="115" left="193" top="84" bgcolor="#666666">
Contenu du calque.
</layer>

</form>

</body>

</html>

Réponse 12 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 13:56

<html> au début lol
erreur de copiage

Réponse 13 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 13:59

Voilà qui marche déjà un peu mieux :

<html>

<head>
<script type="text/javascript">

var dtj= new Date();
var credInt=0;
var mens=0;



function bissext(dt)

{

if((dt.getFullYear() % 4 == 0)&&(dt.getFullYear() % 100 !=0))
{
if (dt.getFullYear() % 400 ==0)
return true;
else
return false;

}
else
return false;

}

function getDateCompact(dt)

{
var y = dt.getFullYear();

var m = dt.getMonth()+1;

if (m<10)
{
m="0"+m;

}
var d = dt.getDate();
if(d<10)
{d="0"+d;}

return d+"/"+m+"/"+y;
}


function getD(da)
{
window.alert("Nos produits sont en general non perimes");
var day = da.substring(0,2);

var month = da.substring(3,5);
var year = da.substring(6,10);
var d = new Date();


d.setDate(day);
d.setMonth(month);
d.setFullYear(year);
return d;
}


function Info()
{
window.alert("Nos produits sont en general non perimes");
window.alert(document.forms["Mafich"].txtMnt.value);
}

function Traiter()
{

var i =1;
var f = document.getElementById('resultat');

credInt= parseFloat(document.forms["Mafich"].txtMnt.value) * ( (parseFloat(document.forms["Mafich"].txtTo.value)/100)+1);
mens= parseInt( credInt/parseInt(document.forms["Mafich"].txtNb.value));

var restant = credInt;
var pTotal = 0;

//partie affichage

f.innerHTML = ("<table border=1 bordercolor='#333399'>");
f.innerHTML = f.innerHTML + ("<tr>");
f.innerHTML = f.innerHTML + ("<td height=50 width=300 >"+"Date de versement"+"</td>");
f.innerHTML = f.innerHTML + ("<td height=50 width=300 >"+"Mensualité"+"</td>");
f.innerHTML = f.innerHTML + ("<td height=50 width=300 >"+"Total Restant"+"</td>");
f.innerHTML = f.innerHTML + ("<td height=50 width=300 >"+"Total Remboursé"+"</td>");
f.innerHTML = f.innerHTML + ("</tr>");

f.innerHTML = f.innerHTML + ("</table>");

dtj= getD(document.forms["Mafich"].txtDat.value);

while (i<= parseInt(document.forms["Mafich"].txtNb.value))
{

restant= restant-mens; ////partie
pTotal=pTotal+mens;
window.alert(restant); ////traitement

i++; //encore inachevée
}

}

</script>

</head>
<body text =#000066>

<form name ="Mafich">

<pre> <b> Montant du Crédit : </b> <input type="text" name="txtMnt" > Dt </pre><br/> <br/>
<pre><p> <b> Nombre de Mois : </b> <input type="text" name="txtNb" > Mois </pre><br/> <br/>
<pre> <b> Taux : </b> <input type="text" name="txtTo" > % </pre><br/> <br/>
<pre> <b> Date de la premiere écheance : </b> <input type="text" name="txtDat" > </pre><br/> <br/>
<pre> <input type="button" name="Valid" value= "Valider" onClick="Traiter()"> <input type="reset" name="Rest" value="Annuler"> </pre>
<br /><br />
<div id='resultat' width="200" height="115" left="193" top="84" bgcolor="#666666">
Contenu du calque.
</div>

</form>

</body>
</html>

Réponse 14 / 30

Utilisateur anonyme
7 févr. 2008 à 14:09

T'es en de bonnes main dis donc, il assures le gars !!! Good job Scalpweb !

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 14:09

De rien.

Passe ce topic en tant que Résolu.

Réponse 15 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 14:12

désolée, j'étais pas devant mon ordi.. MERCI beaucoup Scalpweb !

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 14:15

De rien...

Mais si ça marche comme tu veux, passe ce topic en résolu.

Réponse 16 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 14:20

Mais tu sais le border et bordercolor ne son pas reconnues!!??? pourtant la syntaxe est juste!!

Réponse 17 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 14:22

Autant pour moi :

f.innerHTML = ("<table style=\"border: 1px solid #333399; \">");

Réponse 18 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 14:22

de toutes façons c déja un super résulat Merci infiniment scalpweb!!!

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 14:24

De rien encore une fois...

Mais j'insiste, place ce topic en résolu lorsque tout sera clair pour toi.

Tu as un petit formulaire pour faire ça au sommet du topic.

En tout cas, là, tout devrait marcher.

Réponse 19 / 30

salmasyrine Messages postés 29 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 21 février 2008 1
7 févr. 2008 à 14:30

oui je sais je vais le fair maisf.innerHTML = ("<table style=\"border: 1px solid #333399; \">");
===> ne marche pas :(

Réponse 20 / 30

Scalpweb Messages postés 1467 Date d'inscription samedi 13 mars 2004 Statut Membre Dernière intervention 5 mai 2010 43
7 févr. 2008 à 14:30

Ah bon ?

Je vais voir, attends...

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

afficher un tableau JS en HTML

java script error in the main process

Nodejs.exe est-ce un virus

javascript:void(0);

Discussions similaires

Newsletters