1. #1
    Sencha User
    Join Date
    Jan 2010
    Posts
    3
    Vote Rating
    0
    danisowa is on a distinguished road

      0  

    Default Unanswered: Overlay load remote site and enable navigation

    Unanswered: Overlay load remote site and enable navigation


    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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,065
    Answers
    3498
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jan 2010
    Posts
    3
    Vote Rating
    0
    danisowa is on a distinguished road

      0  

    Default


    Thanks for your feedback.

    do you have any example snippet for this?

  4. #4
    Sencha User
    Join Date
    Jan 2010
    Posts
    3
    Vote Rating
    0
    danisowa is on a distinguished road

      0  

    Default


    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?


    1. 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();


Thread Participants: 1