Get a very large string in javascript variable [closed]

Question

I am writing a webpage for reading notices/messages which requires me to take the notice as input from a database. I am taking the input using php and passing it to a javascript function using echo.

Now the problem is that if the notice is very large(>1000 characters or something) the function stops working. Is there a way to store large strings in javascript variables?

Thankn you in advance.

The javascript function goes like this:

function display(subject, notice, from,to)
{
    alert(notice);
    document.getElementById('reader_default').innerHTML='';
    document.getElementById('subject').innerHTML="SUBJECT : "+subject;
    document.getElementById('from').innerHTML="From: "+from;
    document.getElementById('to').innerHTML="To: "+to;
    document.getElementById('noticedisp').innerHTML=""+notice;
}

The php variable pass goes like:

echo '<a href="javascript:void(0)" onclick="display(\''.ucfirst($subject).'\',\''.$notice.'\',\''.ucfirst($hostel).' Hostel'.'\',\''.$toid.'\')" style="padding:2%; text-decoration:none; color:#0033CC;">'.ucfirst($subject).'</a>'.'<br /><span style="padding:2%;"><i>From: </i>'.ucfirst($hostel).'Hostel</span><br/>'.'<br/><br/>';

First I provided the following string:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie luctus lectus, nec volutpat ipsum porta sit amet. Phasellus ut egestas sapien. Curabitur mauris erat, eleifend quis adipiscing sollicitudin, posuere tempor ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut erat nibh. Maecenas malesuada lacus pulvinar risus placerat convallis. Cras vitae urna in elit aliquam mollis a eu nisi. Nulla id molestie ante. Aenean faucibus interdum nibh, in tristique dui viverra eu. Nulla facilisi. Integer at placerat augue.

Sed quis risus dolor, in tristique est. Maecenas non tellus vel quam blandit elementum. Sed vestibulum dolor non mi eleifend luctus. Proin interdum mollis congue. Fusce quis consequat augue. Integer dictum lectus a ligula egestas in volutpat odio tincidunt. Sed placerat dictum velit quis dapibus.

Cras non quam ut neque auctor hendrerit. Phasellus tincidunt dapibus metus, id rutrum purus fringilla vel. Pellentesque ac sapien elit. Maecenas nibh justo, lobortis id volutpat a, bibendum egestas enim. Vivamus sit amet justo vel tortor ullamcorper molestie ac sed nibh. Donec adipiscing dui sed odio hendrerit quis aliquet turpis posuere. Donec pharetra mi ut odio luctus sodales. Donec elit nisi, cursus elementum cursus at, scelerisque quis ante. Nunc vel ipsum ut nibh dictum tempus ut ut tortor. Donec dignissim pharetra scelerisque. Curabitur pellentesque urna a velit ultricies at lacinia leo euismod. Nulla id dolor ut odio ultrices accumsan in id erat. Aliquam lorem turpis, tristique nec tincidunt id, lacinia sit amet ante.

When this didn't work after trying everything, I shortened the string to:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie luctus lectus, nec volutpat ipsum porta sit amet. Phasellus ut egestas sapien. Curabitur mauris erat, eleifend quis adipiscing sollicitudin, posuere tempor ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut erat nibh. Maecenas malesuada lacus pulvinar risus placerat convallis. Cras vitae urna in elit aliquam mollis a eu nisi. Nulla id molestie ante. Aenean faucibus interdum nibh, in tristique dui viverra eu. Nulla facilisi. Integer at placerat augue.

And this works!!

1000 is tiny. Even 100,000 won't be enough to hit a limit. You must have some mistake in your function. — Dave
– Dave, Commented Apr 4, 2013 at 22:48
Afaik there are no issues in using large strings with JavaScript. I have cases where a string contained over 1MB, and it worked like a charm. Provide us with some code to analyze. — Havenard
– Havenard, Commented Apr 4, 2013 at 22:48
I don't think your problem is the size of the message. If you're doing this via GET, then your limitation is there. Try sending the data via POST. — Cypher
– Cypher, Commented Apr 4, 2013 at 22:49
Check if you are passing some " or ' along with the string. Those must be escaped. — Havenard
– Havenard, Commented Apr 4, 2013 at 22:59

CRABOLO · Accepted Answer · 2014-06-18 18:21:53Z

1

If javascript parse it like a string it will break on linebreaks. Instead of [ENTER] you should try use \n\[ENTER]..

edited Jun 18, 2014 at 18:21

CRABOLO

8,82439 gold badges46 silver badges68 bronze badges

answered Apr 4, 2013 at 23:48

fernandosavio

10.5k4 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

fernandosavio Over a year ago

And now a have enough reputation.. Thank you! :)

MattDiamant · Accepted Answer · 2013-04-04 22:58:17Z

0

Your data probably has single or double quotes in it. I would wrap what you're echoing in htmlspecialchars, so that these and any other problematic HTML chars won't break your output.

echo htmlspecialchars('<a href="javascript:void(0)" onclick="display(\''.ucfirst($subject).'\',\''.$notice.'\',\''.ucfirst($hostel).' Hostel'.'\',\''.$toid.'\')" style="padding:2%; text-decoration:none; color:#0033CC;">'.ucfirst($subject).'</a>'.'<br /><span style="padding:2%;"><i>From: </i>'.ucfirst($hostel).'Hostel</span><br/>'.'<br/><br/>');

http://php.net/manual/en/function.htmlspecialchars.php

answered Apr 4, 2013 at 22:58

MattDiamant

8,8394 gold badges39 silver badges47 bronze badges

1 Comment

vish_anything Over a year ago

No, I passed lorem ipsum text. It didn't have any " or '. Also, I wrapped it in htmlspecialchars(). Still wouldn't work.

Collectives™ on Stack Overflow

Get a very large string in javascript variable [closed]

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related