home program overview dashboard contest dev forum

where » create » reference » pop

<pop>

---

The pop element defines a pop-up window which overlays the main screen. There is only one pop element per screen. If multiple pop elements are placed on a JIN page, the final occurrence is used. Unlike the layer element, there is built-in JIN Script to hide and show the pop-up (more on that to follow).

Example

<pop valign="bottom" align="right" sliding="true">
  <pr>
    <list>
      <listitem>Popup Item 1</listitem>
      <listitem>Popup Item 2</listitem>
      <listitem>Popup Item 3</listitem>
    </list>
  </pr>
  <pr>
    <input type="button" value="Close" onSelect="hidePopup()"/>
  </pr>
</pop>

Valid Elements

tag	Valid Occurrences
<pr>	1 - *

Element Specific Attributes

Attribute	Purpose	Values	Default	JIN
align	The horizontal positioning of the pop-up element.	left, center, right	left	2.0
sliding	The direction a pop-up menu slides into postion	up, down, left, right, none	appears instantly	2.0
valign	The vertical positioning of the pop-up element.	top, center, bottom	top	2.0

Valid Attributes

bg, bgfocus, bgfocusimg, bgimg, border, bordercolor, borderfocus, fg, fgfocus, fontsize, fontstyle, id, style

Tips and Tricks

Any image that is not loaded in the body of the page and is referenced in the script portion of the page should be preloaded. For example, your right soft key image reads "Show Menu". When the right soft key is selected, you swap that image with one that reads "Hide Menu". The image that reads "Hide Menu" should be preloaded. See loadImage().