Javascript werkt niet naar behore in ie - help

Status
Niet open voor verdere reacties.
E

Ewergreen

Gebruiker
Lid geworden
15 mrt 2008
Berichten
273
Het volgende javascriptje en html werken perfect bij mij in IE8, FF en Chrome. Nu krijg ik echter te horen dat in IE 7 en ouder telkens je iets geselecteert hebt en het daarna déselecteert, de input verdwijnt. Serieus probleem natuurlijk, maar geen idee waarom hij dit doet en wat ik er aan kan doen. Iemand enig idee of een oplossing?

Code: 
// JavaScript Document

function showElem(elem)
{
   document.getElementById(elem).style.display = 'table';
}
function hideElem(elem)
{
   document.getElementById(elem).style.display = 'none';
}

HTML: 
<table cellpadding="5" cellspacing="5">
<tr>
  <td id="main"><a href="javascript:show_hide('communicatie');">Communicatie</a></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr >
  <td colspan="3">
<!--This is the table we'll be showing/hiding-->
        <table id="communicatie" style="display:none;">
                  <tr>
                    <td id="maintable">Portofoon</td>
                    <td><input class="widthed" maxlength="5"  name="portofoon" type='text' onfocus='showElem("portofoon");' onblur='hideElem("portofoon");'/></td>
                    <td id='portofoon' class="popup" style="display:none;">portofoon</td>
                  </tr>
                  <tr>
                    <td id="maintable">Externe microfoon</td>
                    <td><input class="widthed" maxlength="5"  name="microfoon" type='text' onfocus='showElem("microfoon");' onblur='hideElem("microfoon");'/></td>
                    <td id='microfoon' class="popup" style="display:none;">Externe microfoon</td>
      </tr>				</table>
    </td></tr></table>
 
Laatst bewerkt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="nl" />
<title>__TEST__</title>
<style type="text/css">
<!--
a
{
color: #009;
cursor: pointer;
text-decoration: underline;
}
-->
</style>
<script type="text/javascript">
//<![CDATA[
function toggleElement( targetId )
{
var targetElement = document.getElementById( targetId );
if( targetElement == null )
{
alert( 'Er bestaat geen element met id: "' + targetId + '"' );
return;
}
targetElement.style.display = ( targetElement.style.display == 'none' ) ? 'block' : 'none';
return;
}

function toggleVisibility( targetId )
{
var targetElement = document.getElementById( targetId );
if( targetElement == null )
{
alert( 'Er bestaat geen element met id: "' + targetId + '"' );
return;
}
targetElement.style.visibility = ( targetElement.style.visibility == 'hidden' ) ? 'visible' : 'hidden';
return;
}
//]]>
</script>
</head>

<body>
<table cellpadding="5" cellspacing="5">
<tr>
<td id="main"><a onclick="toggleElement( 'communicatie' );">Communicatie</a></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3">
<!--This is the table we'll be showing/hiding-->
<table id="communicatie" style="display:none;">
<tr>
<td class="maintable">Portofoon</td>
<td><input class="widthed" maxlength="5" name="portofoon" type="text" onfocus="toggleVisibility( 'portofoon-tip' );" onblur="toggleVisibility( 'portofoon-tip' );" /></td>
<td id="portofoon-tip" class="popup" style="visibility: hidden;">portofoon</td>
</tr>
<tr>
<td class="maintable">Externe microfoon</td>
<td><input class="widthed" maxlength="5" name="microfoon" type="text" onfocus="toggleVisibility( 'microfoon-tip' );" onblur="toggleVisibility( 'microfoon-tip' );" /></td>
<td id="microfoon-tip" class="popup" style="visibility: hidden;">Externe microfoon</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan