Probleme se dyntaxe sans doute
Bonjour,
J'éssaie de faire un simple système de formulaire pour pouvoir poster des articles sur un site internet, J'ai fait pour ca ma page html et j'y ai intégré du script javascript pour "créer" les articles les uns après les autres.
Mon code me parait fonctionel mais quand je le test dans chrome, il ne se passe absolument rien lorsque j'appuie sur le submit. (ce qui est légèrement embettant...)
Et ce qui m'ennuie c'est que chrome ne m'indique pas d'erreures...
C'est pour cela que je me tourne vers vous.
Si vous pouviez m'aider à y voir plus claire.
ps : j'ai hésité entre le topic programation et internet, si jamais je ne suis pas au bon endroit iformez moi je posterai dans le bon (ou alors déplacez mon post) merci :)
J'éssaie de faire un simple système de formulaire pour pouvoir poster des articles sur un site internet, J'ai fait pour ca ma page html et j'y ai intégré du script javascript pour "créer" les articles les uns après les autres.
Mon code me parait fonctionel mais quand je le test dans chrome, il ne se passe absolument rien lorsque j'appuie sur le submit. (ce qui est légèrement embettant...)
Et ce qui m'ennuie c'est que chrome ne m'indique pas d'erreures...
C'est pour cela que je me tourne vers vous.
Si vous pouviez m'aider à y voir plus claire.
<!DOCTYPE html>
<html lang="fr-fr">
<head>
<title>test</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
</head>
<body>
<div name"formulaire" id"form">
<form>
<p>Titre (requis) : </p>
<input type="text" id="titre" name="titre1" />
<br>
<p>Description (requis) : </p>
<textarea name="comment" rows=6 cols=20 id="description">
</textarea>
<br><br>
<input type="submit" id="creer" value="Créer">
</form>
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
var comp = 0;
$("#creer").click(function new_post() {
comp++;
$("#form").before('<div id="article"><p id='+"titre"+comp+' class="title"></p></div>');
$("#titre"+comp).after('<p id='+"description"+comp+' class="comm"></p>');
$("#titre"+comp).append($("#titre").val());
$("#description"+comp).append($("#description").val());
})
});
</script>
</body>
</html>
ps : j'ai hésité entre le topic programation et internet, si jamais je ne suis pas au bon endroit iformez moi je posterai dans le bon (ou alors déplacez mon post) merci :)
3 réponses
-
Il faut mettre une action à ton form.
-
-
-
voila
<!DOCTYPE html> <html lang="fr-fr"> <head> <title>test</title> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> </head> <body> <div name"formulaire" id"form"> <form methode="get"> <p>Titre (requis) : </p> <input type="text" id="titre" name="titre1" /> <br> <p>Description (requis) : </p> <textarea name="comment" rows=6 cols=20 id="description"> </textarea> <br><br> <input type="submit" id="creer" value="Créer"> </form> </div> <script language="javascript" type="text/javascript"> $(document).ready(function(){ var comp = 0; $("#creer").click(function new_post() { comp++; $("#form").before('<div id="article"><p id='+"titre"+comp+' class="title"></p></div>'); $("#titre"+comp).after('<p id='+"description"+comp+' class="comm"></p>'); $("#titre"+comp).append($("#titre").val()); $("#description"+comp).append($("#description").val()); }) }); </script> </body> </html>
-
-
ContributeurSalut,
<ModeMoqueurON>
Probleme se dyntaxe sans doute
Non, simple dyslexie des doigts ;-DD
<ModeMoqueurOFF>
Je sors ;-)) -
<form action="tonfichiertraitement.php" method="post OU get">
