CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

jmy Nybegynder

28. maj 2010 - 12:52 Der er 8 kommentarer og
1 løsning

show af hide ved hjælp af dropdown menu og tekstfelter.

Jeg har en lille formular med 3 dropdownbokse og 3 tekstfelter. Jeg har brug for at når den ene dropdown menu er default skal 2 af tekstfelterne ikke visese men når der bliver valgt et emne i dropdown menuen så skal de vises.

Synes godt om

Slettet bruger

28. maj 2010 - 12:56 #1

Skal lige forstå hvad du mener..

Er der 3 dropdownbokse (<select>), eller 1 med 3 x <option> ?

og

"er default" = har fokus - eller en bestemt <option> er valgt ?

Synes godt om

jmy Nybegynder

28. maj 2010 - 13:48 #2

Der er 3 dropdownbokse (<select>).

Det er 2 af dropdownboksene og 1 tekstfelt der skal bruges.

Når dropdownboks 1 står med alle "default" skal dropdownboks 2 og tekstfeltet være skjult.

Håber det kan hjælpe.

Synes godt om

Slettet bruger

28. maj 2010 - 15:15 #3

Hmm.. Bange for at jeg stadig ikke helt forstår hvad du mener.
- Men måske du kan klippe det du skal bruge ud af denne "HTML-avis":

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<script type="text/javascript">
var sideNu = "forside"
function skiftSide()
{
document.getElementById( sideNu ).style.display = "none"
sideNu = document.sideNavigator.sideValg.options[ document.sideNavigator.sideValg.selectedIndex ].value
document.getElementById( sideNu ).style.display = "block"
}
</script>
</head><body><form name="sideNavigator">
<p>Vis: <select name="sideValg" onchange="skiftSide()">
<option value="forside" >Forsiden</option>
<option value="side9" >Side 9</option>
<option value="bagside" >Bagsiden</option>
</select>
</p></form>

<div id="forside" style="display:block;">
Velkommen
<br>Lirum larum, bim bam busse.
<br>- Og her skal der stå noget som rimer
</div>

<div id="side9" style="display:none;">
Oh lala
<br>Jeg er glad for hjemlig hygge, og lange traveture ved skov og strand, selvfølgelig.
<br>Udtaler dagens bimbo, og falder i søvn.
</div>

<div id="bagside" style="display:none;">
Mad scientist
<br>Jorden er firkantet - se selv her: <a href="http://www.timecube.com">TimeCube</a>
<br>- Er du uenig, er der noget alvorligt galt med DIG.
</div>

</body></html>

Synes godt om

jmy Nybegynder

01. juni 2010 - 11:52 #4

prøver lige at ligge min kode her ind. Så er det måske nemmere.
Hvis du kigger i linje 148, if (ValgtEmne == "Emne") {. Det er de felter der står som visible og hidde, jeg ønsker skal vises på siden inden valg af emne.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="da">

<head>
<type="text/javascript"></script>
<script type="text/JavaScript">

</script>

<meta name="Microsoft Border" content="none">
<title></title>
</head>

<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">

<font SIZE="1">
<table border="0" width="350" id="table1">
<tr>
<td><div id="container4">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<div class="boxcontent">
<FORM name=searchForm2 method="POST" action="ResultatListe.asp" target="_blank">
<table width="300" border="0" cellpadding="5" cellspacing="0" style="font-size:100%;" id="table2"><font size="2" align="left"><b>   </b></font><tr>
<td style="width:129px;"><b>  Emne:</b></td>
<td style="width:151px;">
<SELECT
style="FONT-SIZE: 100%" accessKey=e tabIndex=7
size=1 name=Emne id="Emne" onChange="java script:mit(this.value);"> <OPTION value=Emne
selected>Emne</OPTION> <OPTION
value="Bamse">Bamse</OPTION> <OPTION
value="Dukke">Dukke</OPTION> <OPTION
value="Kat">Kat</OPTION> <OPTION
value="Hund">Hund</OPTION> <OPTION
value="Hest">Hest</OPTION> <OPTION
value="Spil">Spil</OPTION> <OPTION
value="Færger">Færger</OPTION><OPTION
value="Tog">Tog</OPTION> <OPTION
value="Bus">Bus</OPTION> </SELECT>
</td>
</tr>


<tr>
<td style="width:129px;"><b>  art nr</b></td>
<td style="width:151px;">
<FONT size=1>
<INPUT
style="WIDTH: 130px" tabIndex=8 size=130
name=Art_nr id="Art_nr"></FONT></td>
</tr>



<tr>
<td style="width:129px;">  <b>Farve:</b></td>
<td style="width:151px;">
<font SIZE="1">
<SELECT
style="FONT-SIZE: 100%; WIDTH: 125px"
tabIndex=11 name=Farve id="Farve"> <OPTION
value=>Alle</OPTION> <OPTION
value="Roed">Rød</OPTION> <OPTION
value="Sort">Sort</OPTION> <OPTION
value="Groen">Grøn</OPTION>
<OPTION value="Blaa">Blå</OPTION><OPTION
value="Gul">Gul</OPTION> <OPTION
value="oevrige">Øvrige</OPTION></SELECT></font></td>
</tr>
<tr>
<td style="width:129px;"><b>  Søgeord:</b></td>
<td style="width:151px;">
<FONT size=1>
<INPUT
style="WIDTH: 130px" tabIndex=9 name=Soegeord id="Soegeord"></FONT>
</td>
</tr>

<tr>
<td style="width:129px;"><b>  Antal:</b></td>
<td style="width:151px;"><FONT size=1>
<INPUT
style="WIDTH: 130px" tabIndex=10 name=Antal id="Antal"></FONT>
</td>
</tr>

<tr>
<td style="width:129px;"><b>  kundetype:</b></td>
<td style="width:151px;">
<FONT size=1>
<SELECT
style="FONT-SIZE: 100%; WIDTH: 125px"
tabIndex=11 name=Kundetype id="Kundetype"> <OPTION
value=>Alle</OPTION> <OPTION
value=1>1</OPTION> <OPTION
value=2>2</OPTION> <OPTION
value=3>3</OPTION> <OPTION
value=4>4</OPTION> <OPTION
value=5>5</OPTION></SELECT></FONT>
</td>
</tr>



<tr>
<td></td>
<td>
<B><FONT size=1><input type="submit" value="Søg" name="B1"></FONT></B><FONT size=1><B><input type="reset" value="Nulstil" name="B2"></B></FONT>

</td>
</tr>


</table>
</form> </div>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>
</div>
</font>
</td>
</tr>
</table>
</font>
<p><br>
<br>
 </p>

</body>

</html>

Synes godt om

jmy Nybegynder

01. juni 2010 - 15:24 #5

Har fundet en løsning, jeg kan bruge onload="mit(this.value);" . Har bare et problem, jeg har en onload i forvejen, har du et forslag til, hvad jeg så kan gøre? Du får stadig de 200 ved hjælp.

Synes godt om

Slettet bruger

01. juni 2010 - 21:56 #6

Brug denne funktion til at tilføje en ny onload-funktion:

function addLoadEvent( func )
{
var oldonload = window.onload
if (typeof window.onload != 'function') // Er der én i forvejen
window.onload = func // - nej. Kør kun den nye
else
{ // - Ja:
window.onload = function() // Ny super-funktion
{
if (oldonload)
oldonload() // Kør først den "gamle"
func() // Og så den nye
}
}
}

F.eks:
addLoadEvent( dinOnloadFunktion )

eller

addLoadEvent(
function()
{
/* din kode her */
}
);

Synes godt om

jmy Nybegynder

04. juni 2010 - 09:36 #7

Forstår ikke helt, jeg tror ikke jeg sætter det rigtig ind i funktionen, hvis jeg har en funktion der f.eks. hedder din og en der hedder min, hvordan vil du så sætte det ind?

Synes godt om

jmy Nybegynder

11. juni 2010 - 11:42 #8

hejsa T4NK3R smider du et svar så du kan få nogle points undskyld ventetiden.

Synes godt om

Slettet bruger

11. juni 2010 - 17:53 #9

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	1	14/02/202511:47	14/02/202512:07
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS