RE: image tag causing request to controller

[David Napolitan]

Hi,

I was just looking into this same problem yesterday.  This is what I
found:

As you know, you will see this problem when you have an img tag with a
blank or hashed value as the src attribute:

<img src="#"/>  or <img src=""/>

Since the src attribute doesn't start with a protocol, the browser will
interpret this as a relative url.  It appends this value (" " or "#") to
your current url when it goes to fetch this image.  As a result, it
makes a request with a url matching that of your current page.  .. and
you get these additional requests being made.

I hope that helps.

-Dave



-----Original Message-----
From: Tim McGuire [mailto:[EMAIL PROTECTED] 
Sent: Thursday, March 08, 2007 10:45 AM
To: user@ofbiz.apache.org
Subject: RE: image tag causing request to controller

This behavior only happens when I give a blank src attribute  <img
name="largeImage" src="">
if I fill it in with garbage or delete it altogether, it works as
expected.


I've attached relevant portion of console.log

the FTL file is pared down to a testing.ftl:

<TABLE border=0 width='100%' cellspacing='0' cellpadding='0'
class='boxoutside'>
  <TR>
    <TD width='100%'>
      <table width='100%' border='0' cellspacing='0' cellpadding='0'
class='boxtop'>
        <tr>
          <td width="100%"><div class="boxhead">TESTTESTTESTTESTTEST
</div></td>
          
        </tr>
      </table>
      <table width='100%' border='0' cellspacing='0' cellpadding='2'
class='boxbottom'>
            <tr>
              <td width="100%" align=center><div
class="tabletext">TESTTESTTEST</div></td>
            </tr>  

     </table>
</table>

<div id="enlargedImage" style="display:none">
                <!--table width="55%" border=0 cellpadding=0
cellspacing=0 class="boxbottom" -->
                <table width="50%" border=0 cellpadding=0 cellspacing=0
class="boxbottom">
                        <tr>
                         <td> <IMG name="largeImage" SRC="" ></td>
                          <!-- <td ><IMG height="1754" width="1278"
name="largeImage" src=""></td> -->
                        </tr>
                        <tr><td>&nbsp</td></tr>
                        <tr>
                          <td> <input type="file" name="fileName"
class="insideHeaderLink" alt="Import a file"> Add a file to this
collection</td>
                        </tr>
                        <tr><td>&nbsp</td></tr>
                        <tr>
                        <td><!-- <input type="submit"
value="Upload/Finish"  alt="Save the new document information"> --></td>
                  </tr>
                </table>
                        
</div>