Hi,

We are using a Javscript to load inner html content inside a container of mobile app. The HTML content is coming from RestAPI. Now if the user clicks on link ('a') it is opening inside the app and not opening in external browser. I tried many Javascript codes below and nothing worked out.

Code 1:

links = document.getElementsByClassName("video-content")[0].getElementsByTagName("A");var i;for (i = 0; i < links.length; i++) {links[i].onclick=function(){window.open( this.href, '_system' ); this.href = "javascript:void(0)"; this.preventDefault();};}

Code 2:

var el = document.getElementById($parameters.Container);
el.innerHTML = $parameters.HtmlContent;
var tempDiv = document.createElement('div');
tempDiv.innerHTML = $parameters.HtmlContent;
var anchors=tempDiv.getElementsByTagName('a');
var i, len = anchors.length;
var linkArray=[];
for( i = 0; i < len; i++ ) {
   linkArray.push(anchors[i].getAttribute('href'));
   if (i === 0)
   window.open(anchors[i].getAttribute('href'), '_system');
}
$parameters.Links=linkArray.join(); 

Code 3:

var tempDiv = document.createElement('div');tempDiv.innerHTML = $parameters.HtmlCont;var anchors=tempDiv.getElementsByTagName('a');var i, len = anchors.length;for( i = 0; i < len; i++ ) {   anchors[i].setAttribute('href', "javascript:window.open('"+anchors[i].getAttribute('href')+"','_system')");}document.getElementById('HtmlCont').innerHTML = tempDiv.innerHTML;

Any idea on how to achieve this or anything blocked by mobile app JS code to open the link in external browser? Thanks

Regards
Balaji Chandran