This is a migrated thread and some comments may be shown as answers.

2009 Q3 tabs next to a separator throw javascript errors onmouseover

2 Answers 41 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Adam L. Ooten
Top achievements
Rank 2
Adam L. Ooten asked on 04 Nov 2009, 09:33 PM
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 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 06 Nov 2009, 03:30 PM
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.
0
Adam L. Ooten
Top achievements
Rank 2
answered on 12 Nov 2009, 02:07 PM
The new internal build of 2009.3.1109 workds properly for me.
Tags
TabStrip
Asked by
Adam L. Ooten
Top achievements
Rank 2
Answers by
Kamen Bundev
Telerik team
Adam L. Ooten
Top achievements
Rank 2
Share this question
or