package e4s.tutorial;

import e4s.html.*;
import e4s.html.style.*;
import e4s.servlet.*;
import e4s.translate.*;

/**
 * Create BUTTONS that reference to a function within your code, 
 * assigning buttons with E4JavaScript functionality or placing images
 * on buttons.
 *
 * {@tutorial Example_Button}
 *
 * @see e4s.html.BUTTON
 */
public class Example_BUTTON extends E4ModuleImplementation
{
   public static E4Method start = null;
   public static E4Method badFunction  = null;
   public static E4Method goodFunction  = null;
   
   public void start( HTML html )
   {
      E4EventHandlerBUTTON evt = new E4EventHandlerBUTTON(E4EventHandlerBUTTON._EVENT_ONCLICK);
      evt.appendln("function " + evt.getName() + "()");
      evt.appendln("{");
      evt.appendln("   alert('Hello Button');");
      evt.appendln("}");
      
      BUTTON b1 = html.BUTTON(new E4LabelApp("Hello World Button"),evt);
      
      html.P();
      
      BUTTON b2 = html.BUTTON(badFunction,getServlet());
      b2.B().STRIKE().print("Do not click here!");
      
      html.P();
      
      BUTTON b3 = html.BUTTON(goodFunction,getServlet());
      b3.IMG("images/tutorial/Example_MultiState/orange.gif");
      b3.setSTYLE((CLASS_Name)null);
   }
   
   public void badFunction( HTML html )
   {
      html.Message(E4Message.ERROR,"You clicked!");
      html.P();
      start(html);
   }
   
   public void goodFunction( HTML html )
   {
      html.Message(E4Message.INFO,"You clicked!");
      html.P();
      start(html);
   }
}