GithubHelp home page GithubHelp logo

happy-ferret / dialog-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zer0/dialog

0.0 1.0 0.0 156 KB

A small module to open a window dialog in Add-on SDK.

License: Other

JavaScript 100.00%

dialog-1's Introduction

dialog

A small module to open a window dialog with features in Add-on SDK. It's also possible attach content scripts to dialog with the document loaded.

usage

const dialog = require('./dialog');

dialog.open({
  // both `foo.html` and `index.js` are supposed to
  // be in add-on's `data` folder
  url: './foo.html',
  contentScriptFile: './index.js',
  features: {
    width: 320,
    height: 200
  }
}).then(worker => {
  // do something with worker, e.g.
  worker.port.on('title', console.log);
});

access to the window

open function returns a promise resolved once the document is ready, passing the worker attached, if any contentScript* was declared, or null.

It's possible modify the window object from the document's script itself, like any regular web page, or if a worker is returned, is possible access to worker.tab and worker.tab.window.

For example, this code will close the window opened, after two seconds.

const dialog = require('./dialog');
const { setTimeout } = require('sdk/timers');

dialog.open({
  url: './foo.html',
  contentScriptFile: './index.js',
  features: {
    width: 320,
    height: 200
  }
}).then(worker => {
  setTimeout(() => worker.tab.close(), 2000);
});

dialog-1's People

Contributors

zer0 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.