Java formular ausblenden.

GreenRover

Hi.

Ic hhabe ein multiformular vor:

Das ganze soll oben ein selct haben:

mit folgenden punkten:

clanwars
downloads
Board
Links
News

sobald eine davon ausgewählt wurde sollen multible input felder folgen

Select
clanwars name short type url
downloads name short info
board name short info zugriff
links name short info
news name short img

Es würde mir am libsten sein das alle 7 input felder von anfang an zu sehen sind , aber grau hinterlegt und dann je nach select-option erst freigeschaltet werden.

ist das möglich ??

GreenRover

Ich habe ja schon wasin der Art im inet gefunden.

HTML

<html>
<head>
<title></title>
<script language="javascript">
function setVisibility() {
var val=document.myForm.xlfan.selectedIndex;


if(val==2){
meinLayer.style.display = 'block';
}else{
meinLayer.style.display = 'none';
}
}
</script>
</head>
<body>


<form name="myForm">
<select id="xlfan" onChange="setVisibility()">
<option value="1">bitte wählen</option>
<option value="0">Adresse</option>
<option value="2">Sonderadresse</option>
</select>
</form>


<div id="meinLayer" style="display:none">
<table width="100%" border=1>
<tr>
<td>text</td>
</tr>
</table>
</div>


</body>
</html>

Alles anzeigen

Das funzt leider nu im IE.

GreenRover

so ic hhabe es jetzt selbst hin bekommen.
Ic hahbe es wie folgt gelöst. Jedoch funst es nicht komplett im IE aber im mozilla un co. Ich würde mci hfreuen wen jeamnd den fehler finden würde!!!!!

PHP

<table width="90%" border="0" cellspacing="2" cellpadding="0">
<tr><td class="left">[b]matchcat &gt;&gt;[/b]</td></tr></table>




<table width="90%" border="0" cellspacing="2" cellpadding="0"><tr><td class="main">
<form method="post" action="index.php?show=catmatchaction&amp;action=add" name="theform">


<select name="cat" id="cat" onChange="setVisibility()">
<option value=""         > ----- </option>
<option value="clanwars" >clanwars</option>
<option value="downloads">downloads</option>
<option value="board"    >board</option>
<option value="links"    >links</option>
<option value="news"     >News</option>
</select> 






<div id="name" style="display:none"><table width="90%" align="left"><tr><td width="250">Name</td><td class="left" align="left">
<input type="text" name="name" class="form" size="30" maxlength="80" />
</td></tr></table></div>
<div id="short" style="display:none"><table width="90%" align="left"><tr><td width="250">Short</td><td class="left" align="left">
<input type="text" name="short" class="form" size="10" maxlength="20" />
</td></tr></table></div>
<div id="typ" style="display:none"><table width="90%" align="left"><tr><td width="250">Typ *</td><td class="left" align="left">
<input type="text" name="info" class="form" size="6" maxlength="10" />
</td></tr><tr><td colspan="2">
Bitte kurz fassen z.B. FW f&uuml;r Funwar, steht bei Clanwar-&Uuml;bersicht
</td></tr></td></tr></table></div>
<div id="info" style="display:none"><table width="90%" align="left"><tr><td width="250">Info</td><td class="left" align="left">
<input type="text" name="info" class="form" size="30" maxlength="200" />
</td></tr></table></div>
<div id="url" style="display:none"><table width="90%" align="left"><tr><td width="250">Url</td><td class="left" align="left">http:// 
<input type="text" name="url" class="form" size="40" maxlength="200" value="www." />
</td></tr></table></div>
<div id="zugriff" style="display:none"><table width="90%" align="left"><tr><td width="250">Zugriff</td><td class="left" align="left">
<select class="form" id="access" name="access">
<option value="0">0 - Alle</option>
<option value="2">2 - Community</option>
<option value="3">3 - Member</option>
<option value="4">4 - Admin</option>
<option value="5">5 - Webmaster</option>
</select>
</td></tr></table></div>
<div id="bild" style="display:none">
<table width="90%" align="left"><tr><td class="left" width="250">Bild</td><td class="left" align="left">
<select class="form" name="img">
<option value="">----</option>
<?php $getdir=opendir('news'); 
while ($file = readdir ($getdir)) { 
if ($file != "." AND $file != "..") { 
print "<option value=\"$file\">$file</option>"; } }
closedir($getdir); ?>
</select>
</td></tr></table></div>
</td></tr>
<tr><td>






<table width="90%" align="center"><tr><td>Optionen</td><td class="left"> 
<input type="submit" class="form" value="Absenden" />
<input type="reset" class="form" value="Nochmal" />
</td></tr></table>


</td></tr></table>


</form>


<script language="JavaScript">
function setVisibility() {
var cat     = document.theform.cat.selectedIndex;
var name    = document.getElementById("name");
var kurz    = document.getElementById("short");
var typ     = document.getElementById("typ");
var info    = document.getElementById("info");
var url     = document.getElementById("url");
var zugriff = document.getElementById("zugriff");
var bild    = document.getElementById("bild");


if (cat==1)
{
name.style.display    = "block";
kurz.style.display    = "block";
typ.style.display     = "block";
info.style.display    = "none";
url.style.display     = "block";
zugriff.style.display = "none";
bild.style.display    = "none";
}


if (cat==2)
{
name.style.display    = "block";
kurz.style.display    = "block";
typ.style.display     = "none";
info.style.display    = "block";
url.style.display     = "none";
zugriff.style.display = "none";
bild.style.display    = "none";
}


if (cat==3)
{
name.style.display    = "block";
kurz.style.display    = "block";
typ.style.display     = "none";
info.style.display    = "block";
url.style.display     = "none";
zugriff.style.display = "block";
bild.style.display    = "none";
}


if (cat==4)
{
name.style.display    = "block";
kurz.style.display    = "block";
typ.style.display     = "none";
info.style.display    = "block";
url.style.display     = "none";
zugriff.style.display = "none";
bild.style.display    = "none";
} 


if (cat==5)
{
name.style.display    = "block";
kurz.style.display    = "block";
typ.style.display     = "none";
info.style.display    = "none";
url.style.display     = "none";
zugriff.style.display = "none";
bild.style.display    = "block";
}
}
</script>

Alles anzeigen

Java formular ausblenden.

Tags

Benutzer online in diesem Thema