qTip and .NET??

[briandaly40]

Hi All,

Firstly, great work on qTip, very nifty work!

Anyway I am using qTip in a .NET web application of mine. The page has a profile picture and I am planning on using qTip such that when you hover over the profile picture, qTip provides a file upload and submit button to change the picture. Is this beyond the scope of qTip?

I have seen examples on this forum of people calling php classes, can qTip call .NET functions or .aspx pages? I have seen in the tutorial pages that you can use dynamic content to display a html/php file, will this work with .aspx pages aswell? And will the events, etc of the buttons in the .aspx page work aswell?

I realise I am clutching at straws to get this feature to work but I am still living in hope. I suppose I could just use the qTip to link to a "change profile pic page".

Thanks in advance,
Brian

[Craig]

briandaly40, you are certainly not clutching at straws! Since qTip uses jQuery's base $.ajax library, it supports all functionality it provides, which means you can use any type of serverside script you wish, as long as it returns the correct Headers. All you need do it simply replace the url extension with .aspx and you're away.

[briandaly40]

Cheers Craig!

Thats great, I thought there was no hope there for a while. Just a few questions as I am relatively new to web development.

What headers do I need to return?
Can I use POST and GET to transfer data to the page?
I don't suppose you have a simple .NET example lying around? If not, I'll just take a look at the PHP examples I've seen on this forum.

Thanks for your time,
briandaly40

[Craig]

You'll need to return headers appropriate to the content you're returning. For example:

JS Code

HTML: text/html
CSS: text/css
J<strong></strong> application/javascript OR application/x-javascript
JSON: application/json OR application/x-json

You can indeed use GET and POST to transfer data to the page. Check out the content.data documentation for more on this.

The PHP examples are identical to what you'll need, just replace the .php URL with your .ASPX one

[briandaly40]

Thanks for the help Craig,

I have qTip showing my .aspx page now but I am having two issues with it:

Firstly, when I click a button in the qTip it automatically opens the .aspx page fully in the browser. Is there anyway of stopping this from happening and bringing up the repsonse in the qTip only?

Secondly, I can't seem to pass data to the page. A button has an event attached to it to show the data that has been passed to it from qTip but it always shows 0. I have tried several combinations to post, get data to the page but to no use:

JS Code

content: {
                url: 'UpdatePicture.aspx',
                data: { eid: 111 },
                method: 'get'
             }

And

JS Code

content: {
                url: 'UpdatePicture.aspx?eid=' $var,
                method: 'get'
             }

All to no avail,

All ideas are very welcome,
briandaly40.

[Craig]

briandaly40, could you link to the page you're using it on?

[briandaly40]

Unfortuently I can't, I am developing it locally first.

[Craig]

Ok, lets see then. Are you trying to simply show a webpage within the qTip? If so, you might want to look into using an iframe as the content instead.

Regarding the data, it's definitely being sent if its declared. Are you sure you're checking its there correctly?

[briandaly40]

Firstly,
Thanks very much for spending so much time trying to figure this out with me. Much appreciated!

The storey so far,

I have managed to get data to be sent to the page now but I still have this annoying problem; when you click on a button within the qTip (which can redirect to a new page or refresh the existing page) the whole screen (not just the qTip) redirects. I want the redirection to occur in the qTip only. Is this possible?

Any ideas?

[Craig]

If you're going to be using the qTip a a sort of page within a page, your best bet, and probably only solution is to encapsulate it within an iframe like so:

JS Code

$('.selector').qtip({
   content: '<iframe src="mypage.html?mydata=1"></iframe>'
});

[briandaly40]

craig,

Spot on! That worked a treat!

I cannot speak highly enough of this app and the support I got here!


Thanks a million!

briandaly40

[Craig]

Great, glad to see it worked! And thank you