How do you get a second line, or should I say break, in a string output?

If the output is text and I want it to display 2 lines of text in instead of just one line, how would I do this?

{
strString = " First line of text.";
}

How can I get a Second line of text to out put on to a next line?

insert a <br> where needed

Originally Posted by chrishirst

insert a <br> where needed

does this work or not

try it and find out!

No unfortunately that does not work.

I tried...

strString = " First line of text. <br> Second line of text.";

and

strString = " First line of text." <br> "Second line of text.";

abd some other ways but nothing seems to work

as part of the string!!!!!

HTML is only text.

If you're looking for a linebreak in an alert dialog or something similar, you can use the newline characture \n - for example:

var txtString = 'This is the first line\nThis is the second line';

alert(txtString);

mgraphic your suggestion did not work as well.

I also tried...

        strEmptyString = "";
        strCatSelectedString =    "You have selected a category.";
        strCatSelectedString =("<br />");
        strCatSelectedString =    "Please click Continue to move onto the next step.";

and

        
        strEmptyString = "";
        strCatSelectedString =    "You have selected a category.";
        strCatSelectedString = ("\n");
        strCatSelectedString =    "Please click Continue to move onto the next step.";

Your code above will result in strCatSelectedString being, "Please click Continue to move onto the next step." only BTW

Yes I am aware of that. This is why I came here for help.

OK - Now I understand your question!

        strEmptyString = "";
        strCatSelectedString +=    "You have selected a category.";
        strCatSelectedString +=("<br />");
        strCatSelectedString +=    "Please click Continue to move onto the next step.";

The addition of the + does not work. It put out "Undefined" before the second line of text.
I tried changing it around with the + also with no luck.

A link to the page with your code in it please,

Originally Posted by chrishirst

A link to the page with your code in it please,

Sorry, everything is local at the moment. But here is the whole JavaScript file...

<!-- 3    //IE but not a Mac
 4    if ((navigator.appVersion.indexOf("MSIE")!= -1) && (navigator.appVersion.indexOf("Mac") == -1))
 5    {
 6        strEmptyString = "                                                     ";
 7        strCatSelectedString = "Category Selected - Click Next.           ";
 8
 9        //can we use this function? (forget about early IE browsers)
10        blnIE = (document.getElementById) ? true : false;
11    }
12    else
13    {
14        strEmptyString = "";
15        strCatSelectedString =    "You have selected a category.";
16        strCatSelectedString =("<br />");
17        strCatSelectedString =    "Please click Continue to move onto the next step.";
18
19    }
20
21    //IE only
22    if (blnIE)
23    {
24        //tables to border
25        var docTableArray = new Array;
26        var intTableSubmit = 0;
27
28        //tables : hard code for now
29        docTableArray[0] = document.getElementById('table_0');
30        docTableArray[1] = document.getElementById('table_1');
31        docTableArray[2] = document.getElementById('table_2');
32        docTableArray[3] = document.getElementById('table_3');
33        docTableArray[4] = document.getElementById('table_4');
34        docTableArray[5] = document.getElementById('table_5');
35        docTableArray[6] = document.getElementById('table_submit');
36        intTableSubmit = 6;
37
38        docTableArray[0].style.background = hexHighlightOn;    //highlight the first box for them to select
39    }
40
41    var i = 0;
42
43    //selectors to populate
44    var docSelectorArray = new Array;
45    var intLevels; // = categoryLevel.length; //number of levels in our form
46    var selectorLoop = 0;
47
48    //submit button
49    var submitButton;
50
51    //category_ID
52    var addl_category_id;
53
54    //build small arrays that we can index by id later
55    for (i = 0; i < document.ad_create_form.elements.length; i++)
56    {
57        if (document.ad_create_form.elements[i].name.indexOf("selector_") != -1) //cat selectors
58        {
59            docSelectorArray[selectorLoop] = document.ad_create_form.elements[i];
60            selectorLoop++;
61        }
62        else if (document.ad_create_form.elements[i].name.indexOf("category") != -1) //categoryID
63        {
64            addl_category_id = document.ad_create_form.elements[i];
65        }
66        else if (document.ad_create_form.elements[i].name.indexOf("form_next_step") != -1) //submit button
67        {
68            submitButton = document.ad_create_form.elements[i];
69        }
70    }
71
72    intLevels = docSelectorArray.length;    //number of levels in our form
73    submitButton.disabled = true;            //disable, will be enabled if appropriate
74
75    for (i = 1; i < selectorLoop; i++)
76    {
77        docSelectorArray[i].disabled = true;    //disable all these boxes
78        if (blnIE)
79        {
80            docSelectorArray[i].style.background = hexDisabled;    //set an obvious disabled colour
81        }
82    }
83//-->

There is obviously something somewhere in whatever we are NOT seeing,

the problem javascript works perfectly well.

http://www.modtalk.co.uk/demo/temp/