Ufdjrw

I have an openlayers map with a point layer that on click on a feature opens a popup. Inside the popup I show a clickable link that is supposed to lead to a url that is stored inside the attribute table of the layer.

But if I click the layer a link opens to a path like "C:/Users/user/.../URL". The URL is all I want to have, but the browser also opens the path to where the project is saved.

My code:

map.on('click', function(event) 
var feature = map.forEachFeatureAtPixel(event.pixel, function(feature, layer) 
 if (layer === knoten) 
 return feature;
 
);
if (feature != null) 
 var pixel = event.pixel;
 var coord = map.getCoordinateFromPixel(pixel);
 popup.setPosition(coord);
 $(elementPopup).attr('data-content', '<b>1: </b>' + '&ensp;' + feature.get('ERHEB_NR') +
 '</br><b>2: </b>' + '&emsp;&emsp;&nbsp;&nbsp;' + '<a id="link" target="_blank" rel="noopener noreferrer">Link</a>');
 $(elementPopup).popover('placement': 'top', 'html': true);
 $(elementPopup).popover('show');

 document.getElementById('link').href = feature.get('KATASTER')

else 
 $(elementPopup).popover('html': true);
 $(elementPopup).popover('hide');

);

If I substitute '<a id="link" target="_blank" rel="noopener noreferrer">Link</a>' for feature.get('KATASTER') the correct link appears (but since since it is not inside the statement it is not clickable).

What about intializing the popever with the content option, instead updating only the link?

map.on('click', function(event) {
 var feature = map.forEachFeatureAtPixel(event.pixel, function(feature, layer) 
 if (layer === knoten) 
 return feature;
 
 );
 // Always hide the popover
 $(elementPopup).popover('hide');
 if (feature != null) 
 var pixel = event.pixel;
 var coord = map.getCoordinateFromPixel(pixel);
 popup.setPosition(coord);

 $(elementPopup).popover(
 placement: 'top',
 animation: false,
 html: true,
 trigger: 'focus',
 title: "",
 content: '<b>1: </b>' + '&ensp;' + feature.get('ERHEB_NR') +
 '</br><b>2: </b>' + '&emsp;&emsp;&nbsp;&nbsp;' + '<a id="link" target="_blank" href="'+feature.get('KATASTER')+'" rel="noopener noreferrer">Link</a>'
 );
);