Converting AutoSuggest textbox to .NET UserControl

gulbaek · July 3rd, 2006, 09:37 AM

Hi im trying to convert the AutoSuggest Textbox to a .NET Usercontrol, but im getting the following error

A Runtime Error has occurred. Do you wish to Debug?
Line: 107
Error: Object required

The error happens when im typing something in the Textbox and comes from my AutoSuggest.js file

while(oNode.tagName != "BODY") {
        iLeft += oNode.offsetLeft;
        oNode = oNode.offsetParent;
    }

In the following link is the html code that my applikation generates
http://www.gulbaek.net/tmp/AutoSuggest.zip

Hope someone can help solve this problem.

And one final question, is the someway to include the .js files in the UserControl, my current solution is to include the following code in my MasterPage

<head runat="server">
    <title></title>
    <script type="text/javascript" src="UserControl/AutoSuggest.js"></script>
    <script type="text/javascript" src="UserControl/Suggestions.js"></script>
</head>

nzakas · July 3rd, 2006, 09:41 AM

I'm guessing that you're probably running your code in standards mode. Try making this change:

Code:

while(oNode && oNode.tagName != "BODY") {
       iLeft += oNode.offsetLeft;
       oNode = oNode.offsetParent;
}

Nicholas C. Zakas
Author, Professional JavaScript for Web Developers (ISBN 0764579088)
http://www.nczonline.net/

gulbaek · July 3rd, 2006, 09:49 AM

Thanks that did the work, though i had to chance the code in both the getLeft and getTop functions.

What do you mean with running my code in standards mode, and is it posible to move the
<script type="text/javascript" src="UserControl/AutoSuggest.js"></script>
<script type="text/javascript" src="UserControl/Suggestions.js"></script>

code inside my User Control?

nzakas · July 3rd, 2006, 09:51 AM

I'm sorry, I don't know much about .NET architecture, so I can't really tell you if you can move that code inside of your control.

What I mean by standards mode is by setting an XHTML doctype, you put the browser into standards mode, which makes JavaScript behave slightly differently.

Nicholas C. Zakas
Author, Professional JavaScript for Web Developers (ISBN 0764579088)
http://www.nczonline.net/

gulbaek · July 3rd, 2006, 10:00 AM

Ohh thanks, just one more question, do you know why the typeAhead function is'nt working now, no errors nothing just happens only the list of suggestions is displayed.

nzakas · July 3rd, 2006, 10:20 AM

It's impossible to know that's wrong simply from that description. It's the same as saying "hey, my TV won't turn on, do you know why?". :)

Nicholas C. Zakas
Author, Professional JavaScript for Web Developers (ISBN 0764579088)
http://www.nczonline.net/

gulbaek · July 3rd, 2006, 10:30 AM

Yes I know but its really difficult to debug a java script, so I can't see whats happening.
Just belived it has someting to do with the fact that im running in XHTML mode, just like your solution to my first problem.

nzakas · July 3rd, 2006, 10:36 AM

So you can imagine how hard it is for me to try to figure out what is going wrong with your script when you're having trouble. If you can trace the problem to something specific, post the details and we can try to work through it.

Nicholas C. Zakas
Author, Professional JavaScript for Web Developers (ISBN 0764579088)
http://www.nczonline.net/