Overlay load remote site and enable navigation

[danisowa]

Hello,

is it possible to create an overlay that loads a remote page e.g. google and if someone clicks on a link in this overlay, the action is executed in this overlay?

if yes can you please give me some hints?

Thanks a lot

best regards
Daniel

[mitchellsimoens]

You can use ComponentLoader to load a remote url. Or you can use an ajax call and set the html to a floating panel or something. Lots of ways to do this.

[danisowa]

Thanks for your feedback.

do you have any example snippet for this?

[danisowa]

ok i have managed to add a simple html page to a component and load this to a window

but if i click the link its opening a new window -> but link should be displayed in same component (same behaviour than an iframe)

any ideas?



var panel = Ext.create('Ext.Component',{
loader: {
url: "./test.html",
autoLoad: true,
scripts: true,
renderer: 'html',
failure: function() {
Ext.Msg.alert('Error, loading page failed');
}
}
});
alert("TEST");


var w = new Ext.Window({
width: 500,
height:500,
items:[
{ xtype: 'textfield', fieldLabel: 'First Name'},
new Ext.form.TextField({fieldLabel: 'Surname'}),
panel
]
});
w.show();