JSLink to Modify URL to open in new Window

Question

I'm trying to write a javascript to open a URL in a new window. I'm not the best at javascript and can't seem to get the URL formatted correctly.  Here is my example:
(function () {
// Initialize the variables for overrides objects
var overrideCtx = {};
overrideCtx.Templates = {};
// alert("Override call worked");
// Use BaseViewID and ListTemplateType to narrow focus/scope on
// which web parts on the page are affected
// overrideCtx.BaseViewID = 1;
// overrideCtx.ListTemplateType = 100;
* Using the Fields override leaves the rest of the rendering intact, but
* allows control over one or more specific fields in the existing view
overrideCtx.Templates.Fields = {
//'LinkLocation': { 'View' : 'Animal' }
//'LinkLocation': { 'View' : '<b><#=ctx.CurrentItem.LinkLocation#></b>'}
//'LinkLocation': { 'View' : '<a href=ctx.CurrentItem.LinkLocation><#=ctx.CurrentItem.LinkLocation#></a>'}
'LinkLocation': { 'View' : '<div><a href=""ctx.CurrentItem.LinkLocation""><#=ctx.CurrentItem.LinkLocation#></a><div>'}
* Register the template overrides.
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
I'm not sure how to put the quotations around the hyperlink.  When I do get it sort of working it puts "ctx.CurrentItem.LinkLocation" in as the path along with the local hostname. 
Can someone tell me what I'm doing wrong?
David Jenkins

Answer 1

Getting closer.  I moved into a function.  Of course I'm missing something.  I can't seem to get two Field to work together in the function.  I'm sure it's because I'm calling the function on just the one URL and not the title. 
I wanted to overwrite the URL's name with the title field.
(function () {
// Initialize the variables for overrides objects
var overrideCtx = {};
overrideCtx.Templates = {};
// alert("Override call worked");
//Functions
function OpenURL(ctx) {
//'<b><#=ctx.CurrentItem.LinkLocation#></b>'
//var LinkURL = ctx.CurrentItem.LinkLocation;
//var LinkTitle = ctx.CurrentItem.Title;
var ret;
ret = '<a href=' + ctx.CurrentItem.LinkLocation + ' target=\'_blank\' >' + ctx.CurrentItem.LinkLocation + '</a>';
//ret = 'test'
return ret;
// Use BaseViewID and ListTemplateType to narrow focus/scope on
// which web parts on the page are affected
// overrideCtx.BaseViewID = 1;
// overrideCtx.ListTemplateType = 100;
* Using the Fields override leaves the rest of the rendering intact, but
* allows control over one or more specific fields in the existing view
overrideCtx.Templates.Fields = {
//'LinkLocation': { 'View' : '<b><#=ctx.CurrentItem.LinkLocation#></b>' }
//'LinkLocation': { 'View' : '<b><#=ctx.CurrentItem.LinkLocation#></b>' }
//Overwrite title
//'Title': { 'View' : '<#=ctx.CurrentItem.Title#>' },
'Title': { 'View' : '<b><#=ctx.CurrentItem.Title#></b>' } ,
//'LinkLocation': { 'View' : '<b><#=ctx.CurrentItem.Title#></b>' }
'LinkLocation': { 'View' : OpenURL }
* Register the template overrides.
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
David Jenkins