How to place html css php in javascript (Jquery)

Question

I have this loop data in javascript. And i want to place html css and php for each value.

        var html = '';
              $.each(data, function(name, value) {
                 html += value.email + "<br />" + value.content + "<br />";
              });
              $('#sidebarColumn').html(html);

Here i just listed out some values. Lets say i want to have

<span class="userEmail">value.email<span>
<div class="userContent">value.content</div>
<img src="<?php echo base_url() ?> value.picture" />

How can i place them in JS or there is alternative way to make code readable?

Note* i using .html() here because i want to replace #sidebarColumn previous data and place the loop data in that div

If you want readable code and do a lot of this kind of rendering, you should check out a template engine, such as mustache: mustache.github.com — Jørgen
– Jørgen, Commented Sep 14, 2012 at 15:03
<?php echo base_url() ?> is replaced server-side so will be of no use anyways. +1 for template solution. — hollystyles
– hollystyles, Commented Sep 14, 2012 at 15:04
@HollyStyles i need it because value.picture is a path retrieve from db so it actually just something like this public/images/abc.jpg — vzhen
– vzhen, Commented Sep 14, 2012 at 15:40

r8n5n · Accepted Answer · 2012-09-14 15:18:05Z

2

You can write php in <script> tags like this, if that is what you are looking for

<script type="text/javascript">

    var baseUrl = '<?php echo $this->baseUrl() ?>';

    var someVariable = '<?php 
                            //some more php here 
                        ?>'; 
</script>

answered Sep 14, 2012 at 15:18

r8n5n

2,05917 silver badges23 bronze badges

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

Comments

bipen · Accepted Answer · 2012-09-14 15:17:24Z

0

try this out

var html = '';
$.each(data, function(name, value) {

html += '<span class="userEmail">'+value.email+'<span>';
html += '<div class="userContent">'+value.content+'</div>';
html += '<img src="<?php echo base_url() ?>"' + value.picture + '/>';
});
$('#sidebarColumn').html(html);

answered Sep 14, 2012 at 15:17

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Collectives™ on Stack Overflow

How to place html css php in javascript (Jquery)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related