Explanation For the above Pullout Menu

You can see in the page the seamless integration in Action. Each "item" in the 'pullout-memu' can be an ElanBean. All the ElanBeans can be set to a Table cell. This Table can be a cell in a larger Component and so-on.

Imagin greate web applications one can build using this kind of integration, where each component may be build on remote servers and assembled like building blocks with 'Virtual Web server' that is discussed later.

/***********************Code for Pullout Menu*********************************/

//Assume that these mini-servlet components can generate HTML-code using run-time Stock-data.
StockCB s1= new StockCB("SUNW"); //generates stock quotes of Sun
StockCB s2= new StockCB("INTC"); //generates stock quotes of Intel
StockCB s3= new StockCB("ORCL"); //generates stock quotes of Oracle
StockCB s4= new StockCB("IBM");  //generates stock quotes of IBM
StockCB s5= new StockCB("MSFT"); //generates stock quotes of Micro Soft

//set Menu names on the left side of Pulloutmenu
String items[] = {"Sun","Intel","Oracle","IBM","MicroSoft"}; 

// This method changes Default colors.
String colors[]= {"#A5FED8","white","#FFC8A4","#A8BBFB"}; 
Object contents[] = { s1,s2,s3,s4,s5};

//Create Pulloutmenu object with the above defined properties
PulloutCB po = new PulloutCB(5,items,contents,colors ); 
po.setSize(585,380);
/*************************************************************************/

Code For the StockCB Component

<%
private float dayHigh = 79 3/4;
private float daylast = 71 7/8;
private float change = -8;
private float dayLow = 71 3/4;
private float dayOpen = 78 5/8;
private float previousClose = 79 7/8;
private float bid = 72 1/2;
private float ask = 72 15/16;
private float volume = 21436700;
private float eps = null;
private float dps = 0.00;
private float divPayDate = null;
private float exDivDate = null;
private float yearHigh 106 3/4;
private float yearLow = 26 31/32;
private float peRatio = 75;
private String tickerCode = "SUNW";
%>

//Above Variables can be initialized from the DataBase depending on the ticker code
//Below is the JSP code to display the table with the run time data

<table>
<tr>
  <td rowspan=4>SUN MICROSYSTEMS (<%= tickerCode %>) </td>
</tr><tr>
  <td rowspan=2 bgcolor='pink'> last <%= dayLast %> </td>
  <td rowspan=2 bgcolor='pink'> Change <%= change %> </td>
</tr><tr>
  <td>Today's High</td><td> <%= dayHigh %></td>
  <td>Previous Close </td><td> <%= previousClose %></td>
</tr><tr>
  <td>Today's Low </td><td> <%= dayLow %> </td>
  <td>Bid</td><td> <%= bid %> </td>
</tr><tr>
  <td>Today's Open</td><td> <%= dayOpen %>
  <td> Ask </td><td> <%= ask %> </td>
</tr><tr>
  <td>Volume</td><td> <%= volume %> </td>
  <td> Earning per Share </td><td> <%= eps %> </td>
</tr><tr>
  <td> 52-week High</td><td> <%= yearHigh %></td>
  <td> Dividend per Share </td><td> <%= dps %>
</tr><tr>
  <td> 52-week Low</td><td> <%= yearLow %></td>
  <td> Dividend pay Date </td><td> <%= divPayDate %>
</tr><tr>
  <td> P/E Ratio</td><td> <%= peRatio %></td>
  <td> ex-Dividend Date </td><td> <%= exDivDate %>
</tr>
</table>

<%
private float intraDayClose[];
private float intraDayVolume[];
private String intraDayTime[];

%>
//The arrays above contains the values got from the database for the points for drawing the svg graph
// Below is the jsp code for building the chart
<%
//Number of Days passed as argument
DayStockMovement s1intraDay=new DayStockMovement(1);

s1intraDay.setClosingValues(intraDayClose);
s1intraDay.setVolume(intraDayVolume);
s1intraDay.setTime(intraDayTime);
s1intraDay.isDrawBarStock(true); // Plots the closing points for the stocks
s1intraDay.isLineVolume(true);  // Draws the volumes as lines
s1intraDay.buildWC(req,out);

//=============================================
private float intraYearClose[];
private float intraYearVolume[];
private String intraYearTime[];

//Number of Weeks passed as argument
WeekStockMovement s1intraYear=new WeekStockMovement(52);

s1intraYear.setClosingValues(intraDayClose);
s1intraYear.setVolume(intraDayVolume);
s1intraYear.setTime(intraYearTime);
s1intraYear.isDrawBarStock(true); // Plots the closing points for the stocks
s1intraYear.isLineVolume(true);  // Draws the volumes as lines

s1intraYear.buildWC(req,out);
%>