[Solved] qtip + webservice asp.net

[j2flk]

Hi,

This is basically what I want to do.
I have a form that has a list of users.
When i hover over the user i want to display their address.
I get how to use qtip but not sure how to make it work with a webservice.
I need to pass in the ID of the user and pass it to the webservice.
I want to return the address of the user from my webservice.
I'm not sure if this needs to be returned in some sort of format.
Can anyone help me please?

[j2flk]

I can't even seem to get my webservice to be called.

Any help would be appreciated.

Here is my code so far:

JS Code

<script type="text/javascript">
    $(document).ready(function() {
        $('.sample').qtip({
            content: {
                title: {
                    text: 'Sample',
                    button: 'Close'
                }
            },
            position: {
                corner: {
                    tooltip: 'leftMiddle'
                }
            },
            show: { solo: true },
            hide: {
                when: {
                    event: 'click'
                }
            },
            style: {
                border: {
                    width: 3,
                    radius: 5,
                    color: '#6699CC'
                },
                api: {
                    beforeShow: function() {
                    $.ajax({
                    url: 'Test.asmx/HelloWorld',
                    data:'{}',
                    type: 'GET',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"
                    });
 
                }
 
                },
                tip: {
                    corner: 'leftMiddle',
                    color: '#6699CC',
                    size: {
                        x: 20,
                        y: 8
}
                    },
                    width: 420
                }
            });
        });
</script>

This is my reference to my service:

ASP Code

<asp:ScriptManager ID="ScriptManager1" runat="server">
    <Services>
        <asp:ServiceReference Path = "Test.asmx" />
    </Services>
</asp:ScriptManager>

[Craig]

j2, you've put your api object inside your style object, this isn't correct. Put it within the main object like the position and content objects.