Image location when loaded by javascript in a rails project

Question

I have a javascript plugin in my rails project that loads an image this way:

    $('.datepicker').after('<img class="datepickericon" src="images/icons/calendar.png" alt="calendar" />');

Unfortunately in a rails project this image location will point to a path relative to the view where the javascript is loaded. So the pointed location is something like

"admin/images/icons/calendar.png"

I know i could change the value of src to something like

"../public/images/[etc]/calendar.png"

This would work, but it is dependent on the amount of namespaces etc. I don't like to change the code of a plugin every time a use it for different situations.

So what i am looking for is a lasting solution to this image/file location problem when loading something in a (rails) project through javascript. Ofc, no absolute paths or ruby code in my javascript files.

Austin Taylor · Accepted Answer · 2011-04-26 14:29:37Z

1

You have a relative url. You want:

src="/images/icons/calendar.png"

answered Apr 26, 2011 at 14:29

Austin Taylor

5,4771 gold badge25 silver badges30 bronze badges

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

1 Comment

Harm de Wit Over a year ago

Thanks, I didn't knew that a forward slash in the beginning of a url replaces the base url, i.e. '/' replaces 'localhost:####'.

Collectives™ on Stack Overflow

Image location when loaded by javascript in a rails project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related