Javascript on wordpress posts

Question

I've been trying to use javascript on my wordpress post for over 2 hours now. I researched everything there is to research, and it still isn't working.

I've made sure to paste my code in the "text" tab of wordpress.

Can I get some help?

Here's my code:

<script language="Javascript">
<!-- 
              // Array of day names
              var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
                  "Thursday","Friday","Saturday");

              // Array of month Names
              var monthNames = new Array(
              "January","February","March","April","May","June","July",
              "August","September","October","November","December");

              var now = new Date();
              document.write(dayNames[now.getDay()] + ", " + 
              monthNames[now.getMonth()] + " " + 
              now.getDate() + ", " + now.getFullYear());

              // -->
</script>

Because this is a premade script, so I find it more convenient to just use it. I am not capable of recoding this in PHP. — Michael Delvege
– Michael Delvege, Commented Oct 3, 2013 at 3:40
@deepak, I just tried and still, nothing shows up on my post when I view it. — Michael Delvege
– Michael Delvege, Commented Oct 3, 2013 at 3:54
@MichaelDelvege Where are you going to display the date? Is it the date of the post itself? — Jon Koops
– Jon Koops, Commented Oct 3, 2013 at 3:55

Konsole · Accepted Answer · 2013-10-03 04:02:40Z

1

Get rid of all the white spaces and line breaks in your script. The WordPress is appending p tags to your code because of white spaces and line breaks and your code looks like this on execution:

<script language="Javascript">
<!-- 
              // Array of day names
              var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
                  "Thursday","Friday","Saturday");</p>
<p>              // Array of month Names
              var monthNames = new Array(
              "January","February","March","April","May","June","July",
              "August","September","October","November","December");</p>
<p>              var now = new Date();
              document.write(dayNames[now.getDay()] + ", " + 
              monthNames[now.getMonth()] + " " + 
              now.getDate() + ", " + now.getFullYear());</p>
<p>              // -->
</script>

Try this:

<script type="text/javascript">
<!--
  // Array of day names
  var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
  // Array of month Names
  var monthNames = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
  var now = new Date();
  document.write(dayNames[now.getDay()] + ", " + 
  monthNames[now.getMonth()] + " " + 
  now.getDate() + ", " + now.getFullYear());
// -->
</script>

answered Oct 3, 2013 at 4:02

Konsole

3,4753 gold badges31 silver badges41 bronze badges

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

1 Comment

Jon Koops Over a year ago

Note that since HTML5 the type attrubute is no longer required and defaults to text/javascript.

Jon Koops · Accepted Answer · 2013-10-03 04:31:20Z

1

There are plenty of Wordpress plugins that provide that in a shortcode. For example: http://wordpress.org/plugins/extra-shortcodes, this also a lot less cumbersome than including a script every time you post.

answered Oct 3, 2013 at 4:31

Jon Koops

9,4206 gold badges33 silver badges54 bronze badges

Comments

gwillie · Accepted Answer · 2013-10-03 04:08:25Z

0

what wp verion are you running. in wp 3.6.1, if you add js code in post editor, wp will add <p> tags around things in script. if you remove the comments , wp adds cdata around the script:

<script type="text/javascript">
//<![CDATA[
...code...
//]]>
</script>

but in frontend output it changes the last part of cdata //]]> to // ]]>

i cant offer a solution as this would require an external js file. that being said, move js code to external file and all will be rosy

answered Oct 3, 2013 at 4:08

gwillie

1,8991 gold badge12 silver badges14 bronze badges

1 Comment

Michael Delvege Over a year ago

This did not work for me, but thanks for helping out man. I have it resolved.

Collectives™ on Stack Overflow

Javascript on wordpress posts

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related