Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Assign image based on category variable value

    Hi,

    I have an aspx page http://www.fast-drinks.com/Categories.aspx - There are various categories eg Spirits, Wines, beer - but within each category there are sub categories eg for Spirits you have Gin, Vodka, Whiskey etc.

    The Category is being displayed in the html via the variable <%=SuperCats%> (I'm presuming this is an ASP (or ASP.Net) variable - I'm new to this!). What I want to do is depending on this value to display a different image. If you go to the above page you will see a grey bar with no content about 2 inches down the page. I want to put one image in this bar if <%=SuperCats%> is Spirits and another if its Wine and another if its Champagene, and anther if its Gifts, and anotherif .........................

    I am presuming a JavaScript if statement will do the job - I just don't know how to implement it as the page is being rendered, as I am relatively new to the whole web development side of things - I normally do console apps.

    THis is the code black I have at the moment

    <tr height="22" style="background-image:url(images/front_end_site_images/sort_bar.gif)">
    <td colspan="2">

    <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
    if (<%=SuperCats%>=="Gift Ideas")
    {
    document.write('<img src="images/front_end_site_images/giftideas.gif">');
    }
    else if (<%=SuperCats%>=="Champagnes")
    {
    document.write('<img src="images/front_end_site_images/champagne.gif">');
    }
    else
    {
    document.write("hi...test..nothing done");
    }
    </SCRIPT>

    <td>
    </tr>

    Your help is appreciated in any way shape or form.

    Thanks and Best Regards

  • #2
    Regular Coder Nischumacher's Avatar
    Join Date
    Oct 2005
    Location
    Bombay, India
    Posts
    196
    Thanks
    0
    Thanked 2 Times in 2 Posts
    i don't know how the varible 'SuperCats' is assigned values... but if you could give the name of the image to the variable... you could do it in one line...
    Code:
    <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
    document.write('<img src="images/front_end_site_images/<%=SuperCats%>.gif">');
    </SCRIPT>
    - NS 666
    .net DEVILoper


  •  

    Posting Permissions

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