ansaurus

Question

Understanding a sentence about starting up jQuery

Answer 1

+3 A:

I find that statement suspect. I've never encountered any problem including the <script> tag for jQuery in the <head> of the document, like any other <script> tag. The browser cannot be aware of anything that PHP has done. I suspect it is simply a misstatement.

To address your specific code, what you've written in #1 is entirely correct. Passing a function to $(document).ready() lets you supply code to be run when the document is "ready" (meaning: when the page itself has loaded, without necessarily having loaded external resources like images, stylesheets, et cetera, for which you wouldn't want to have to wait).

Regarding #2, that function is not using jQuery at all; it's using only built-in JavaScript functions. Having said that, it should work correctly by finding a form element with id="tags" and showing an alert box if that element has an empty value. How were you calling this function? In the world of jQuery, you'd do something like this:

$("#id-of-your-form").submit(notEmpty);

You could also rewrite the notEmpty() function to exploit jQuery like so:

function notEmpty() {{
    var tags = $("#tags").val();
    if (tags == '' || tags == null) {
        alert('Please enter one or more tags');
        return false;
    }
    return true;
}

Again, the rest of that function currently connects to jQuery at all. It's fine just the way it is there.

Finally, #3 is unrelated to jQuery, since that's processing happening within PHP, of which JavaScript remains entirely unaware.

VoteyDisciple 2009-08-21 21:17:14

i concur. not ever seen this problem and find the 'sentence' questionable

Scott Evernden 2009-08-21 21:18:55

Answer 2

+2 A:

Put the jQuery source in the html_head_body.php file and add your function in your "content" php file.

<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</head>
<body>
   <script type="text/javascript">
     $(document).ready(function(){

       function notEmpty() {                        
         //put this in a function and call it when the user tries to submit
         var tags = document.getElementById('tags').value;
         if(tags == '' || tags == null) {         
            alert('Please enter one or more tags');
            return false;
         }
         return true;
       }

     });
   </script>         
</body>
</html>

Fabian 2009-08-21 21:19:46

I have now two `$(document).ready(function(){`: one in HEAD and one in BODY. -- **Can this be a problem?**

Masi 2009-08-21 21:31:25

Nope, thats absolutely fine.

Fabian 2009-08-21 21:37:04

ansaurus

tags:

views:

answers:

Understanding a sentence about starting up jQuery

#1 code

#2 Not working code

#3 Code by which sources HTML, HEAD and body tags

related questions