Formulaire HTML de taille variable

**Uzuke** · 12/09/2013, 17h25

Bonjour,

depuis quelques jours, j'essaie de me faire aider pour un problème de Javascript.

au final, j'ai ce code-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?php
session_start() ;
 
require_once './includes/database_user.php';
require_once './includes/functions/functions.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="./css/style.css" rel="stylesheet" media="all" type="text/css"  />
		<script src="./javascript/ckeditor/ckeditor.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 
		<script language="javascript" type="text/javascript">
		jQuery("#add_chap").click(function(){
		    $("#add_articles p").append("<textarea name='chapitre[]'></textarea>");
		});
		</script>
 
		<title>Bifrost</title>
 
	</head>
 
	<body>
 
<?php 
                require_once './includes/menu.php';
?>
 
		<div id="contener">
 
		<!-- --------------------------------------------- -->    
 
<?php 
                        require_once './includes/header.php';
?>
 
		<!-- --------------------------------------------- --> 
	<div id="corps">
	    <div class="gris"></div>
 
	<form method="post" action="news.php?action=insert" id="add_articles">
 
        <p>                                  
            <label for="title">Titre</label> : <input type="text" name="title" id="title" />
 
            <textarea class="ckeditor" name="content" id="content"></textarea>
 
 
        </p>
        <input type="button" value="Ajouter" id="add_chap" name="add_chap" />
 
    </form>       
 
	    <div style="clear:both"></div>     
	</div>
		<!-- --------------------------------------------- --> 
 
<?php 
                        require_once './includes/footer.php';
?>
 
		</div>
	</body>
</html>

et le but est d'ajouter un champ "textearea" à chaque fois que je clique sur le bouton "Ajouter" comme ici : http://jsfiddle.net/XSdR4/

Cependant, mon bouton n'est pas cliquable et ce, sans aucune raison apparente!

Quelqu'un pourrait-il m'aider?

**Bovino** · 12/09/2013, 17h32

sans aucune raison apparente

Euh... si quand même !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

jQuery("#add_chap").click(...)

quand tu définis l'événement, l'élément auquel il se rattache n'existe pas, ton événement se perd donc dans le vide.

Qu'est-ce que la notion de Ready ?

**Uzuke** · 12/09/2013, 17h35

Euh... J'ai bien lu le message une dizaine de fois, le lien aussi mais je ne vois absolument pas le rapport entre les deux et ne comprends même pas la réponse :/

Il faut prendre en compte que je n'ai jamais fait de cours sur le JS et encore moins sur JS.

**NoSmoking** · 12/09/2013, 19h36

Bonjour,
c'est tout l'inconvénient d'environnement tel que jsfiddle, regarde bien et tu verras que ton code s’exécute sur un onload, donc acte...

Qu'est-ce que la notion de Ready ?

**Uzuke** · 12/09/2013, 19h39

Non, je ne comprends toujours pas.

Je le répète, je n'y connais absolument rien au Javascript et encore moins sa logique de fonctionnement, les seuls que j'ai utilisé c'était des scripts déjà prêts et là c'est pareil.

Personne ne peut simplement me le corriger ? ça fait 3 jours que je suis là-dessus et tout mon temps libre y passe...