Notifikationer

Markér alle som læst Log ud

kohaar Nybegynder

19. maj 2003 - 17:36 Der er 15 kommentarer og
1 løsning

Drop down box

Har spurgt før, men bliver vist nød til at gå lidt mere i detaljer.

Jeg har en side hvor jeg skal have nogle drop down bokse.

et eksempel kan ses her: http://www.harme.dk/test.jpg

Boksene skal foldes ud idet man trykker på pilen på billedet, og foldes tilbage når man trykker igen (pilen skal skifte til henholdsvis op og ned - er ikke første prioritet).

Boksene skal kunne placeres inde i en tabel (som vist på billedet, er det en tabel, hvor første række har colspan og næste er delt op i t colonner.

Håber dette giver lidt mening.

Synes godt om

medions Nybegynder

19. maj 2003 - 17:40 #1

Her har du scriptet du søger:

http://www.nvidia.com/content/drivers/drivers.asp

//>Rune

Synes godt om

roenving Novice

19. maj 2003 - 17:42 #2

Måske kan du bruge det her som inspiration:

<html>
<head>
<title>*Webmonstar*</title>
<style>body {cursor: default;}</style>
<script>
function foldUd(){
document.getElementById('hidden').style.visibility='visible';
document.getElementById('Close').style.top=133;
}
function foldSammen(){
document.getElementById('hidden').style.visibility='hidden';
document.getElementById('Close').style.top=40;
}

function changebg(element,mode)
{if (mode=="over")
{mussetype = 'default'
farve = '#FFFFFF'}
else if (mode=="udenfor")
{mussetype = 'default'
farve = '#EEEEEE'}
else if (mode=="klik")
{mussetype = 'default'
farve = '#c0c0c0'}
element.style.backgroundColor=farve;element.style.cursor=mussetype;}
</script>
</head>
<body bgcolor="#eeeeee" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<div id='Open' onclick="foldUd()">
<table height="25" width="170" border="1" style="border-collapse: collapse; border-bottom: 0px;" bordercolor="#000000">
<tr>
<td onmouseover="changebg(this,'over');" onmouseout="changebg(this,'udenfor')" onclick="changebg(this,'klik');foldUd()" bgcolor="#E0E0E0" style="border-bottom: 0px;" height="22" width="172">
<center><font face="Verdana" size="2"><b>Open</b></font></center></td>
</table></div>
<div id='hidden' style="visibility: hidden">
<table height="93" width="170" border="1" style="border-collapse: collapse; border-bottom: 0px;" bordercolor="#000000">
<tr>
<td bgcolor="#EEEEEE" height="90" width="172" style="border-bottom: 0px;" valign="top"> </td>
</table></div>
<div id='Close' style="position:absolute;left:10;top:40" onclick="foldSammen()">
<table height="25" width="170" border="1" style="border-collapse: collapse" bordercolor="#000000">
<tr>
<td onmouseover="changebg(this,'over');" onmouseout="changebg(this,'udenfor')" onclick="changebg(this,'klik');foldSammen()" bgcolor="#E0E0E0" height="22" width="172">
<center>
<p><font face="Verdana" size="2"><b>Close</b></font></p>
</center></td>
</table></div>
</body>
</html>

Synes godt om

kohaar Nybegynder

19. maj 2003 - 17:52 #3

Fik vist ikke lige sagt, at jeg ikke ved en disse om javascript :-)

Kan i give et konkret eksempel. Kan godt rette til, og ændre billeder osv - så dum er jeg alligevel heller ikke :-) Kan bare ikke finde rundt i f.eks. nvidia's kode eller indsætte billeder osv.

Skal faktisk bare være som "dine data" boksen til venstre her på siden.

Synes godt om

medions Nybegynder

19. maj 2003 - 17:58 #4

Evt. sådan her du mener:

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script language="JavaScript">
function updateselect(){
var f1 = document.minform.f1.value;
var f2 = document.minform.f2.value;
var f3 = document.minform.f3.value;
var f4 = document.minform.f4.value;
document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f1, f1 );
document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f2, f2 );
document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f3, f3 );
document.minform.selectlist.options[ document.minform.selectlist.options.length] = new Option( f4, f4 );

}
</script>

<form name = "minform">
<input type = "text" name = "f1" size = 10><br>
<input type = "text" name = "f2" size = 10><br>
<input type = "text" name = "f3" size = 10><br>
<input type = "text" name = "f4" size = 10><br><br>
<input type = "button" value = "Opdater Select (LOV)" onclick = "java script:updateselect();"><br><br>
<select name="selectlist" style="float: right; width: 150; position: absolute" size="1">
<option value="1">valg 1</option>
</select>
</form>

</body>
</html>

//>Rune

Synes godt om

medions Nybegynder

19. maj 2003 - 17:59 #5

Ahh, sorry, havde ikke lige læst dit indlæg inde jeg gik igang med overstående kode... Men ok, du vil ha' det lige som boxene ude i siden her på eksperten.. 2 min. så så bixer jeg lige noget bix sammen...

//>Rune

Synes godt om

medions Nybegynder

19. maj 2003 - 18:01 #6

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script type="text/javascript">
function visMnu1() {
document.getElementById("mnu1").style.display = 'inline';
}
</script>

<a href="java script: visMnu1();">Vis tekst</a><p>
<div id="mnu1" style="display: none;">
Dette er en tekst!
</div>

</body>
</html>

//>Rune

Synes godt om

kohaar Nybegynder

19. maj 2003 - 18:05 #7

Desværre nej...

Som man kan se på billedet ( www.harme.dk/test.jpg ), kan man trykke på de hvide felter, og så kommer der en boks under med noget tekst. Ligesom hvis man trykker på en af pilene i den venstre menu her på eksperten. Der sker det, at man kan folde tekste under pilen ind og ud.
Jeg skal bare have så teksten er foldet ind fra starten.

Det er her på siden hvor der f.eks. står: "dine data" "nyeste indlæg" osv... Akurart mangen til, bare menuen skal være foldet ind fra starten.

Synes godt om

kohaar Nybegynder

19. maj 2003 - 18:08 #8

Ja.. Nu begynder det at lige noget :) Takker...

Nu vil jeg så gerne være lidt mere vanskelig. Vil gerne have at når man trykker igen, folder teksten sig tilbage, og hvis det er muligt et billede der skifter for hver gang man trykker (pil op og ned)

Krydser fingre :-)

Synes godt om

medions Nybegynder

19. maj 2003 - 18:08 #9

Øhh, det er da det denne kode gør?

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script type="text/javascript">
function visMnu1() {
document.getElementById("mnu1").style.display = 'inline';
}
</script>

<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#336699" width="100"><a href="java script: visMnu1();">Vis tekst</a></td>
</tr>
<tr>
<td><div id="mnu1" style="display: none;">Dette er en tekst!</div></td>
</tr>
</table>

</body>
</html>

//>Rune

Synes godt om

medions Nybegynder

19. maj 2003 - 18:11 #10

<html>
<head>
<title>Untitled</title>
</head>
<body>

<script type="text/javascript">
function visMnu1() {
if (document.getElementById("mnu1").style.display == 'none') {
document.getElementById("mnu1").style.display = 'inline';
} else {
document.getElementById("mnu1").style.display = 'none';
}
}
</script>

<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#336699" width="100"><a href="java script: visMnu1();">Vis tekst</a></td>
</tr>
<tr>
<td><div id="mnu1" style="display: none;">Dette er en tekst!</div></td>
</tr>
</table>

</body>
</html>

så skulle overstående gerne virke!

//>Rune

Synes godt om

kohaar Nybegynder

19. maj 2003 - 18:12 #11

Den folder ikke ind igen i ie6? Den folder fint nok ud... Og den virker også hvis jeg bruger et billede i stedet for et link (hvilket er rigtig godt)...

Synes godt om

kohaar Nybegynder

19. maj 2003 - 18:15 #12

Så er vi kørende... Du har allerede fortjent dine points, men hvis du nu ville lave så et billedet skifter, får du også de 60 point fra http://exp.dk/spm/354460 om samme, hvis du lige går ind og skriver et svar.

Synes godt om

kohaar Nybegynder

19. maj 2003 - 18:54 #13

Dette gælder self. også til andre hvis de har en løsning?

Synes godt om

medions Nybegynder

19. maj 2003 - 18:54 #14

Virker den løsning jeg lige har givet dig da ikke? (altså den i det andet spm)

//>Rune

Synes godt om

kohaar Nybegynder

19. maj 2003 - 19:27 #15

Jo.. Helt kanont

Havde ikke lige set det :-) Troede du svarede på denne side :-)

Synes godt om

medions Nybegynder

19. maj 2003 - 21:45 #16

Fair nok ;o)
Thx 4 Poinz

//>Rune

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Å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	2	14/02/202511:47	27/06/202514:34

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