Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

  • How do i get started with SmartClient for just few requirements.

    Hello,
    I want to have modal window pop up (it is a window with opacity in background) on my website to display some data. Please check image below :
    Code:
    http://img714.imageshack.us/img714/1592/gggggol.jpg
    I would like to use similar implementation as :
    Code:
    http://www.smartclient.com/?skin=Enterprise#modality
    But i couldn't figure out how to do that. Can anyone help me implement this? I couldn't find which file to download from here :
    Code:
    http://www.smartclient.com/product/download.jsp
    Isn't that something like MooTools or jQuery framework? I can't understand which file to include from their downloaded library.
    Can some one please provide me an example html page code to do that?

    Another thing is, i saw following code in your source :
    Code:
    			    isc.IButton.create({
    				    ID: "touchButton",
    				    width: 120,
    				    title: "Touch This"
    				});
    				
    				isc.Label.create({
    				    left: 150,
    				    height: 20,
    				    contents: "<a href='http://www.google.com' target='_blank'>Open Google</a>"
    				});
    				
    				isc.IButton.create({
    				    title: "Show Window",
    				    top: 35,
    				    left: 75,
    				    click : function () {
    				        touchButton.setTitle("Can't Touch This");
    				        modalWindow.show();
    				    }
    				});
    				
    				isc.Window.create({
    				    ID: "modalWindow",
    				    title: "Modal Window",
    				    autoSize:true,
    				    autoCenter: true,
    				    isModal: true,
    				    showModalMask: true,
    				    autoDraw: false,
    				    closeClick : function () { touchButton.setTitle('Touch This'); this.Super("closeClick", arguments)},
    				    items: [
    				        isc.DynamicForm.create({
    				            autoDraw: false,
    				            height: 48,
    				            padding:4,
    				            fields: [
    						                {name: "field1", type: "select", valueMap: ["foo", "bar"]},
    						                {name: "field2", type: "date"},
    						                {type: "button", title: "Done",
    						                 click: "modalWindow.hide();touchButton.setTitle('Touch This')" }
    				                    ]
    				        })
    				     ]
    				});
    I am concerned about following code :
    Code:
    fields: [
    			                {name: "field1", type: "select", valueMap: ["foo", "bar"]},
    			                {name: "field2", type: "date"},
    			                {type: "button", title: "Done",
    			                 click: "modalWindow.hide();touchButton.setTitle('Touch This')" }
    			            ]
    Can some one please tell me what kind of code it is?
    My requirements are very simple. I am going to need ImageTrail on mousehover, Submit chunk of data to some PHP function and fetch and update page contents depending on the response of that PHP function. Few validations on page data too. Is SmartClient is preferrable for these requirements? I mean i do not want to slow pages down for anything.
    Because as shown in above image, there are going to be more than 10,000 records at a time. I was also wondering if pipelining could be possible for HTML outputs at client side.
    For e.g a java script will deliver JSON array to client end and client browser will quickly build HTML tables or code to present data there. If that is possible using SmartClient then may i please get some sample snippets to implement such things?
    I am so sorry, i'm a n00b to these things. Please help. Thank you in advance.
Working...
X