inserer une balise de debut et une de fin

Version imprimable

17/03/2006, 11h25
mael94420

inserer une balise de debut et une de fin

Salut a tous,

comment peut on savoir si j'ai déja cliqué sur un bouton ou non.
je m'explique, j'ai un formulaire avec une textarea.
quand je clic sur un bouton, ca maffiche dans cette text aréa [img] comment est ce que je peut faire pour que qd je reclic dessus, ca maffiche en plus (et pas remplacer) [/img]

merci bcp
17/03/2006, 11h30
trotters213

:salut:
bè la 2° fois au lieu d'afficher seulement [/img] qui supprime (d'après ce que tu dis) [img], tu affiches les 2 : au 1° clic [img] et au 2° clic [img][/img] (et non [/img] tout seul).

Tu associe une fonction on_click sur ton bouton.
Dans cette fonction tu met une variable à true ou false.
Et tu teste sa valeur -> si true deja claké, si false pas deja clické.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript"> var deja_clicke = false; function click_bouton() { if(deja_clicke) { //Insertion de [/img] dans ton textarea deja_clike = false; } else { //Insertion de [img] dans ton textarea deja_clicke = true; } } </script> <input type="button" on_click="click_bouton();" value="image" />

merci beaucoup pour cette reponse eclair.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="javascript"> var deja_clicke = false; function click_bouton() { if(deja_clicke) { //Insertion de [/img] dans ton textarea document.inscription.corps.value=document.inscription.corps.value+' [/img]'; deja_clike = false; } else { document.inscription.corps.value=document.inscription.corps.value+' [img]'; //Insertion de [img] dans ton textarea deja_clicke = true; } } </script>
Code:

<input type="button" action="misejournews.asp" onClick="click_bouton();" value="image" />

ne fonctionne pas sachant que

Code:

<input type="button" value="[img]" action="misejournews.asp" onClick="document.inscription.corps.value=document.inscription.corps.value+'[img]'">

fonctionne

Ce code là fonctionne, je viens de le faire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
var deja_clike = false;
function click_button()
{
	if(deja_clike) {
		document.getElementById("textarea").value += '[/img]';
		deja_clike=false;
	}
	else {
		document.getElementById("textarea").value += '[img]';
		deja_clike=true;
	}
}
</script>
<form name="form1" method="post" action="">
  <textarea name="textarea" id="textarea"></textarea>
  <input  type="button" value="[img]" onClick="click_button();">
</form>

17/03/2006, 11h53
mael94420

oui autant pour moi, desolé j'ai fait une erreur d'etourderi encore une lol

Mais a quel moment je peut reinitialiser deja_clike pour qu'une foi la balise à [/img] quand je reclique dessus ca me remete [img] car actuellement, ca ecrit une foi [img] et [/img] le nombre de foi que je reclic sur le bouton
17/03/2006, 11h55
AurelBUD

Ha non mon code fait : [img] [/img] [img] [/img] si l on appuie 4 fois sur le bouton.

Car je change la valeur de deja_clike à chaque fois que je click sur le bouton
17/03/2006, 11h59
mael94420

Ok merci bcp ca fonctionne
j'ai remplacé

Code:

document.inscription.corps.value=document.inscription.corps.value+' [/img]';

par

Code:

document.getElementById("corps").value += '[img]';

et sa marche trés bien

Merci beacoup
17/03/2006, 12h04
mael94420

J'insiste encore un peu lol

Comment fait on pour changer le texte du bouton?
qu'il passe de image à /image
17/03/2006, 12h06
AurelBUD

Code:

<input type="button" value="[img]" onClick="click_button();" id=btn_img">

Et en javascript :

Code:

document.getElmentById("btn_img").value = '/img';

il me dit que cet objet ne gere pas cette propriété ou cette methode

Code:

<input type="button" value="[img]" onClick="click_button();" id="btn_img">

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="javascript">
 
var img_clike = false; 
function click_button() 
{ 
   if(img_clike) { 
      //document.inscription.image.value="/image";
	  document.getElmentById("btn_img").value = '/img';
      document.getElementById("corps").value += '[/img]'; 
      img_clike=false; 
   } 
   else { 
      //document.inscription.image.value="image";
 
      document.getElementById("corps").value += '[img]'; 
      img_clike=true; 
   } 
} 
 
 
</script>

17/03/2006, 12h24
AurelBUD

T as une erreur dans ton code

Code:

document.getElmentById("btn_img").value = '/img';

t as mis getElmentById au lieu de getElementById
17/03/2006, 12h26
javatwister

getElementById
17/03/2006, 14h13
mael94420

Ok merci beaucoup tout marche a merveille

Une derniere chose, comment entouré le texte selectionné des balises [img]mon_texte_selectionné[/img]

Code:

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
69
70
 
<script type="text/javascript">
var Id_focus = "";
 
// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version
 
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
                && (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
                && (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_moz = 0;
 
var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);
 
var theSelection = false;
 
 
 
function add_text(startTag, defaultText, endTag) 
{
		if ((clientVer >= 4) && is_ie && is_win) {
			if (document.getElementById(btn_img).createTextRange) {
				theSelection = document.selection.createRange().text;
				if (!theSelection) {
					document.getElementById(btn_img).value += startTag+defaultText+endTag;
					document.getElementById(btn_img).focus();
					return;
				}
				document.selection.createRange().text = startTag + theSelection + endTag;
				document.getElementById(btn_img).focus();
				return;
			}
			else document.getElementById(btn_img).value += startTag+defaultText+endTag;
		}
		else if (document.getElementById(btn_img).selectionEnd && (document.getElementById(Id_focus).selectionEnd - document.getElementById(Id_focus).selectionStart > 0)) {
			mozWrap(document.getElementById(btn_img), startTag, endTag);
			return;
		}
		else {
			document.getElementById(btn_img).value += startTag+defaultText+endTag;
			document.getElementById(btn_img).focus();
		}
		storeCaret(document.getElementById(btn_img));
}
 
// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
function storeCaret(textEl) {
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}
 
// From http://www.massless.org/mozedit/
function mozWrap(txtarea, open, close) {
	var selLength = txtarea.textLength;
	var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	if (selEnd == 1 || selEnd == 2) 
		selEnd = selLength;
 
	var s1 = (txtarea.value).substring(0,selStart);
	var s2 = (txtarea.value).substring(selStart, selEnd)
	var s3 = (txtarea.value).substring(selEnd, selLength);
	txtarea.value = s1 + open + s2 + close + s3;
	return;
}
</script>

Code:

<input type="button" value="[img]" onClick="add_text('[img]','Image','[/img]');" id="btn_img">

17/03/2006, 14h32
mael94420

merci beaucoup, ca marche tres bien