schaltet eine boolean-variable auf ein onclick-event-handler in javascript

Gibt es eine Möglichkeit zu wechseln, die einen booleschen Wert auf ein onclick-event-handler in javascript? Ich dachte, das Skript hatte ich würde gearbeitet haben, aber ich denke mal nicht.

HTML (Nicht meine volle Skript)

<form action = "event_add.php" method = "post">
  <label>Details</label>
  <div class = "details">
    <span class = "editImg" onclick = "javascript:updateTextArea('<strong>','</strong>',bold)"><strong>B</strong></span>
    <span class = "editImg" onclick = "javascript:updateTextArea('<em>','</em>',ital)"><em>I</em></span>
    <textarea id = "txtAreaDetails" rows = "15" cols = "40"></textarea>
  </div>
</form>

Javascript:

var bold = false;
var ital = false;

function updateTextArea(beg_tag,end_tag,variable){
  if(variable == false){
    variable = true;
    var output = beg_tag;
  }else{
    variable = false;
    var output = end_tag;
  }
  var text = document.getElementById("txtAreaDetails").value;
  document.getElementById("txtAreaDetails").value = text + output;
}

Was ich versuche zu tun ist, wenn der Benutzer klickt auf den "B", das textarea-Feld wird in ein strong-tag zu. Dann klickt es wieder, es wird sich zeigen, der end-tag /strong Gleichen Sache, mit der ich, aber mit em und /em. Das Ergebnis, ich bekomme immer zusätzlich die beg_tag egal wie viele Male ich es auf.

Ich bin nicht allzu vertraut mit javascript, ich mache die meisten meiner Programmierung in PHP, also bin ich nicht vertraut, wenn es keine eingebauten Funktionen, um dies zu tun.

Ich war nicht sicher, wie um zu zeigen, die tags, wenn Sie versuchen, es zu beschreiben. Sorry, wenn das missverständlich für jedermann.

InformationsquelleAutor Vince | 2013-02-27

Sollte diese Arbeit. Anstatt eine separate variable für jeden tag-Namen, erstellen Sie ein Objekt mit Indizes für jeden tag. Dann können Sie den Zugriff auf die true/false-Wert durch den Namen, den Sie übergeben, um updateTextArea. Auch, Sie wollen zu wickeln Fett und ital in Anführungszeichen, wenn Sie passieren Sie in Ihre html-tut dies nicht.

<form action = "event_add.php" method = "post">
  <label>Details</label>
  <div class = "details">
    <span class = "editImg" onclick = "updateTextArea('<strong>','</strong>','bold')"><strong>B</strong></span>
    <span class = "editImg" onclick = "updateTextArea('<em>','</em>','ital')"><em>I</em></span>
    <textarea id = "txtAreaDetails" rows = "15" cols = "40"></textarea>
  </div>
</form>

<script>

    var tagNames = {"bold": false, "ital": false};

    function updateTextArea(beg_tag,end_tag,variable){
      if(tagNames[variable] == false){
        tagNames[variable] = true;
        var output = beg_tag;
      }else{
        tagNames[variable] = false;
        var output = end_tag;
      }
      var text = document.getElementById("txtAreaDetails").value;
      document.getElementById("txtAreaDetails").value = text + output;
    }
</script>

InformationsquelleAutor MattDiamant

Müssen Sie den code ändern hier, Da in javascript gibt es nichts wie pass by reference

<form action = "event_add.php" method = "post">
        <label>Details</label>
        <div class = "details">
            <span class = "editImg" onclick = "javascript:updateTextArea('<strong>','</strong>','bold')"><strong>B</strong></span>
            <span class = "editImg" onclick = "javascript:updateTextArea('<em>','</em>','ital')"><em>I</em></span>
        </div>
        <textarea id='txtAreaDetails'>

        </textarea>

    </form>



<script type="text/javascript">
        var bold = false;
        var ital = false;

        function updateTextArea(beg_tag,end_tag,variable){
            var output = "";
            switch(variable)
            {
                case 'bold':
                    {
                        if(bold == false)
                        {
                            output = beg_tag;
                        }
                        else
                        {
                            output = end_tag;
                        }
                        bold = !bold;
                        break;
                    }
                case 'ital':
                    {
                        if(ital == false)
                        {
                            output = beg_tag;
                        }
                        else
                        {
                            output = end_tag;
                        }
                        ital = !ital;
                        break;
                    }
            }

            var text = document.getElementById("txtAreaDetails").value;
            document.getElementById("txtAreaDetails").value = text + output;
        }
    </script>

InformationsquelleAutor Sagar Kadam

Diesem konnte dir helfen..

 function updateTextArea(beg_tag,end_tag,variable){
  var element = document.getElementById("editImg"); 
  if(variable == 0){
    element.setAttribute("onclick", "javascript:updateTextArea('<strong>','</strong>',1)"); 
    var output = beg_tag;
  }else{
  element.setAttribute("onclick", "javascript:updateTextArea('<strong>','</strong>',0)"); 
    var output = end_tag;
  }
  var text = document.getElementById("txtAreaDetails").value;
  document.getElementById("txtAreaDetails").value = text + output;
}

 </script>
</head>
<body>
<form action = "event_add.php" method = "post">
  <label>Details</label>
  <div class = "details">
    <span id = "editImg" onclick = "javascript:updateTextArea('<strong>','</strong>',0)"><strong>B</strong></span>
    <span id = "editImg" onclick = "javascript:updateTextArea('<em>','</em>',ital)">    <em>I</em></span>
    <textarea id = "txtAreaDetails" rows = "15" cols = "40"></textarea>
  </div>
</form>
</body></html>

InformationsquelleAutor ѕтƒ

0

Wenn du(oder jeder andere) wollen nur zum Umschalten einen booleschen Wert, können Sie es tun, wie diese kurze Funktion:
```
function toggle(boo) {
  return boo == true ? false : true;
}
```
Definieren boolean Umschalten auf klicken Sie auf:
```
var test = true;
```
Verwenden Sie eine einfache Schaltfläche zum Umschalten(z.B.):
```
 <input type="button" value="Toggle me!" onclick="test=toggle(test);">
```
In Aktion sehen Sie hier: jsfiddle

InformationsquelleAutor Frosch

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.