how do you fade in a message if the value is true on GET

Question

passing a value to a php page via get, depending if the value is true then how do i fire my jquery function..

currently trying..

<script type="text/javascript" language="javascript">
 function showError(){ 
  $('#errormsg').fade(1000);
  $('#errormsg').html('<div class="error"><p>failed</p></div>');
 }
</script>

php on the page:

<?php if(isset($_GET['error'])) { ?>
   <script type="text/javascript" language="javascript">
     showError();
   </script>
<?php } ?>

Answer 1

Do you know why they put javascript in browsers? Check the error value in javascript before you send to the server. Do not check the value on the server then send back a page that calls a javascript function which displays an error message, this is an unnecessary trip to the server.

Answer 2

You probably need to wait until the dom is ready before you call showError(), e.g.

<?php if(isset($_GET['error'])) { ?>
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            showError();
        });
    </script>
<?php } ?>

I would probably take this approach though:

<script type="text/javascript">
    $(document).ready(function() {
        var showError = <?php echo (isset($_GET['error']) ? 'true' : 'false'); ?>;
        if (showError) {
            showError();
        }
    });
</script>

Answer 3

this works,

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('#errormsg').hide();
        var showError = <?php echo (isset($_GET['accesscheck']) ? 'true' : 'false'); ?>;
        if (showError) {
            $('#errormsg').fadeIn(2000);
         $('#errormsg').html('Login Failed or Session Expired.');
         $('#errormsg').fadeOut(10000);
        }
    });
    </script>

just have to remember to put <div id="errormsg"></div> on the page.. thanks for the response..