How can I insert javascript in php?

Question

I'm trying to insert javascript into a div. All of this is within a php document.

I am trying to get a div to fade into view when it's child div is loaded. Parent div had id of 'subemail' (this is hidden) Child div with id 'error' is shown then it should fade in the above div.

Following is the script I'm trying to load but get error unexpected T_STRING, expecting ',' or ';'.

<script type="text/javascript">
  $(function(){$('div#subemail').fadeIn('slow');});
</script>

The PHP document:

    if (empty($_POST['sub_name'])) {
        $errors[] = 'Please type in your name';
    } else {
        $sub_name = strip_tags($_POST['sub_name']);
    }

    if (filter_input(INPUT_POST, 'sub_email', FILTER_VALIDATE_EMAIL)) {
        $sub_email = $_POST['sub_email'];
    } else {
        $errors[] = 'Please type in a valid email'; 
    }

    if ($errors) {
        echo '<div class="errors">';
                    echo '<script type="text/javascript">';
                    echo '$(function(){$('div#subemail').fadeIn('slow');});';
                    echo '</script>';


        foreach ($errors as $error) {
            echo '<p class="error">- ' . $error . '</p>';
        }
        echo '</div>';

    }

user229044 · Accepted Answer · 2011-02-17 05:22:23Z

10

You need to escape your quotes with backslashes:

echo '$(function(){$(\'div#subemail\').fadeIn(\'slow\');});';

The problem is you're opening a string with the first ', and closing it at 'div#.... rather than closing it at the end of the line. Most languages use a backslash to denote a quote which is part of the string, rather than terminating the string.

You could also switch contexts, which I think cleans things up drastically; just be sure to separate your view/controller logic by moving the below to a template file of some kind:

<? if ($errors) { ?>
  <div class="errors">
    <script type="text/javascript">
      $(function() { $('div#subemail').fadeIn('slow'); });
    </script>
    <? foreach ($errors as $error) { ?>
      <p class="error"><?= $error ?></p>
    <? } ?>
  </div>
<? } ?>

edited Feb 17, 2011 at 5:22

answered Feb 17, 2011 at 5:17

user229044♦

241k41 gold badges347 silver badges350 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rickypai · Accepted Answer · 2011-02-17 05:19:12Z

1

alternatively, you can write

echo "$(function(){$('div#subemail').fadeIn('slow');});";

answered Feb 17, 2011 at 5:19

rickypai

4,0166 gold badges29 silver badges30 bronze badges

Comments

yoda · Accepted Answer · 2011-02-17 05:20:31Z

1

echo "$(function(){$('div#subemail').fadeIn('slow');});";

answered Feb 17, 2011 at 5:20

yoda

11k19 gold badges68 silver badges94 bronze badges

Collectives™ on Stack Overflow

How can I insert javascript in php?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related