JavaScript

<script type="text/javascript">
function Open(IdNeed)
{
var grid = document.getElementById('<%=gvEstelam.ClientID%>');
grid.rows[1].cells[4].innerHTML = 152;
alert(grid.rows[1].cells[4].innerHTML);
}

<asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:ImageButton ID="ImageEstelamBuyingKala" ImageUrl="~/ServerFile/ApplicationFiles/Icons/Button/add.png"
                                            Width="25" runat="server" OnClientClick='<%# " Open("+ DataBinder.Eval(Container.DataItem,"Id") + ");" %>' />
                                    </ItemTemplate>
                                </asp:TemplateField>

So im trying to creae a dynamic data project using asp.net.

my project has 2 tables, FruitTable and SellerTable.

I had it set so the primary key in 'fruit table': name. was the foreign key in 'seller table'

I added a new class which contains the code to link to the new fieldTemplate I added(DropDown)

 <pre lang="c#">[MetadataType(typeof(UsingDropDownMetadata))]
    public partial class UsingDropDown
    {
    }

    public class UsingDropDownMetadata
    {
        //DropDown is name of field templates
        [UIHint("DropDown")]
        //use in field date in tracing table
        public object DropDownFromTextBox { get; set; }
    }

protected void OnSelectedIndexChangedMethod(object sender, EventArgs e)
{

//text here

}

i am working with jquery tabslideout plugin. it wporks fine but i want to detect when tabslideout plugin slide in and out. if i could detect then i can call another routine. no idea is coming to my head to determine how to capture when tabslideout div slide-in and out. so please guide me. thanks

here is my code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
    tabHandle: '.handle',                     //class of the element that will become your tab
    pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
    imageHeight: '122px',                     //height of tab image           //Optionally can be set using css
    imageWidth: '40px',                       //width of tab image            //Optionally can be set using css
    tabLocation: 'left',                      //side of screen where tab lives, top, right, bottom, or left
    speed: 300,                               //speed of animation
    action: 'click',                          //options: 'click' or 'hover', action to trigger animation
    topPos: '200px',                          //position from the top/ use if tabLocation is left or right
    leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
    fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
});

});

</script>

<style type="text/css">
.slide-out-div {
  padding: 20px;
  width: 250px;
  background: #ccc;
  border: 1px solid #29216d;
 }
 </style>

 <div class="slide-out-div">
    <a class="handle" href="http://link-for-non-js-users.html">Content</a>
    <h3>Contact me</h3>
    <p>Thanks for checking out my jQuery plugin, I hope you find this useful.
    </p>
    <p>This can be a form to submit feedback, or contact info</p>
 </div>

$(document).ready(function () {

    var slideContainer = $('[id*="_slideshow_container"]');
    var slidesHolder = $(slideContainer).children();
    var slideWidth = $(slideContainer).width();
    var slides = $(slidesHolder).children();
    var slidePos = 0;
    var slideTotal = slides.length;
    var currentSlide = 0;
    var delay = 5000;
    var slideTime = 1000;

    $(slideContainer).css({
        "overflow": "hidden",
        "position": "relative"
    });

    $(slidesHolder).css({
        "position": "absolute",
        "top": "0px",
        "left": "0px"
    });

    for (var i = 0; i < slides.length; i++) {
        $(slides[i]).css({
            "position": "absolute",
            "top": "0",
            "left": slidePos + "px"
        });
        slidePos = slidePos + slideWidth;
    }

    $(slidesHolder).css('width', slidePos + slideWidth);

    $(slides).first().clone().css({
        "left": slidePos + "px"
    }).appendTo(slidesHolder);

    animate();

    function animate() {

        $('[id*="_lbl_SS_Collapse"]').text(currentSlide);

        $(slidesHolder).delay(delay).animate({
            left: "-=" + slideWidth
        }, slideTime, function () {
            if (currentSlide < slideTotal) {
                currentSlide++;
                animate();
            }
            else {
                $(slidesHolder).css({
                    "left": "0px"
                });
                currentSlide = 0;
                animate();
            }

        });
    }
});