2009 Q3 tabs next to a separator throw javascript errors onmouseover

3 posts, 0 answers
  1. Adam L. Ooten
    Adam L. Ooten avatar
    86 posts
    Member since:
    Sep 2005

    Posted 04 Nov 2009 Link to this post

    Just installed the 2009 Q3 controls.  Now when I mouse over a tab next to a separator, (IsSeparator="true") it will throw a javascript error.

    Here is the javascript error.    Error: 'className' is null or not an object
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 06 Nov 2009 Link to this post

    Hi Adam,

    Thank you for spotting this bug, it has been fixed and the fix will be available with the next internal build and the next service pack. As a workaround, place this javascript right after your script manager:
    <script type="text/javascript">
        Telerik.Web.UI.RadTab.prototype._highlight = function ()
        {
            if (this.get_hoveredCssClass())
                Sys.UI.DomElement.addCssClass(this.get_linkElement(), this.get_hoveredCssClass());

            var prev = this.get_previousTab();
            var next = this.get_nextTab();
            if (prev) {
                var prevLink = prev.get_linkElement();
                if (prevLink)
                    Sys.UI.DomElement.addCssClass(prevLink, "rtsHoverBefore");
            }
            if (next) {
                var nextLink = next.get_linkElement();
                if (nextLink)
                    Sys.UI.DomElement.addCssClass(nextLink, "rtsHoverAfter");
            }
            
            if (!this.get_enabled()) return;
            if (!this.get_hoveredImageUrl()) return;
            if (!this.get_imageElement()) return;
            
            if (this.get_imageElement().src != this.get_hoveredImageUrl())
                this.get_imageElement().src = this.get_hoveredImageUrl();
        };
        
        Telerik.Web.UI.RadTab.prototype._unhighlight = function ()
        {
            if (this.get_hoveredCssClass())
                Sys.UI.DomElement.removeCssClass(this.get_linkElement(), this.get_hoveredCssClass());
            
            var prev = this.get_previousTab();
            var next = this.get_nextTab();
            if (prev) {
                var prevLink = prev.get_linkElement();
                if (prevLink)
                    Sys.UI.DomElement.removeCssClass(prevLink, "rtsHoverBefore");
            }
            if (next) {
                var nextLink = next.get_linkElement();
                if (nextLink)
                    Sys.UI.DomElement.removeCssClass(nextLink, "rtsHoverAfter");
            }
                
            this._updateImage();
        };
    </script>


    I've updated your Telerik points for the report.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Adam L. Ooten
    Adam L. Ooten avatar
    86 posts
    Member since:
    Sep 2005

    Posted 12 Nov 2009 Link to this post

    The new internal build of 2009.3.1109 workds properly for me.
Back to Top