laravel routing css and js scripts

Question

I have a laravel project and just wanted to use a simple timer jquery script in it. I created a new folder in views, placed there my code. I also placed there another folder called flip_timer with jquery files. My problem is that i cannot make the script paths work "not found http exception". Folder structure looks like this: folder in views > contains file(code below) and folder including all the needed files. Whenever i try to run the link with code the page is empty, and when i click to see the source code and click on the css or js link it shows me the error i mentioned above...

<link rel="stylesheet" type="text/css" href="flip_timer/jquery.flipcountdown.css" />
<script type="text/javascript" src="flip_timer/jquery.min.js"></script>
<script type="text/javascript" src="flip_timer/jquery.flipcountdown.js"></script>


<div id="retroclockbox1">
  <script>
    jQuery(function($){
    $('#retroclockbox1').flipcountdown();
})
  </script>
</div>

See top answer here stackoverflow.com/questions/15232600/… — DoYouEvenCodeBro
– DoYouEvenCodeBro, Commented Jul 20, 2015 at 20:50
Just in case something happens to the link above, you need to store your assets (css / js) inside Laravel's public directory. — Steve Bauman
– Steve Bauman, Commented Jul 20, 2015 at 23:04

CIZO · Accepted Answer · 2015-07-21 05:14:43Z

1

put your jquery.flipcountdown.css file in inside css folder named: css/flip_timer/jquery.flipcountdown.css AND your both js file inside js folder named:js/flip_timer/jquery.min.js and js/flip_timer/jquery.flipcountdown.js and then put below code in your html file.

<link rel="stylesheet" href="{{ URL::asset('css/flip_timer/jquery.flipcountdown.css') }}" />

AND for js file

<script type="text/javascript" src="{{ URL::asset('js/flip_timer/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/flip_timer/jquery.flipcountdown.js') }}"></script>

edited Jul 21, 2015 at 5:14

answered Jul 21, 2015 at 4:55

CIZO

4,1671 gold badge25 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

laravel routing css and js scripts

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related