Avatar billede acidduck Nybegynder
01. juli 2002 - 00:10 Der er 12 kommentarer og
1 løsning

Dynamisk pil ved valgt menupunkt

Halløj.

Et script der placerer et stykke grafik (fx en pil) ud for det menupunkt man har trykket på?

Menuen skal være ren tekst og punktene stå under hinanden.

Altså, vi snakker IKKE om en rollover. Blot en angivning af det valgte punkt.
01. juli 2002 - 00:13 #1
www.enter-s.dk den effekt?
Der har jeg brugt PHP
og det er faktisk simpelt nok.

<a href="test.php">Test
<?PHP if($PHP_SELF=="index.php") { echo "pil"; }?>
</a>

/Casper www.enter-s.dk
Avatar billede acidduck Nybegynder
01. juli 2002 - 00:17 #2
Jeg skulle måske lige have udspecificeret, at siden IKKE må reloade når der klikkes. Det er også derfor jeg har stillet spørgsmålet i kategorien: Javascript.
01. juli 2002 - 00:19 #3
acidduck så har du hele siden samlet i en HTML fil, og siderne bliver vist med henholdvis at vise og skjule div tags e.lign? Eller bruger du frames?
Avatar billede =maddog= Nybegynder
01. juli 2002 - 00:23 #4
<script>
cur = pt1;
function shownhide(id) {
document.images[cur].style.visibility = 'hidden';
document.images[id].style.visibility = 'visible';
cur=id;
}
<script>
....
<tr><td><img src="enpil.gif" name="pt1" border="0" width="30" height="30" style="visibility:visible;"></td><td>Punkt1</td></tr>
<tr><td><img src="enpil.gif" name="pt2" border="0" width="30" height="30" style="visibility:hidden;"></td><td>Punkt2</td></tr>
<tr><td><img src="enpil.gif" name="pt3" border="0" width="30" height="30" style="visibility:hidden;"></td><td>Punkt3</td></tr>

Som et eksempel.
Avatar billede =maddog= Nybegynder
01. juli 2002 - 00:24 #5
fejl på første linje
cur = pt1;  ---> cur = "pt1";
beklager
Avatar billede acidduck Nybegynder
01. juli 2002 - 00:57 #6
Cool - smart løsning. Hvordan med browser kompatibiliteten?
...og vil du ikke have nogle points?
Avatar billede =maddog= Nybegynder
01. juli 2002 - 02:10 #7
Rimelig. Virker ikke i NS4, men ellers er det ok.
Avatar billede o-zone Nybegynder
01. juli 2002 - 11:02 #8
Bare for at fuldstændiggøre =maddog='s fulde (og seje!) løsning, så også javascript-spassere kan følge med når svaret hentes fra arkivet engang, så kan det f.eks. se således ud:
---8<----------
<html>
<body>
<script language="javascript">
<!--
cur = 0;

function shownhide(id) {
document.images[cur].style.visibility = 'hidden';
document.images[id].style.visibility = 'visible';
cur=id;
}
//-->
</script>
<table>
<tr><td><img src="enpil.gif" border="0" width="30" height="30" style="visibility:visible;"></td><td><a href="java script:shownhide(0);">Punkt1</a></td></tr>
<tr><td><img src="enpil.gif" border="0" width="30" height="30" style="visibility:hidden;"></td><td><a href="java script:shownhide(1);">Punkt2</a></td></tr>
<tr><td><img src="enpil.gif" border="0" width="30" height="30" style="visibility:hidden;"></td><td><a href="java script:shownhide(2);">Punkt3</a></td></tr>
</table>
</body>
</html>
---8<----------
(...ret mig, hvis jeg har grimificeret dit script =maddog=!)

:-)
Avatar billede =maddog= Nybegynder
01. juli 2002 - 11:07 #9
du har ikke grimificeret det du har uforståeliget det :D
der mangler name="0" o.s.v. på de forsk. <img>. ellers er det rigtigt. i hast har jeg glemt at sætte handlers ind, hvilket betyder at den snippet jeg har sat ind ikke dutter til noget.
Avatar billede =maddog= Nybegynder
01. juli 2002 - 11:09 #10
ahhr. nu er jeg med. jeg ville foretrække name eller id. der kan være andre billeder på siden, og det er et helvede at finde ud af hvilket index de har. der var jeg sløv.
Avatar billede djeclemen Nybegynder
02. juli 2002 - 00:44 #11
hvor skal linket skrives til hvilken side den skal åbne?
Avatar billede =maddog= Nybegynder
02. juli 2002 - 00:49 #12
<tr><td><img src="enpil.gif" border="0" width="30" height="30" style="visibility:visible;"></td><td><a href="dinside.html" onclick="shownhide('pt1');">Punkt1</a></td></tr>
for eksempel
Avatar billede djeclemen Nybegynder
02. juli 2002 - 00:54 #13
thx
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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