Results 1 to 9 of 9

Thread: Works with BUTTON not with IMAGE

  1. #1

    Thread Starter
    Hyperactive Member
    Join Date
    Aug 2000
    Posts
    343
    Hello,

    Please check this code and see if you know why it does not work!! I used to use a submit BUTTON, but I now just want to use an image. I tried putting the image "on top" of the button, but then it does not show in Netscape!!


    <form name="frmprov" id="frmprov" method="POST" action="city.asp"
    onSubmit="frmTest.thehidden.value=frmTest.theselect.value">
    <input type="hidden" name="lstcountry" value="<%=Request.Form("lstcountry")%>"><dl>
    <dd align="center"><div align="center"><center><p><select name="lstprovince"
    id="lstprovince" size="1">
    <%if varcountry <> "USA " then%> <option selected value "ALL">ALL</option>
    <%end if%>


    </select><input src="images/submit.gif" name="Submit" width="74" height="18" type="image"
    onclick="redirectpage()" border="0"> </p>
    </center></div></dd>


    Sorry this did not come out as it should. Maybe someone can also tell me what to do if I want to submit CODE: on this forum!!??

    There is some ASP code between all of this which populates a dropdown - I did not post this however!!

    Hopefully you can make out what I'm trying to do. I used to use a BUTTON as the input type and it worked fine, now I want to use an image (like above) and I then get the error "frmTest is undefined".

    It must have something to do with the "onsubmit" in my form section. The button "submits", but not the image!!

    Thanks
    T

  2. #2
    Fanatic Member Ianpbaker's Avatar
    Join Date
    Mar 2000
    Location
    Hastings
    Posts
    696
    Hi turfbult

    you can use a href instead of trying to put an image in a submit button (which i think is not supported by NS)

    Use the following

    <a href="javascript:document.frmprov.submit();"><img src="images/submit.gif" border="0"></a>

    This will work in both IE and and NS

    Hope it helps

    Ian
    Yeah, well I'm gonna build my own lunar space lander! With blackjack aaaaannd Hookers! Actually, forget the space lander, and the blackjack. Ahhhh forget the whole thing!

  3. #3

    Thread Starter
    Hyperactive Member
    Join Date
    Aug 2000
    Posts
    343
    Thanks Ian,

    Works like a charm!!!

    T

  4. #4

    Thread Starter
    Hyperactive Member
    Join Date
    Aug 2000
    Posts
    343
    Ian,

    Maybe I talked to fast!!??

    When the image/button is clicked it MUST run the redirectpage script. Because, depending on what was chosen in the dropdown one of 2 pages are loaded!!

    In IE, it DOES - not in NS.

    I've been battling with this since I started developing my site!!

    T

  5. #5
    Fanatic Member Ianpbaker's Avatar
    Join Date
    Mar 2000
    Location
    Hastings
    Posts
    696
    sorry turfbult, I miss read your post, I c where it's going wrong change to the following in the onsubmit

    frmTest.thehidden.value=frmTest.theselect.options[frmTest.theselect.selectedIndex].value

    This way of getting the value works in both

    Ian



    Yeah, well I'm gonna build my own lunar space lander! With blackjack aaaaannd Hookers! Actually, forget the space lander, and the blackjack. Ahhhh forget the whole thing!

  6. #6

    Thread Starter
    Hyperactive Member
    Join Date
    Aug 2000
    Posts
    343
    Ian,

    This is how I did it - notice the onclick="redirectpage()">
    This is what NS is "missing" (and it's only been happening since I changed from input type=button to input type=image)

    <a href="javascript:document.frmprov.submit();"><img src="images/submit.gif"
    border="0" onclick="redirectpage()">

    The redirectpage function manages what page must be loaded - either city.asp or details.asp!!

    IE = 100%. Netscape just loads city.asp everytime - even though it should load details.asp. So what I'm thinking is that NS ignores the script (redirectpage) for some reason.


    This is what redirectpage looks like... (I think you still helped me with this a while ago - or Clunietp!!??)

    <script language="javascript">

    function redirectpage()
    {
    if(document.frmprov.lstprovince.options[document.frmprov.lstprovince.selectedIndex].value == 0)
    {
    document.frmprov.action = "details.asp";
    document.frmprov.submit();
    }
    else
    {
    document.frmprov.submit();
    }
    }

    </script>


    T.

  7. #7
    Fanatic Member Ianpbaker's Avatar
    Join Date
    Mar 2000
    Location
    Hastings
    Posts
    696
    in that case mate just replace the href to

    <a href="javascript:redirectpage();">

    and that will call the re-direct page instead

    Ian
    Yeah, well I'm gonna build my own lunar space lander! With blackjack aaaaannd Hookers! Actually, forget the space lander, and the blackjack. Ahhhh forget the whole thing!

  8. #8

    Thread Starter
    Hyperactive Member
    Join Date
    Aug 2000
    Posts
    343
    Ha-ha..... don't I feel like the idiot!! Thanks Ian.

    When I see javascript I go totally blank..........

    Thanks again, and sorry for the trouble.

    T

  9. #9
    Fanatic Member Ianpbaker's Avatar
    Join Date
    Mar 2000
    Location
    Hastings
    Posts
    696
    Don't worry about it mate, we learn by our mistakes

    If you saw me a year ago, some of the stupid mistakes I was making ... well lets not go down that road .

    Ian
    Yeah, well I'm gonna build my own lunar space lander! With blackjack aaaaannd Hookers! Actually, forget the space lander, and the blackjack. Ahhhh forget the whole thing!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width