utilisation <form> html ?

**t671** · 22/10/2005, 12h07

Bonjour,

J'ai un formulaire en html. Une balise <form> permet d'utiliser des bbcodes (gras, souligné, ....) et d'afficher une prévisualisation du message. Une autre balise <form> transmet le texte saisie à un prg php qui l'inscrit ds ma bd.
Le pb, est que si je laisse les deux balises actives, le bbcode ne fonctionne plus, et l'inscription du texte ds ma bd est vierge (enregistrement blanc !).
Si je désactive le bbcode, l'enregistrement ds ma bd est ok.
Si je désactive l'enregistrement bd, le bbcode est ok.

Comment pouvoir utiliser les 2 balises <form> en même temps ??????

Voici le html du formulaire :

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Entrez un texte</title>
<script language="javascript" type="text/javascript" src="checkbb.js">
</script>

</head>
<body>
<center>
<form name="formu">
<input type="button" value="b" style="width:50px;font-weight:bold" onclick="storeCaret('b')">
<input type="button" value="i" style="width:50px;font-style:italic" onclick="storeCaret('i')">
<input type="button" value="u" style="width:50px;text-decoration:underline" onclick="storeCaret('u')">
<input type="button" value="quote"style="width:50px" onclick="storeCaret('quote')">
<input type="button" value="code"style="width:50px" onclick="storeCaret('code')">
<input type="button" value="url"style="width:50px" onclick="storeCaret('url')">
<input type="button" value="img"style="width:50px" onclick="storeCaret('img')"><br>
<input type="button" value="Prévisualiser" onClick="visualisation()"></form><span id="previsualisation"></span>

<form method="POST" action="add.php" value="envoyer" name="soumettre">
<textarea name="texte" rows="20" cols="58" wrap="virtual" onmouseover="this.focus();"></textarea><br>
<input type="submit" value="envoyer" name="soumettre"></form>

</center>
</body>
</html>

Merci pour votre aide ............[/i]

**Kerod** · 22/10/2005, 13h24

Je sais pas si c'est ca mais définis la propriété action du premier form et etc...

**vg33** · 22/10/2005, 13h28

Tu n'as pas besoin de mettre ton bbcode dans un <form>, puisqu'il s'agit de boutons d'action, pas de soumission de formulaire. Les mettre dans un form est même à mon avis sémantiquement incorrect.
Il suffit que chaque bbcode soit affecté à un lien image, avec le même 'onclick'.
Il ne te resterait alors qu'un formulaire, ce qui devrait résoudre ton problème, non ?

**t671** · 22/10/2005, 13h43

Envoyé par vg33

Tu n'as pas besoin de mettre ton bbcode dans un <form>, puisqu'il s'agit de boutons d'action, pas de soumission de formulaire. Les mettre dans un form est même à mon avis sémantiquement incorrect.
Il suffit que chaque bbcode soit affecté à un lien image, avec le même 'onclick'.
Il ne te resterait alors qu'un formulaire, ce qui devrait résoudre ton problème, non ?

Merci vg33,

Actuellement, le <form name=formu> fait référence à un script situé ds le fichier checkbb.js.
Si j'ai bien compris, je peux supprimer cette référence, ainsi que <form name=formu>, et ds mes lignes type <input type="button" value="b" style="width:50px;font-weight:bold" onclick="storeCaret('b')">, je fais référence à une image qui serait quoi ? et ????
C'est ds l'input que je fais le lien à l'image ? Comment ? En rajoutant <............. img src=".....".............. > ????

**vg33** · 22/10/2005, 14h05

1) tu dois inclure ton fichier js dans le header :

Code :

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

<script type="text/javascript" src="ton_chemin/checkbb.js"></script>

2) Tu remplaces le form de bbcode par :

Code :

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

1
2
3
4
5
6
<div id="bbcode">
<p>
  <a href="#bbcode" title="Mettre en gras" onclick="storeCaret('b')"><img src="ton_image_de_bouton_pour_gras" alt="Mettre en gras" /></a>
</p>
...etc...
</div>

Tu peux aussi remplacer l'image par un texte ('Gras', 'Italique'...).
Tu dois aussi avoir la possibilité de rendre le lien inactif (à vérifier) par :

Code :

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

onclick="storeCaret('b');return false"

Tu me dis si ça marche ?

**t671** · 22/10/2005, 14h11

Merci beaucoup vg33.

J'essayerais ce soir ou demain, et te tiendrais au courant ..........

A +

**t671** · 22/10/2005, 19h40

Envoyé par vg33

1) tu dois inclure ton fichier js dans le header :

Code :

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

<script type="text/javascript" src="ton_chemin/checkbb.js"></script>

2) Tu remplaces le form de bbcode par :

Code :

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

1
2
3
4
5
6
<div id="bbcode">
<p>
  <a href="#bbcode" title="Mettre en gras" onclick="storeCaret('b')"><img src="ton_image_de_bouton_pour_gras" alt="Mettre en gras" /></a>
</p>
...etc...
</div>