For question 1, create a new xpage and replace the source with below:

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
   
   
   
   
   
    <xp:table>
        <xp:tr>
            <xp:td>
                <xp:label value="Enter here: " id="label4"></xp:label>
                <xp:inputText id="inputText1"></xp:inputText></xp:td>
            <xp:td>
                <xp:table>
                    <xp:tr>
                        <xp:td>
                            <xp:button value="Display in alert box"
                                id="button1">
                                <xp:eventHandler event="onclick"
                                    submit="false">
                                    <xp:this.script><![CDATA[alert(XSP.getElementById("#{id:inputText1}").value)]]></xp:this.script>
                                </xp:eventHandler>
                            </xp:button></xp:td>
                        <xp:td></xp:td>
                    </xp:tr>
                    <xp:tr>
                        <xp:td>
                            <xp:button value="Display in other control"
                                id="button2">
                                <xp:eventHandler event="onclick"
                                    submit="false">
                                    <xp:this.script><![CDATA[XSP.getElementById("view:_id1:label1").innerHTML = XSP.getElementById("#{id:inputText1}").value;
XSP.getElementById("view:_id1:computedField1").innerHTML = XSP.getElementById("#{id:inputText1}").value;]]></xp:this.script>
                                </xp:eventHandler>
                            </xp:button></xp:td>
                        <xp:td>
                            <xp:table>
                                <xp:tr>
                                    <xp:td>
                                        <xp:label value="Label:"
                                            id="label2">
                                        </xp:label></xp:td>
                                    <xp:td>
                                        <xp:label value="Label"
                                            id="label1">
                                        </xp:label></xp:td>
                                </xp:tr>
                                <xp:tr>
                                    <xp:td>
                                        <xp:label id="label3" value="Computed Field:">
                                        </xp:label></xp:td>
                                    <xp:td>
                                        <xp:text escape="true"
                                            id="computedField1">
                                        </xp:text></xp:td>
                                </xp:tr>
                            </xp:table></xp:td>
                    </xp:tr>
                </xp:table></xp:td>
           
        </xp:tr>
    </xp:table></xp:view>

For question 2, you can refer here.  

 

 Hi Baxter ,

 

1.  What if i need to write java code to a button? for eg: if i need to add this piece of code (Process p = Runtime.getRuntime().exec(commandline);) to the onclick event of a button,  Is that possible in xpages? How to ?

 
 2.  How to position the individual elements (buttons, labels, etc.) in positions other than (topleft, center right, etc)  in an xpage ?

 

 3. I don't know xsp. where could i learn? Pls provide any link. 

Thanks in advance.

 1.  You instantiate Java Code from a SSJS button like the following

//Import packages

importPackage(com.nnsu.util.fop);

//Create a new instance of the Java class

var jce: DominoXMLFO2PDF = new DominoXMLFO2PDF();

//Call the method of the java class

var retOutput = jce.getPDF(pageOutput);