Image not being displayed in Javascript

Question

I am stuck in an easy but so difficult task. I am having a string that contains a single '@' sign. The first part of string is a path of type : GroupPictures/G261-MyGroup/GU53-user2.png Second part is a name Like say USER.

Now i need to seperate these two parts using javascript and display them as html so i did something like this :

var parts=this.toString().split("@");
            var myusername=parts[1];
            var filenamee=parts[0].trim();
            alert(filenamee);
            if ($.cometChat.loginUserName == this) { //login user
                sb[sb.length] = "<span class='one_test'><img style='border-radius:100%;float:left;width:35px;' src="+filenamee+" /><div class='chat_account_name'>" + myusername + "</div><div class='status_offline'></div></span><br>";
            }

But the problem is image is not being displayed though the name is displayed right.I want to know am i missing some quotes to close or what is problem with it ?

Problem is with this line only :

"<span class='one_test'><img style='border-radius:100%;float:left;width:35px;' src="+filenamee+" /><div class='chat_account_name'>" + myusername + "</div><div class='status_offline'></div></span><br>"

huseyin tugrul buyukisik · Accepted Answer · 2014-05-12 18:21:18Z

3

Use

              src='"+filenamee+"'

not

           src="+filenamee+"

so it will be like

         src='asdasd'

not

       src=asdasd

answered May 12, 2014 at 18:21

huseyin tugrul buyukisik

12k6 gold badges53 silver badges109 bronze badges

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

6 Comments

ndugger Over a year ago

HTML5 makes it acceptable to not using quotation marks when setting attributes, so I'm not sure if that weighs in here or not, but I had the same guess as you.

user3522121 Over a year ago

sb[sb.length] = "<span class='one_test'><img style='border-radius:100%;float:left;width:35px;' src='"+filenamee+"' /><div class='chat_account_name'>" + myusername + "</div><div class='status_offline'></div></span><br>"; ALSO NOT SERVE THE PURPOSE

huseyin tugrul buyukisik Over a year ago

But not everyone has html5 :(

user3522121 Over a year ago

@huseyintugrulbuyukisik Its still not been visible

huseyin tugrul buyukisik Over a year ago

@user3522121 maybe 100% border radius is not acceptable?

|

Collectives™ on Stack Overflow

Image not being displayed in Javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related