如何添加文本区域

Question

I am trying to add an additional text area so I need to duplicate part of this code but I am not sure which part. Can anyone please help?

function mode_add_message()
{
jQuery("#editor").hide();
jQuery("#cropper").hide();
jQuery("#crop_preview_container").hide();

jQuery("#pxn8_canvas").show();
jQuery("#messages").empty();

jQuery("#edit_and_crop").show();
jQuery("#add_text").show("slow");

gAddTextOpNumber = PXN8.opNumber;

if (gCardDB[gActiveCard].text_placeholders){
    var placeholders = gCardDB[gActiveCard].text_placeholders;
    for (var i = 0;i < placeholders.length; i++){
        var text = placeholders[i];
        var html = "";
        if (text.multiline){
            html = "<li><textarea name=\"text_" + i + "\" id=\"text_" + i + "\">Message # "    +        (i+1) + " Here</textarea></li>";
        }else{
            html = "<li><input class=\"text\" type=\"text\" name=\"text_" + i + "\" id=\"text_" + i + "\" value=\"Message # " + (i+1) + " here\"></li>";
        }
        jQuery(html).appendTo("#messages");
    }
    }else{
    end_cardmaker();
    }
    }
//

// There can be multiple text inputs/textareas so each must be added.

This is the URL: http://pixenate.com/pixenate/themes/cardmaker/index.php

Answer 1

This part of code will help you adding textarea:

 if (gCardDB[gActiveCard].text_placeholders){
        var placeholders = gCardDB[gActiveCard].text_placeholders;
        for (var i = 0;i < placeholders.length; i++){
            var text = placeholders[i];
            var html = "";
            if (text.multiline){
                html = "<li><textarea name=\"text_" + i + "\" id=\"text_" + i + "\">Message # "    +        (i+1) + " Here</textarea></li>";
            }else{
                html = "<li><input class=\"text\" type=\"text\" name=\"text_" + i + "\" id=\"text_" + i + "\" value=\"Message # " + (i+1) + " here\"></li>";
            }
            jQuery(html).appendTo("#messages");
         }
   }else{
        end_cardmaker();
   }

but I'm not sure what those conditions are for, as I haven't had a look at your whole code. Just to add a textarea will be:

var html = '<li><textarea name="" id="">Message #1 Here</textarea></li>';
jQuery(html).appendTo("#messages");