Results 1 to 4 of 4

Thread: How use ZmAddressInputField

  1. #1
    REMI is offline Member
    Join Date
    Apr 2011
    Posts
    10
    Rep Power
    4

    Default How use ZmAddressInputField

    Hello!!
    I am a French student, I apologize in advance for my spelling mistakes.
    As part of my internship I must create a Zimlet enabling the integration of a video conferencing application.
    However, to simplify the life of the user, who must submit the URL of the conference to their contacts. I must create input area and therefore perfect AutoComplete ... and this in a small window (DwtComposite). Similar as :

    Having read the documentation ZmAddressInputField is the best solution. I therefore well established that small window, but not the input area despite the visualization API ( Zimlet JavaScript API Reference - ZmAddressInputField and Zimlet JavaScript API Reference - ZmAutocompleteListView) so I am appealing to your expertise ...

    My code :
    bigbluebuttonPreferences.prototype.showAddDlg = function(obj) {
    // if zimlet dialog already exists...
    if (this._getAddDialog) {
    this._getAddDialog.popup();
    return;
    }

    this._getAddView = new DwtComposite(this.zimlet.getShell());
    this._getAddView.getHtmlElement().style.overflow = "auto";
    this._getAddView.setSize(590);

    this._getAddView.getHtmlElement().innerHTML = this._createAddView();
    var className = this._getAddView.getHtmlElement().className;
    this._getAddView.getHtmlElement().className = className + " bbb_addusers";

    var addAddButtonId = Dwt.getNextId();
    var addAddButton = new DwtDialog_ButtonDescriptor(addAddButtonId,
    ("Authorized"), DwtDialog.ALIGN_RIGHT);

    this._getAddDialog = this.zimlet._createDialog({title:"Inviter des utilisateurs",
    view:this._getAddView, standardButtons:[DwtDialog.OK_BUTTON,DwtDialog.CANCEL_BUTTON]});

    this._getAddDialog.setButtonListener(DwtDialog.OK_ BUTTON, new AjxListener(this, this._getAdressEMail));

    this._autocompleteusers = new autocompleteListView({parent:this.zimlet.getShell( )});
    this._inputContact = new ZmAddressInputField(inputId = this._autocompleteusers);
    this._inputContact.getHtmlElement().style.overflow = "auto";
    this._inputContact.setSize(100);

    document.getElementById("bbb_InputAddress").append Child(this._inputContact.getHtmlElement());


    this._getAddDialog.popup();
    };
    bigbluebuttonPreferences.prototype._getAdressEMail = function() {
    //TODO send mail with url of video conferencing
    }


    bigbluebuttonPreferences.prototype._createAddView = function() {
    var html = new Array();

    var i = 0; html[i++] = "<DIV>";
    html[i++] = "<div id='bbb_InputAddress'></div>";
    html[i++] = "</DIV>";
    return html.join("");
    };
    Tanks for your attention!
    Regards... Rémi.
    Last edited by REMI; 04-14-2011 at 11:51 AM.

  2. #2
    tdesorbaix is offline Zimlet Guru & Moderator
    Join Date
    Apr 2007
    Location
    Paris, France
    Posts
    367
    Rep Power
    8

    Default Example of input field with autocomplete

    If you just need auto-complete, then you can look at this example zimlet.
    Just click on the zimlet and test the input field in the dialog box.
    Attached Files Attached Files

  3. #3
    REMI is offline Member
    Join Date
    Apr 2011
    Posts
    10
    Rep Power
    4

    Default

    Thank you for your reply, I already found the solution in Zimlet WEB-EX. But I still do not know how to create my bubble ... = '(

  4. #4
    walidferchichi is offline New Member
    Join Date
    Jul 2011
    Posts
    3
    Rep Power
    4

    Default Please help me

    I'm new in zimlet field.
    So, Do you Know please how to use the ZmAutocomplete to show the GAL but instead of email addresses you must found a phone number.

    Thanks For ALL.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •