Probleme se dyntaxe sans doute

artanis -  
Freedomsoul Messages postés 538 Statut Membre -
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.

<!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

Joe
 
Il faut mettre une action à ton form.
0
artanis
 
J'ai ajouté une action et ca ne marche toujours pas...
0
Joe
 
Est-ce que tu peux reposter ton code modifié stp ?
0
artanis
 
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>
0
zipe31 Messages postés 38797 Date d'inscription   Statut Contributeur Dernière intervention   6 435
 
Salut,

<ModeMoqueurON>

Probleme se dyntaxe sans doute
Non, simple dyslexie des doigts ;-DD

<ModeMoqueurOFF>

Je sors ;-))
0
artanis
 
xD Yep dyslexie du clavier ^^'
0
Freedomsoul Messages postés 538 Statut Membre 97
 
<form action="tonfichiertraitement.php" method="post OU get">
0
artanis
 
mais... Je ne cherche pas a créer ou modifier un fichier php...
0
Freedomsoul Messages postés 538 Statut Membre 97
 
c'est ça de lire trop rapidement ><'

désolé :s
0