IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

inserer une balise de debut et une de fin


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut 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

  2. #2
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

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

  3. #3
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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" />

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    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

  5. #5
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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>

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    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

  7. #7
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    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

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    J'insiste encore un peu lol

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

  10. #10
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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';

  11. #11
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    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>

  12. #12
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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

  13. #13
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    getElementById

  14. #14
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    Ok merci beaucoup tout marche a merveille

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

  15. #15
    Membre expérimenté Avatar de AurelBUD
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    202
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Calvados (Basse Normandie)

    Informations forums :
    Inscription : Mai 2004
    Messages : 202
    Par défaut
    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">

  16. #16
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2005
    Messages : 412
    Par défaut
    merci beaucoup, ca marche tres bien

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. insérer une balise asp:Calendar dans une balise asp:Content
    Par fatizora dans le forum Développement Sharepoint
    Réponses: 4
    Dernier message: 13/01/2012, 11h25
  2. [Parsing] Différencier une balise sans corps et une balise vide
    Par verbose dans le forum Format d'échange (XML, JSON...)
    Réponses: 4
    Dernier message: 03/04/2011, 15h27
  3. Réponses: 8
    Dernier message: 30/08/2006, 16h32
  4. [Debutant]Remplacer une liste de valeur par une liste de val
    Par Sebbo dans le forum Collection et Stream
    Réponses: 3
    Dernier message: 31/03/2006, 12h15
  5. Mettre une saut de ligne dans une balise alt
    Par PrinceMaster77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 16/12/2004, 08h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo