klappbare Textbox

Skared

Servus zusammen

Was muss ich bei der Textbox abändern damit diese beim aufrufen der Seite geschlossen bleibt und erst bei einem klick geöffnet wird?

Code

<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
    if (ie4) {
        return document.all[id];
    } else {
        return document.getElementById(id);
    }
}


function toggle(link, divId) {
    var lText = link.innerHTML; var d = getObject(divId);
    if (lText == '+') {
        link.innerHTML = '−'; d.style.display = 'block';
    } else { link.innerHTML = '+'; d.style.display = 'none';
    }
}
</script>


<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;  width:200px ">
<table border="0" cellspacing="0" cellpadding="2" width="200" style="background: #000000; color: #FFFFFF; ">
<tr>
<td>Textbox</td>
<td align="right">    [<a title='show/hide' id='' href='javascript: void(0);' onClick='toggle(this, 'box1');' style='text-decoration: none; color: #FFFFFF; '>-</a>]
</td>
</tr>
</table>
<div id="box1" style="padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>
</div>

Alles anzeigen

Pion

Code

<div style="border: 1px solid #000000; padding: 0px; background: #EEEEEE;  width:200px ">
<table border="0" cellspacing="0" cellpadding="2" width="200" style="background: #000000; color: #FFFFFF; ">
<tr>
<td>Textbox</td>
<td align="right">    [<a title='show/hide' id='1' href='javascript: void(0);' onClick='toggle(this, 'box1');' style='text-decoration: none; color: #FFFFFF; '>-</a>]
</td>
</tr>
</table>
<div id="box1" style="  padding: 3px;">Testinhalt von der Testbox, die man auf- und zumachen kann. Toll!</div>
</div>


<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
    if (ie4) {
        return document.all[id];
    } else {
        return document.getElementById(id);
    }
}


function toggle(link, divId) {
    var lText = link.innerHTML; var d = getObject(divId);
    if (lText == '+') {
        link.innerHTML = '-'; d.style.display = 'block';
    } else { link.innerHTML = '+'; d.style.display = 'none';
    }
}
toggle(document.getElementById("1"), 'box1');
</script>

Alles anzeigen

Skared

dank dir Pion

Tags