Search...
FAQs Subscribe
Pie
FAQs
Recent topics Flagged topics Hot topics Best topics
Search...
Search within JSP Search Coderanch
Advance search Google search
Register / Login
book review grid polymorphism granny advertise on coderanch thread boost
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
meaningless drivel advertise on coderanch book review grid thread boost building better world book
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Inserting images on JSP page

 
Joseph jo
Greenhorn
Posts: 11
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Hi All

I'm trying to insert few images on the JSP page.

but i would like to link those images from images folder in the application directory...

for e.g. images are in folder C:/JSPproject/images and i would like to insert them in page C:\JSPproject\web\myfirstpage.jsp

So my questions are...
1) Can i create images folder in JSP project? if yes, how?
2) Can i create CSS file in JSP project? if yes, how? or was the alnernative?
3) How can i give the reference to the css file from the JSP page?

Please its very urgent...any ideas welcomed


Thanks

-Joseph
 
Omar Al Kababji
Ranch Hand
Posts: 357
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
simply put them in the root directory of your application, in other words

JSPProject
|______ images
|                   |_____ img.png
|______ css
|______ page1.jsp
|______ folder1
|                  |_____ page2.jsp
|______ WEB-INF


now in page1.jsp if you want to get a reference of img.png you do in the href of the image tag "images/img.png" while if you want to use the img.png in the page2.jsp you have to do "../images/img.png".

or you can start your paths with a "/" to start from the root.

its just a matter of directories, the same thing is done for css, javascript or any other file you want to use

Omar Al Kababji - Electrical & Computer Engineer
[SCJP - 90% - Story] [SCWCD - 94% - Story] [SCBCD - 80% - Story] | My Blog

 
Joseph jo
Greenhorn
Posts: 11
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Hi Omar

Thanks for your reply.

I tried to follow as you said...here is my html code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h1>Hello World!</h1>
<A href="..\images1\chicklet.png" ID="image1">Inserting image on page.</A>
</body>
</html>

images are in C:\JSPProject \images1\chicklet.png and ....
JSP file is in...C:\JSPProject\web\myfirstpage.jsp

I'm using Netbeans 6.5 for developing this JSP page.

Could you please tell me what im doing wrong here?


Thanks

-Joseph
 
Omar Al Kababji
Ranch Hand
Posts: 357
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
I never used Netbeans for web page development, however try to locate a folder in your project that is named WEB-INF and create a sibling folder for it and name it img. (may be the WEB-INF folder is under a folder named web). and put your image inside the folder you created which is "img".


and reference your image in the JSP using this path "img/chicklet.png"


if you don't get it then i would suggest you to better understand how is the structure of a Java web application by visiting this page

Omar Al Kababji - Electrical & Computer Engineer
[SCJP - 90% - Story] [SCWCD - 94% - Story] [SCBCD - 80% - Story] | My Blog

 
Abhishek Asthana
Ranch Hand
Posts: 146
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Joseph

If you have created a web project in NetBeans, you must be having a Web Pages folder under your project directory. This will have more folders like:
META-INF
WEB-INF
and your JSP pages.

You can create an images folder right here. And access the images simply images/imagesname.jpg

Hope this helps.

 
Bear Bibeault
Sheriff
Posts: 67747
173
I like...
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
See the JSP FAQ for information on properly formatting resource URLs. Using .. and \ are problems you need to fix.

[Asking smart questions] [About Bear] [Books by Bear]

 
Joseph jo
Greenhorn
Posts: 11
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Hi Abhishek

i did that....but the problem im facing now is ...i have to give full path....
for e.g C:/JSPProject/images/img1.png

its not taking ../images/img1.png....then its not displaying the image.


Thanks

-Joseph

 
Ulf Dittmer
Rancher
Posts: 43081
77
posted 15 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Using absolute physical paths (containing something like "C:") is an even bigger problem than what Bear mentioned. You need to avoid all of those.

http://faq.javaranch.com/java/ResourceUrlProblems is the page you should have read.
 
jQuery in Action, 3rd edition
reply
reply
    Bookmark Topic Watch Topic
  • New Topic
Boost this thread!
Similar Threads
More...