Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagetext
themeEclipse
<div class='l-dropdown horinzontal'>
  <span class='wi-stars custom-dropdown'>
    <select class="view-container" value='{{selectedPointIndexselected}} on-change='selectedPointIndex'>
        <option selected="selected" disabled="disabled">Select</option>
      {{#myPoints}}
    <option value='{{@indexthis.id}}'>{{this.navName}}</option>
  {{/myPoints}}
    </select>
  </span>
</div>

...

Code Block
languagejs
themeEclipse
this.ractive.fire('obtainData');
 var self    = this;
var template = this;
var model   = self.ractive.observe;
this.ractive.on('selectedPointIndex', function(indexevent) {
    var point   = thismodel.get('myPoints.'+index"myPoints");
    var selected   = model.get("selected");
    if(pointselected) {
        top.app.ShowRelatedBubbles(point.idselected, point.idselected, falsetrue, event);
    }
});

obtainData is what connects the Ractive model to the program.  The function selectedPointIndex is for the gears and magicB is for the magic bubbles.

...