Need Help Calling Javascript Function

moessap
(@moessap)

14 years, 10 months ago

I found a javascript code I’d really like to use, but can’t find out how to implement it.

I don’t know anything really about javascript, but from what I understand, you create some javascript function which goes in the <head> section of the html code, like this:

<script language=”javascript”>
“function”
</script>

Then you call the function in the body of the html file to use it. I’m not sure how to use it with how the blog is set up though. I found a folder titled “scripts” in my theme folder, so I created the script and uploaded it there, but this doesn’t work. I also tried putting the script in “page.php”, but this doesn’t work either.

Anyone have any ideas?

Thanks… I appreciate any help :)!

Viewing 10 replies - 1 through 10 (of 10 total)

cdybenko
(@cdybenko)

14 years, 10 months ago
Try linking to the javascript file in the head of your page.php document
```
<html>
<head>
<script type="text/javascript" src="<yoursite>/wp-content/themes/theme_name/scripts/yourjavascript.js"></script>

</head>
<body>
</body>
</html>
```
Then try calling the javascript functions from anywhere in your page.php file.

Also try a theme that uses javascript and see how they link to the script source and then use it in the theme.

Good luck!
Thread Starter moessap
(@moessap)

14 years, 10 months ago

Hmmm ok… thanks a lot for the help :)!

cdybenko
(@cdybenko)

14 years, 10 months ago

I hope I didn’t make it sound too confusing.

Sometimes it’s easiest to learn by downloading a theme that uses javascript and seeing how they link to the javacript source file and call it from their php files.

There are lots of introduction to javascript tutorials online if you google for them.

Thread Starter moessap
(@moessap)

14 years, 10 months ago

I’m a little confused actually, lol… but I usually figure things out through trial and error… and google ya.

Thanks again :).

rajanpanicker
(@rajanpanicker)

14 years, 3 months ago

My theme dont have a scripts directory.But it does have a js directory.I believe I should be copying the files into that cricket.
And could you make it a bit more specific as my single.php is where I need to display my javascript code.Here my single.php has elements that start with

<?php get_header(); ?>
<?php
global $options;
………………..

So here what and where shall I add my .js function call.
Also my webhost has a htdocs and inside that lies all the themes and other things.So what should be the path?
<script type=”text/javascript” src=”<www.mysite.com/>confusedpath/yourjavascript.js”></script>
Thanks in advance
Justin Tadlock
(@greenshady)

14 years, 3 months ago
Please never add scripts to your theme’s header file. WordPress has a function for this: wp_enqueue_script(). Assuming your script is in your theme’s /js folder, add this code to your theme’s functions.php:
```
add_action( 'template_redirect', 'load_my_js' );

function load_my_js() {

	/* Only load for single posts. */
	if ( is_single() )
		wp_enqueue_script( 'my-js', get_stylesheet_directory_uri() . '/js/yourjavascript.js', false, 0.1 );
}
```
rajanpanicker
(@rajanpanicker)

14 years, 3 months ago

What if I want to display the script only in my posts and not in pages and home page?Then what I should I do?I tried inserting in single.php but nothing is happening.So if I include the above script in functions.php,it will be displayed on all my pages and posts right.I dont want that,I want it to be displayed only on my posts.Anyway thanks in advance.

Justin Tadlock
(@greenshady)

14 years, 3 months ago

The code I just posted does that.

rajanpanicker
(@rajanpanicker)

14 years, 3 months ago

No its not working.I coped the script in js directory,then copied this code randomly inside functions.php but still its of no use.Or should I name the path instead of /js/yourjavascript.js
if I have a htdocs,that must mean that I should incude that also in the path right?

magickman5
(@magickman5)

14 years, 2 months ago

hi rajanpanicker,

just follow this link

Want to know more ….