XForms/Simple Message

From Wikibooks, the open-content textbooks collection

< XForms
Jump to: navigation, search

Contents

[edit] Motivation

This is a simple message in XForms. The user presses a button and they see an alert panel. This is an example of an modal message, which the user must respond to to continue using the form. We will cover two other types of message later.


[edit] Screen Image

Here is a screen image with the ephemeral message showing:

File:XForms-modal-panel.jpg

[edit] Link to working XForms Application

Simple Messages

[edit] Sample Program

<html
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:xf="http://www.w3.org/2002/xforms"
 xmlns:ev="http://www.w3.org/2001/xml-events"
>
   <head>
      <title>XForms Message</title>
      <xf:model id="myModel">
         <xf:instance>
            <data xmlns="">
            </data>
         </xf:instance>
      </xf:model>
   </head>
   <body>
          <p>A standard and intrusive modal message that must be dismissed:</p>
         <xf:trigger>
            <xf:label>Press for a modal message</xf:label>
            <xf:message level="modal" ev:event="DOMActivate">This is a model message stored directly in the model.
                The user must press a button to dismiss the message.</xf:message>
         </xf:trigger>
   </body>
</html>

[edit] Discussion

The data for the first and last message come from the body of the document. The modeless message is taken directly from the body by using an XPath expression into the model.

Note that the first event happens when you start to enter data in an input field. This is the DOMFocusIn event. The other two use the DOMActivate event which happens when you enter a return on the second example and press the button on the last example.

Next Page: Input Example | Previous Page: HelloWorld

Home: XForms

Retrieved from "http://en.wikibooks.org/wiki/XForms/Simple_Message"