inserer une balise de debut et une de fin

**mael94420** · 17/03/2006, 11h25

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

**trotters213** · 17/03/2006, 11h30

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).

**AurelBUD** · 17/03/2006, 11h32

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 :

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
 
<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" />

**mael94420** · 17/03/2006, 11h43

merci beaucoup pour cette reponse eclair.

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

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

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

ne fonctionne pas sachant que

Code :

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

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

fonctionne

**AurelBUD** · 17/03/2006, 11h50

Ce code là fonctionne, je viens de le faire

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

**mael94420** · 17/03/2006, 11h53

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

**AurelBUD** · 17/03/2006, 11h55

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

**mael94420** · 17/03/2006, 11h59

Ok merci bcp ca fonctionne
j'ai remplacé

Code :

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

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

par

Code :

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

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

et sa marche trés bien

Merci beacoup

**mael94420** · 17/03/2006, 12h04

J'insiste encore un peu lol

Comment fait on pour changer le texte du bouton?
qu'il passe de image à /image

**AurelBUD** · 17/03/2006, 12h06

Code :

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

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

Et en javascript :

Code :

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

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

**mael94420** · 17/03/2006, 12h15

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

Code :

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

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

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

**AurelBUD** · 17/03/2006, 12h24

T as une erreur dans ton code

Code :

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

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

t as mis getElmentById au lieu de getElementById

**javatwister** · 17/03/2006, 12h26

getElementById

**mael94420** · 17/03/2006, 14h13

Ok merci beaucoup tout marche a merveille

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

**AurelBUD** · 17/03/2006, 14h21

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

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

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

**mael94420** · 17/03/2006, 14h32

merci beaucoup, ca marche tres bien

inserer une balise de debut et une de fin

JavaScript

Vue hybride

Discussions similaires

Partager

Partager