how to use jquery / javascript code online version in pw?

[lord_dupalski]

how do I get jquery/javascript code online and use it on pw?

I'm trying to port my static html in pw by the way.

I successfully used the css code since there are css files included in my template folders which I placed it there.

and used the <?php echo $config->urls->templates?> to make it work. see code above.

however there is a jquery code which is being called online. I know <?php echo $config->urls->templates?> wont work.

So how do I call it in pw? to make the jquery codes work?

it doesnt work if I left it like that by the way.

or should I just download the js files place it on my scripts folder then use <?php echo $config->urls->templates?> way again?

[Joss]

Assuming you have your Javascript in your templates folder, do exactly as you would for css.

So, if your scripts are in a folder called js, then

<script src="<?php echo $config->urls->templates?>js/jmyscript.min.js"></script>

EDIT:

The trick here is to think of your /site/templates/ folder as the root of your site, with the exception that you need to be explicit about the paths when including script and css files.

So, you might have

/site/templates/

--js

--css

--images

mytemplatefile.php

[lord_dupalski]

thats what im planning to do, but lets say I want to call it that way , i want to call it on the jqeury website instead of a physical .js file? is there any way I can do that?

[Nico Knoll]

I don't see a problem with that code...

[lord_dupalski]

the problem is with the "http://code.jquery.com/jquery-1.8.3.min.js" it doesnt work

[Nico Knoll]

Have you checked in your console? Is the file not loading? How do you see that it is not included?

[adrian]

How do you know it's not loaded? 

Try adding this below the call to jQuery

<script>
if (window.jQuery) {  
    alert('jQuery is loaded');  
} 
else {
    alert('jQuery is not loaded');
}
</script>

[lord_dupalski]

what do you mean checked my console? tried  downloading it and did this

still not working

yup did that and it says jquery is loaded

[Nico Knoll]

So there is no problem. Jquery is loaded nevertheless you use the url or download it.

[Joss]

What you have hilighted works as long as you have jquery in your js folder.

If you are trying to use it from a CDN, then just call the CDN as you have done.

However, do remember you MUST load JQuery first before any other jquery plugin. So;

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="<?php echo $config->urls->templates?>js/jquery.myplugin.min.js"></script>

[lord_dupalski]

Nico Knoll

the problem is i mean my website should look like this

its actually a template from responsee

but mine looks like this

all css is working

except for some of the .js files

is it just a js problem?

[Joss]

As Nico said - check your console.

So in Chrome, inspect element and then click on the console tab to see what js errors are there.

[lord_dupalski]

Joss

the code works as it is since it is a working template from responsee. when I just use the original html file from the template.

im trying to port it on pw, right now im just changing the path of the files (css, js ) etc.. to make it look like the original template

the problem is i dont think the .js files are being loaded by pw? thats why the slider and the feature slider at the bottom part wont show up

also the logo?

[Joss]

what does the console say?

Oh, and PW doesn't load the files, your browser does based on the information on the page

[lord_dupalski]

omg i think i got it now?

i think i have to make image field first and upload the images in pw first then call them with api's

gonna try it now

ill get back to you guys if theres still problem

sorry for this im such a noob with pw

[Joss]

That wont effect the JS, but yes, if you want to see images in a gallery, it helps to have images.

http://processwire.com/docs/tutorials/galleries-short-and-long/

[lord_dupalski]

thanks for the help guys kinda figure it out had to make images field then upload then call it using

<img src=<?php echo $page->my_imagefield->url; ?>  />

sorry for the trouble , im such a noob hehe