I have this simple problem with html that I can't seem to figure out.
I have a page with items, if you click on an item a popup shows.
This popup contains a html page with an image. The image is not shown. This is my problem.
Now I know why, but I don't know how to solve this.
The html page comes from another webapp. It is loaded with jquery into a div and shown as popup.
The problem is that the path to the image is relative.
I know there is a BASE tag that you can use in the header, but I dont want that since that would make it impossible to run the app in developent, test and production environment differently since I have to
put the complete url in there... I would like to put the base to "myotherapp" in the popup html page.
Do you have control over the remote HTML page? If so, change the image URL to be server-relative (starting with the context path) rather than page-relative. Page relative URLs should always be avoided in web apps -- they're the kiss of death.
thanks for the answer and sorry for my late reply., the problem with that is that the pages need to be offline editable by dummy users...and they need to see images in the html files. Ideally i give them a zip they can just open with therein the images and html. They might change the html,or the images.