JavaScript

jCapSlide

<asp:DataList ID="DataListList" runat="server" DataSourceID="ObjectDataSourceList"
                    RepeatColumns="5" CellPadding="5" CellSpacing="5" 
                    OnItemDataBound="DataListList_ItemDataBound">
                    <ItemTemplate>
                        <div id="capslide_img_cont" class="ic_container">
                            <asp:Image ImageUrl='<%#Eval("Images.Image.Virtual_FileName") %>' ID="MainImage"
                                CssClass="NewsImage1" runat="server" />
                            <div class="overlay" style="display: none;">
                            </div>
                            <div class="ic_caption">
                                <p class="ic_category">
                                    '<%# Eval("Category.cName")%>'</p>
                                <h3>
                                    '<%# Eval("pTitle") %>'</h3>
                                <p class="ic_text">
                                    '<%# Eval("pTitle") %>'
                                </p>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:DataList>

<script type="text/javascript">
    $(function () {
        $("#capslide_img_cont").capslide({
            caption_color: 'white',
            caption_bgcolor: 'black',
            overlay_bgcolor: 'black',
            border: '',
            showcaption: false
        });
    });
        </script>

id="capslide_img_cont"

//selectBox is the selectbox ID, selectall is a boolean whether to select all elements,
//ensureOneSelected applies when false is specified for selectall
//it then ensures that the first element is always selected.

<script>
 
function selectAll(selectBox, selectAll, ensureOneSelected) {
    // have we been passed an ID
    var selectBoxElement = null;
    var selectBoxOption = null;
 
    var boolSelect = selectAll;
 
    if (typeof selectBox == "string") {
        selectBoxElement = document.getElementById(selectBox);
        selectBoxOption = selectBoxElement.options;
    }
    // is the select box a multiple select box?
    if (selectBoxElement.type == "select-multiple") {
        var max = (selectBoxOption.length);
 
        var modMaxUnrollFactor = (max % 4);
 
        max -= modMaxUnrollFactor ;
 
        for(var i = 0; i < max; i+=4){
            selectBoxOption[i].selected = boolSelect;
            selectBoxOption[i + 1].selected = boolSelect;
            selectBoxOption[i + 2].selected = boolSelect;
            selectBoxOption[i + 3].selected = boolSelect;
 
        }
        for (var i = max; i < selectBoxOption.length; i++) {
            selectBoxOption[i].selected = boolSelect;
        }
 
        if (typeof ensureOneSelected == "boolean") {
            if(selectBoxOption[0].selected == false)
            {
                selectBoxOption[0].selected = ensureOneSelected;
            }
        }
    }
}
</script>

BobJanova wrote:

Manipulating the DOM can be slow. You might do better to get .innerHTML, do a
regex replace for '<option( selected)?' with either '<option' or
'<option selected', and then reassign .innerHTML.

BobJanova wrote:

What is with the unroll factor and two loops? That is pointless ... running a
for loop 600 times isn't what's slow.

1. JScript arrays and COM objects, Part 1[^]
2. JScript arrays and COM objects, Part 2[^]
3. JScript arrays and COM objects, part 3[^]