Results 1 to 4 of 4

Thread: having a variable set to text that has multiple lines - causes problems

  1. #1
    Join Date
    Jan 2014

    having a variable set to text that has multiple lines - causes problems

    I use JavaScript to create text tracks, (for html5 video), and I obtain the text from a database.
    This works, except when the text has carriage returns.
    In that case, my javascript looks like:
    var mystring="Twinkle, twinkle, little star
    how I wonder what you are.";

    Which obviously causes a syntax error.

    I'm wondering if there is an easy way to cope with this.
    The texttrack does use carriage returns when producing subtitles on videos, so I do want to keep them.

    Perhaps I will have to do a workaround where I search the string for all carriage returns, replace them, and then produce something like:
    var mystring="Twindle, twinkle, little star" + "\n" + "how I wonder what you are";

    But first I want to check if there is anything easier.

  2. #2
    Join Date
    Dec 2005


    Without seeing the rest of your code, it is difficult for me to understand where the problem is.
    It is unclear to me how the database information is retrieved and processed.
    If all the text is being retrieved correctly, then is the only problem in the display of the information?

    1. If you output to a textarea, it is a direct assignment.
    2. If you output to a div section, then there will be not breaks in the text.
    3. If you substitute the \n in the text with <br>, then it will display correctly in the div section.
    4. If the problem is something else, please elaborate and show some code!

    <!DOCTYPE html>
    <html lang="en">
    <meta charset="UTF-8" />
    <title> HTML5 page </title>
    <textarea id="txtSource" cols="40" rows="5" readonly>
    Twinkle, twinkle little star,
    How I wonder what you are,
    Up above the moon so high,
    Like a beacon in the sky...
    <textarea id="txtOutput" cols="40" rows="5"></textarea>
    <div id="htmOutput"></div>
    <div id="htmOutputBR"></div>
    <script type="text/javascript">
    var txtInput = document.getElementById('txtSource').value;
    document.getElementById('txtOutput').value = txtInput;
    document.getElementById('htmOutput').innerHTML = txtInput;
    document.getElementById('htmOutputBR').innerHTML = txtInput.replace(/\n/g,'<br>');
    Plus, I don't see the need for a JQuery solution.
    Above is pure JS.

  3. #3
    Join Date
    Jan 2014
    The text gets added to videos as subtitles. so its not being added to a simple DIV or textarea.
    You are right, this has nothing particular to do with jquery, though I wrote the original code using jquery.
    I should have explained that I'm using asp.net to go to a database, get sentences, and then embed them in the dynamic page.
    So I might be adding to a text track cue a string that I got out of a database. The string has carriage returns, and linefeeds, and so if I just dynamically construct a page, I can get into trouble, because I get syntax errors when I assign strings to variables and the strings are split over two or more lines.
    In other words, this is OK:
    cue[0] = 'just one line';
    but this is not OK:
    cue[1] = 'four score and 20 years ago
    our fathers brought ....';
    In other words, I don't know how to assign multiline text to a variable, unless I preprocess that text so its all on one line, but has something like: 'four score and 20 years ago \n our fathers bought..."

  4. #4
    Join Date
    Mar 2007
    Also, JQuery issues should be asked in the JavaScript Frameworks forum...
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.10199 seconds
  • Memory Usage 2,870KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (4)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (4)postbit
  • (4)postbit_onlinestatus
  • (4)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates