html inside javascript not working

Question

I have some JavaScript code to display values from a mysql database.

columns: [
    { text: 'Taal', datafield: 'taal', width: 50},
    { text: 'Titel', datafield: 'titel', width: 690 },
    { text: 'Website', datafield: 'sitenaam', width: 180 },
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 },
    { text: 'Datum', datafield: 'datum', width: 100 }
]

When we look at the first column named "Taal" the mysql database contains a value like eng_ico.png. What I want is something like this so the results display that image.

columns: [
    { text: 'Taal', datafield: "<img src=\"http://www.site.nl/images/" 'taal' "\">, width: 50},
    { text: 'Titel', datafield: 'titel', width: 690 },
    { text: 'Website', datafield: 'sitenaam', width: 180 },
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 },
    { text: 'Datum', datafield: 'datum', width: 100 }
]

I cannot get this right. Don't know what I am doing wrong. I tried the " . 'taal' . " like in php but also no success.

text: 'Taal', datafield: '<img src="http://www.site.nl/images/' + taal + '"/>', width: 50}, ? — putvande
– putvande, Commented Feb 18, 2014 at 12:37

MDEV · Accepted Answer · 2014-02-18 12:38:21Z

3

Firstly, your string didn't have an ending speech mark, and the concatenation is done slightly different to PHP, using + instead of . (also I'd use single quotes to remove the need for escaping with backslashes)

'<img src="http://www.site.nl/images/'+taal+'">'

answered Feb 18, 2014 at 12:38

MDEV

10.9k2 gold badges35 silver badges50 bronze badges

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

7 Comments

MDEV Over a year ago

" = speech mark/double quote/quotation mark, ' = single quote/apostrophe

Cerbrus Over a year ago

Aaah, that makes sense... Never seen it called that before :P

عثمان غني Over a year ago

He is confused in quotes. :|

user2959441 Over a year ago

Still no succes. I have - { text: 'Taal', datafield: '<img src="gamepedia.nl/images' + 'taal' + '">', width: 50}, - But i get no image.

MDEV Over a year ago

@user2959441 Why the semicolon before the first + ? You have '<img src="gamepedia.nl/images/'; + 'taal' + '">' which should be '<img src="gamepedia.nl/images/' + 'taal' + '">' (no ;)

|

Cerbrus · Accepted Answer · 2014-02-18 12:46:01Z

0

You have used quotes wrongly. See the following code

columns: [
    { text: 'Taal', datafield:'<img src="http://www.site.nl/images/'+taal+'">', width: 50},
    { text: 'Titel', datafield: 'titel', width: 690 },
    { text: 'Website', datafield: 'sitenaam', width: 180 },
    { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150 },
    { text: 'Datum', datafield: 'datum', width: 100 }
]

Hope it helps.

edited Feb 18, 2014 at 12:46

Cerbrus

73.3k19 gold badges138 silver badges151 bronze badges

answered Feb 18, 2014 at 12:39

عثمان غني

2,7056 gold badges55 silver badges82 bronze badges

2 Comments

user2959441 Over a year ago

This is what i have now. Tried different sollutions... - { text: 'Taal', datafield: '<img src="site.nl/images/'+taal+'">', width: 50} - no succes however...

MDEV Over a year ago

@user2959441 You don't want the ; - instead of ending taal+'">';, it should be taal+'">',

Collectives™ on Stack Overflow

html inside javascript not working

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related