hOW COULD ONE ADD A IMAGETO A LIST CONTROL

knihar · October 27th, 2004, 05:08 AM

Hello friends

Let me know if one can add an Image to a List control record along with some text.

regards
Nihar :)

madhukp · October 27th, 2004, 06:29 AM

Hi Nihar,

I don't think there are any direct methods.

But the following indirect method will work. Please not that this is only a sample code and you need to develop it to suit your particular situation.

------------------------------------------------------------------------------

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>list box with images</title>
    <script language="JavaScript" type="text/javascript">
    <!--
        function func_hide_show_image_list()
        {
            var obj_image_list=document.getElementById("imagelist");
            if(obj_image_list.style.display=="block")
            {
                obj_image_list.style.display="none";
            }
            else
            {
                obj_image_list.style.display="block";
            }
        }
    //-->
    </script>
</head>

<body>
<div style="display:block" onClick="func_hide_show_image_list();">select image from below</div>
<div id="imagelist" style="display:none"><img src="images/test.gif" alt="" longdesc="" /></div>
</body>
</html>

--------------------------------------------------------------------------
You have to put an image by name test.gif in a sub-folder "images" under the folder where the above html file resides. Then on clicking the text "select image from below", you can see the image list opensout. Clicking it once again will fold it back.

Best wishes

Madhu