It looks like you've included jquery-latest.js, but no ui files (ui.core.js,
ui.dialog.js, or the full jquery-ui.js), which would explain why jQuery is
there, but with no .dialog() method. Also, there's a much simpler way to add
jQuery and jQuery UI to a greasemonkey script. Just use greasemonkey's
@require directive:

// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
// @require
http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js

More info: http://wiki.greasespot.net/Metadata_block#.40require

- Richard

On Wed, Oct 8, 2008 at 7:59 PM, felciano <[EMAIL PROTECTED]> wrote:

>
> Hi --
>
> Has anyone managed to get jQuery UI working via GreaseMonkey? I am
> adapting code from http://www.joanpiedra.com/jquery/greasemonkey/ to
> load jQuery and then attempting to display a dialog box. The
> UserScript is shown below. Things work fine until the actual dialog()
> call is made, at which point I get the following error in the FF3
> error console:
>
> Error: $("<div id='example' class='flora' title='This is my title'>I'm
> in a dialog!</div>").dialog is not a function
>
> Note that the previous alert() call to display $ seems to work fine --
> any suggestions?
>
> Ramon
>
> // ==UserScript==
> // @name           jQueryTest
> // @namespace      http://www.example.com/
> // @include        *
> // ==/UserScript==
>
> // Add jQuery
> var GM_JQ = document.createElement('script');
> GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
> GM_JQ.type = 'text/javascript';
> document.getElementsByTagName('head')[0].appendChild(GM_JQ);
>
> // Check if jQuery's loaded
> function GM_wait() {
>    if(typeof unsafeWindow.jQuery == 'undefined')
> { window.setTimeout(GM_wait,100); }
>        else { $ = unsafeWindow.jQuery; letsJQuery(); }
> }
> GM_wait();
>
> // All your GM code must be inside this function
> function letsJQuery() {
>
>    alert($); // check if the dollar (jquery) function works
>    // the next call fails
>    $("<div id='example' class='flora' title='This is my title'>I'm in
> a dialog!</div>").dialog({
>            buttons: {
>                "Ok": function() {
>                    alert("Ok");
>                },
>                "Cancel": function() {
>                    $(this).dialog("close");
>                }
>            }
>        });
> }
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to