insert rel attribute with javascript

Question

I have this function :

 if (location.locationUrl != '') {
content += "<a class='viewLocationPage btn corePrettyStyle'  " +   
(mapObject.options.openinnew == false ? "" : "target='_blank'") +  
" href='" + location.locationUrl + "' >View location detail</a>";
        }

and I've added the rel attribute like this:

if (location.locationUrl != '') {
            content += "<a class='viewLocationPage btn corePrettyStyle'  " + 
            (mapObject.options.openinnew == false ? "" : "target='_blank'") +
            "rel='prettyPhoto[iframes]'" + " href='" + location.locationUrl + "' >View location detail</a>";
        }

but is not working, it doesn't add any rel attribute into the markup. Any suggestions on how can I make this work ?

score 1 · Accepted Answer · answered Jun 21 '13 at 18:17

1

Since you're already using jQuery, it'd be easier to create the element with the jQuery constructor:

if (location.locationUrl != '') {
    $('<a>', {
        'class': 'viewLocationPage btn corePrettyStyle',
        target: mapObject.options.openinnew ? '_blank' : '',
        rel: 'prettyPhoto[iframes]',
        href: location.locationUrl,
        text: 'View location detail'
    }).appendTo('#selector');
}

answered Jun 21 '13 at 18:17

Blender

289,723
53
439
496

Thanks, but I'm interested also in the javascript version because the rest of the code is mainly written in javascript – agis Jun 21 '13 at 18:30
@Alecs: Then use `document.createElement`. – Blender Jun 21 '13 at 18:31
I've tried it and is not working, probably because of .appendTo so is it possible to insert the rel in the code that I've posted? – agis Jun 21 '13 at 19:07
@Alecs: The way you're doing it isn't going to work very well. – Blender Jun 21 '13 at 19:20
I've set the appendTo to the container div – agis Jun 21 '13 at 19:22
It doesn't append it to the container element, when I check I don't see anything in the markup. – agis Jun 21 '13 at 19:28
@Alecs: The code works, so the problem is elsewhere. Do you do something like `container.innerHTML = content` after this? – Blender Jun 21 '13 at 19:29

insert rel attribute with javascript

1 Answers1