view·so·cru·el: 100% pure goo: web gooRu

Some tricks of the trade...

The alt text of an image does not show up in some non IE browsers.

Try putting a <span title=""> around your image tag. In the title attribute, put the same text that you have in the alt attribute.

display:none and display:block don't work properly in some non IE browsers.

Some non IE browsers will allow you to hide an element but once it is hidden you can't get it to display again. So instead of setting display:block set the display to nothing.

Let's say that you have this simple javascript function:

function show_hide(divtarget)
{
   var target = document.getElementById(divtarget);
   if(target.style.display == 'none')
   {
      target.style.display = '';
   else
   {
      target.style.display = 'none';
   }
}

If an element is displayed, it will hide it (style="display:none").

If an element is hidden, it will make it visible (style="display:" which will default to being displayed).

Trying to do the show hide javascript using <div> tags but it doesn't seem to work!

The <div> tags need to go around tables. You can't put them around a <td> or a <tr>. You could also try by setting the id of the <td> or <tr>.

Making a phony combobox out of a dropdown menu and a text field using absolute positioning and z-index, but the dropdown menu always ends up on top.

You will need to use an inline frame between the text field and the dropdown menu. Remember that to use the z-index, which determines which frame will be displayed on top, you also need to use absolute positioning.

More coming soon!

home \| goo home \| research \| web gooRu
Some tricks of the trade...
The alt text of an image does not show up in some non IE browsers.	Try putting a <span title=""> around your image tag. In the title attribute, put the same text that you have in the alt attribute. <span title="Me"> <img src="photos/me.jpg" alt="Me"> </span>
display:none and display:block don't work properly in some non IE browsers.	Some non IE browsers will allow you to hide an element but once it is hidden you can't get it to display again. So instead of setting display:block set the display to nothing. Let's say that you have this simple javascript function: function show_hide(divtarget) { var target = document.getElementById(divtarget); if(target.style.display == 'none') { target.style.display = ''; else { target.style.display = 'none'; } } If an element is displayed, it will hide it (style="display:none"). If an element is hidden, it will make it visible (style="display:" which will default to being displayed).
Trying to do the show hide javascript using <div> tags but it doesn't seem to work!	The <div> tags need to go around tables. You can't put them around a <td> or a <tr>. You could also try by setting the id of the <td> or <tr>.
Making a phony combobox out of a dropdown menu and a text field using absolute positioning and z-index, but the dropdown menu always ends up on top.	You will need to use an inline frame between the text field and the dropdown menu. Remember that to use the z-index, which determines which frame will be displayed on top, you also need to use absolute positioning. <input style="position:absolute;left:0px;top:0px;z-index:3;"> <iframe style="position:absolute;left:0px;top:0px;z-index:2;"> <select style="position:absolute;left:0px;top:0px;z-index:1;">
More coming soon!