Notifikationer

Markér alle som læst Log ud

kohaar Nybegynder

19. maj 2003 - 15:13 Der er 8 kommentarer og
1 løsning

Skift billed og tilføj tekst under.

Hej...

Jeg mangler javascript kode magen til menuen (med nyeste indlæg osv.) til venstre på siden.
Jeg har kigget koden igennem, men kan ikke lige finde rundt i den.

Den skal kunne følgende:

Når man trykker på et billede skal der tilføjes tekst under billedet (altså modsat menuen), og derefter skal billedet skifte. Trykker man igen skal teksten forsvinde og billedet skal skifte til det, det var før...

Et hurtigt svar vil være lækkert :)

Synes godt om

kohaar Nybegynder

19. maj 2003 - 15:14 #1

Glemte lige at tilføje, at koden helst også skal virke i andet end internet explorer.

Synes godt om

Slettet bruger

19. maj 2003 - 15:19 #2

Søg efter "foldemenu" her på Eksperten.

Synes godt om

kohaar Nybegynder

19. maj 2003 - 15:44 #3

Fandt denne kode, som passer rigtig godt til mig, men mangler dog at indsætte billeder der skifter.
Ved næsten igen ting om javascript, så hvis der er nogen der vil rette til i scriptet så det virker, vil det være lækker.
Det skiftende billede skal være under f.eks. linket item 0. (er en pil der peger henholdsvis ned og op).

<html>
<head>
<title>CollapseMenu Object Demo 1</title>
<script language="JavaScript" src="../../js/dynlayer.js"></script>
<script language="JavaScript" src="../../js/dynlayer-glide.js"></script>
<script language="JavaScript" src="../../js/dynlayer-common.js"></script>
<script language="JavaScript" src="../../js/collapsemenu.js"></script>
<script language="JavaScript">

</script>
</head>

<body bgcolor="#ffffff">

<script language="JavaScript">
document.write(collapse.divStart)
</script>

<div id="CollapseMenu0Block0">
<div id="CollapseMenu0Block0Item"><a href="java script:collapse.toggle(0)">item 0</a></div>
<div id="CollapseMenu0Block0Content">
item 0 content goes here
<br>item 0 content goes here
<br>item 0 content goes here
<br>item 0 content goes here
<br>item 0 content goes here
</div>

<div id="CollapseMenu0Block1">
<div id="CollapseMenu0Block1Item"><a href="java script:collapse.toggle(1)">item 1</a></div>
<div id="CollapseMenu0Block1Content">
item 1 content goes here
<br>item 1 content goes here
<br>item 1 content goes here
<br>item 1 content goes here
<br>item 1 content goes here
</div>

<div id="CollapseMenu0Block2">
<div id="CollapseMenu0Block2Item"><a href="java script:collapse.toggle(2)">item 2</a></div>
<div id="CollapseMenu0Block2Content">
item 2 content goes here
<br>item 2 content goes here
<br>item 2 content goes here
<br>item 2 content goes here
<br>item 2 content goes here
</div>

<script language="JavaScript">
document.write(collapse.divEnd)
</script>

</body>
</html>

Synes godt om

Slettet bruger

19. maj 2003 - 15:49 #4

Hvad med denne (?):
http://www.dhtmlcentral.com/script/script.asp?id=25

Synes godt om

kohaar Nybegynder

19. maj 2003 - 16:22 #5

Synes ikke rigtig jeg kan finde rundt i det. Det ser godt ud, og indeholder næsten det jeg skal bruge, men...

Det jeg skal er at have vist en masse data på min side. For at det ikke skal overfylde siden vil jeg lave, så man har mulighed for at folde teksten ud. Dataerne skal vises i 2 tabelkolonner ved siden af hinanden (scriptet skal altså være uafhængig af placeringen på siden).

---------------------- ---------------------
|Tryke her + billede | |Tryk her + billede |
---------------------- ---------------------
| data med mulighed | | Samme her |
| for at wrappe til | | |
| næste linje | ---------------------
| |
| |
----------------------

Dataerne skal først vises idet man trykker på "tryk her", og idet man trykker skal billedet skifte. Man skal så kunne trykke igen, og folde dataerne op, og billedet skal skifte igen.

Som sagt har jeg ikke meget forstand på javascript, og dette er vist lidt mere omfattende end jeg lige trode, så jeg opretter et spørgsmål med 60 ekstra point til den der hjælper mig igennem den.

Synes godt om

kohaar Nybegynder

19. maj 2003 - 16:22 #6

hmm... blev ikke så pænt som jeg havde regnet med :)

Synes godt om

medions Nybegynder

19. maj 2003 - 18:36 #7

Her skal du bruge 2 billeder, det ene skal hedde foldetud.gif og det andet skal hedde foldetind.gif :

<html>
<head>
<title>Untitled</title>
<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';
document.getElementById("img1").innerHTML = '<img src=foldetind.gif';
}
}

function visImg() {
document.getElementById("img1").innerHTML = '<img src=foldetud.gif';
}
</script>
</head>
<body onload="visImg();">

<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#336699" width="100"><a href="java script: visMnu1();">Vis tekst<div id="img1"></div></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:45 #8

Den her er bedere at bruge:

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">

img = new Image;

function changeImg(imgName, target) {
img.src = imgName;
document[target].src = img.src;
}

function visMnu1() {
if (document.getElementById("mnu1").style.display == 'none') {
document.getElementById("mnu1").style.display = 'inline';
changeImg('Foldud.gif', 'pic1')
} else {
document.getElementById("mnu1").style.display = 'none';
changeImg('Foldind.gif', 'pic1')
}
}
</script>
</head>
<body>

<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffffff" width="100"><a href="java script: visMnu1();">Vis tekst<img src="Foldind.gif" border="0" alt="" name="pic1"></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 - 21:45 #9

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