JQuery tipsy add to my site

[Chris-2k]

ok have added tipsy from here: https://github.com/jaz303/tipsy can anyone tell me how to trigger it 4 title=""?

eg:

<a href="index.html" title="Home"></a>

[AndrewGSW]

Your post is somewhat lacking in information

IF you want the tooltips to apply to all a tags:

$('a').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

The title(s) will be used as the tooltip text.

[AndrewGSW]

BTW I'm using PowerTips - sexier
[Require jQuery 1.7 or later]

[Chris-2k]

This still don't work m8........

U got preview of powertips?

[Chris-2k]

gonna try powertips now........

[Chris-2k]

ok that don't work either, i'm using JQuery 1.7, added powertip.js ot the .min.js 1, added css to style.css and used:

PHP Code:

        <script type="text/javascript">
            $(a).powerTip({placement: s}); // nw | n | ne | w | e | sw | s | se
        </script> 


[AndrewGSW]

 <script type="text/javascript">
       $('a').powerTip({placement: 's'}); // nw | n | ne | w | e | sw | s | se
</script>

Notice the two pairs of apostrophes. One needs to be exact

BTW I notice you still have a transitional doctype but are using HTML5 attributes. But I'll say no more.

[Chris-2k]

^^ that's whats at my test site, and it's not working........

[AndrewGSW]

Originally Posted by Chris-2k

^^ that's whats at my test site, and it's not working........

Works for me! Perhaps the error lies elsewhere..

Ensure that you load the jQuery library before the PowerTip file.

[AndrewGSW]

You need to wait for the page to be ready before you can attach powerTip to elements. The elements DO NOT EXIST until the page has fully loaded.

Didn't I already mention this previously(?).

[AndrewGSW]

 <script type="text/javascript">
$(document).ready(function () {
       $('a').powerTip({placement: 's'}); // nw | n | ne | w | e | sw | s | se
});
</script>

[Chris-2k]

ah thx i forgot about that...

erm how can i set it to any title tags, cos i have input tags too.............

[AndrewGSW]

Originally Posted by Chris-2k

ah thx i forgot about that...

erm how can i set it to any title tags, cos i have input tags too.............

$('a, input').powerTip({placement: 's'});

or any other jQuery selector.

If you only want to target specific elements then give them all a class and apply powerTip to the class instead.

[Chris-2k]

Off topic btw can u spot any errors here:

PHP Code:

$(document).ready(function() {
    $("#close").fadeOut(2000);
    $('a, input').powerTip({placement: 's'}); // nw | n | ne | w | e | sw | s | se
    
    $("#uploadForm").bind('submit', function() {
        var fileInput = $('#file_upload').val();
        var remoteInput = $('#remote_upload').val();

        if(document.URL.indexOf("index.php") != -1 || document.URL.indexOf("index.php#local") != -1) 
        {
            if (!fileInput == '' || fileInput == '')
            {
                // dont submit the form
                $('#warning').append("Please select an image first <a href='#close' id='close'>close</a>").fadeIn(2000);
                $('#warning').show();
                return false;
            } 
            else
            {
                // submit
                return true;
                // show progress bar
            }
        }

        // Remote file
        if(document.URL.indexOf("index.php#remote") != -1) 
        {
            if (!remoteInput == '' || remoteInput == '')
            {
                // dont submit the form
                $('#warning').append("Please add a valid image URL first").fadeIn(2000);
                $('#warning').show();
                return false;
            } 
            else
            {
                // submit
                return true;
                // show progress bar
            }
        }
    });
    

}); 


as it's submitting my form and not showing error........ it was before, can't think what i did.............

[AndrewGSW]

Your copying and pasting skills are somewhat lacking:

if (!fileInput == '' || fileInput == '')

will always happen because it is checking if fileInput is NOT empty or it IS empty.

if (!fileInput || fileInput == '')

Similarly for remoteInput.