Question

0

spread html in multiple lines javascript

rated 0 times [ 4] [ 4] / answers: 1 / hits: 21779 / 13 Years ago, sat, november 12, 2011, 12:00:00

I want to put the below html code in my javascript function. I don't want to put it all next to each other. Is it possible to the code in the same way as how it is in html?
Code:

    <div data-role=page data-add-back-btn=true id=Gallery2 class=gallery-page>



        <div data-role=header>

            <h1>Second Gallery</h1>

        </div>



        <div data-role=content>   



            <ul class=gallery>



                <li><a href=images/full/010.jpg rel=external><img src=images/thumb/010.jpg alt=Image 010 /></a></li>

                <li><a href=images/full/011.jpg rel=external><img src=images/thumb/011.jpg alt=Image 011 /></a></li>

                <li><a href=images/full/012.jpg rel=external><img src=images/thumb/012.jpg alt=Image 012 /></a></li>

                <li><a href=images/full/013.jpg rel=external><img src=images/thumb/013.jpg alt=Image 013 /></a></li>

                <li><a href=images/full/014.jpg rel=external><img src=images/thumb/014.jpg alt=Image 014 /></a></li>

                <li><a href=images/full/015.jpg rel=external><img src=images/thumb/015.jpg alt=Image 015 /></a></li>

                <li><a href=images/full/016.jpg rel=external><img src=images/thumb/016.jpg alt=Image 016 /></a></li>

                <li><a href=images/full/017.jpg rel=external><img src=images/thumb/017.jpg alt=Image 017 /></a></li>

                <li><a href=images/full/018.jpg rel=external><img src=images/thumb/018.jpg alt=Image 018 /></a></li>



            </ul>



        </div>



        <div data-role=footer>

            <h4>&copy; 2011 Code Computerlove</h4>

        </div>



    </div>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bryantc

Add To Favorites

Follow

Total Points: 455

Total Questions: 96

Total Answers: 110

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

answered 13 Years ago iyannae · Accepted Answer

Updated, seems like Javascript does support multi lines by adding a backslash ( ) as the last character in the line, you can't even have a space bar behind it, because then it won't cancel the line break.

    var str = '<div data-role=page data-add-back-btn=true id=Gallery2 class=gallery-page> 

    <div data-role=header>  

        <h1>Second Gallery</h1> 

    </div> 

    <div data-role=content>   

        <ul class=gallery> 

            <li><a href=images/full/010.jpg rel=external><img src=images/thumb/010.jpg alt=Image 010 /></a></li> 

            <li><a href=images/full/011.jpg rel=external><img src=images/thumb/011.jpg alt=Image 011 /></a></li> 

            <li><a href=images/full/012.jpg rel=external><img src=images/thumb/012.jpg alt=Image 012 /></a></li> 

            <li><a href=images/full/013.jpg rel=external><img src=images/thumb/013.jpg alt=Image 013 /></a></li> 

            <li><a href=images/full/014.jpg rel=external><img src=images/thumb/014.jpg alt=Image 014 /></a></li> 

            <li><a href=images/full/015.jpg rel=external><img src=images/thumb/015.jpg alt=Image 015 /></a></li> 

            <li><a href=images/full/016.jpg rel=external><img src=images/thumb/016.jpg alt=Image 016 /></a></li> 

            <li><a href=images/full/017.jpg rel=external><img src=images/thumb/017.jpg alt=Image 017 /></a></li> 

            <li><a href=images/full/018.jpg rel=external><img src=images/thumb/018.jpg alt=Image 018 /></a></li> 

        </ul> 

    </div> 

    <div data-role=footer> 

        <h4>&copy; 2011 Code Computerlove</h4> 

    </div> 

</div>';

Or use a HTML template and load it into a DIV (using jQuery)

$(#div).load(/html_template.html);