Avatar billede bugger Nybegynder
05. december 2002 - 09:38 Der er 4 kommentarer og
1 løsning

Javascipt som kan vise mere tekst

Hejsa
Jeg søger en måde at lave en funktion som man bla. kan se på DR tv´s programoversigt.:

http://www.dr.dk/nav/programoversigt/

Hvis man klikker på overskrifterne til de enkelte programmer kommer der en beskrivelse nedenunder og pilen ændrer sig fra at pege til højre til nu at pege nedad. Det skal bruges i forbindelse med noget databaseudtræk med ASP,
men selve "flap ned" funktionen er da clientbaseret.
Hvis der er nogen af jer der ved hvordan man laver slige ting med javascript er I meget velkommen til at give et vink....

thx
Henrik
Avatar billede hsg Nybegynder
05. december 2002 - 12:25 #1
Skal det være javascript? nå ja det siger emnet jo. Men ellers kan du lave det vha <DIV> </DIV> som DR faktisk også gør på deres side.
Avatar billede Slettet bruger
05. december 2002 - 14:10 #2
hsg>> Det er jo også JavaScript, der bruges på DR. Funktionen findes endda her på Eksperten - se bare ude til venstre fx under "Dine data" og "Funktioner".

bugger>> Det er meget enkelt:

<script>
pil_hen = new Image();
pil_hen.src = "pil_hen.gif"; //Pilen, der peger mod højre
pil_ned = new Image();
pil_ned.src = "pil_ned.gif"; //Pilen, der peger nedad

function fold(id, bill) {
obj = (document.getElementById) ? document.getElementById(id) : document.all[id];
obj.style.display = (obj.style.display == "none") ? "block" : "none";
document.images[img].src = (obj.style.display == "none") ? pil_hen.src : pil_ned.src;
}
</script>

<img src="pil_hen.gif" name="bill1"> <a href="#" onClick="fold('lag1', 'bill1'); return false;">Lag 1</a><br>
<div id="lag1" style="display: none;">
Bla bla bla
</div>
<img src="pil_hen.gif" name="bill2"> <a href="#" onClick="fold('lag2', 'bill2'); return false;">Lag 2</a><br>
<div id="lag2" style="display: none;">
Blå blå blå
</div>

osv.
Avatar billede bugger Nybegynder
05. december 2002 - 16:17 #3
Hej Phoenixv
Det ser godt ud, men jeg kan ikke få det til at virke med pilene nedad -se evt her:
http://www.eurochem.dk/flap/flapud2.html
Der opstår også en fejl på siden??
Du får points hvis du kan fikse disse skønhedspletter :-)

L8r
Bugger
Avatar billede Slettet bruger
05. december 2002 - 16:55 #4
Hvis du vil give mig point senere, hvorfor afviser du så mit svar? Så er det jo ligesom lidt svært! Lad være med det; det gavner ingenting.

Men jeg var kommet til at skrive forkert i denne linje:

document.images[img].src = (obj.style.display == "none") ? pil_hen.src : pil_ned.src;

... den skal være:

document.images[bill].src = (obj.style.display == "none") ? pil_hen.src : pil_ned.src;
Avatar billede bugger Nybegynder
05. december 2002 - 19:49 #5
Super! Nu virker det.
Undskyld afvisningen af svar, jeg kan se nu at det var en fejl.
L8r
Bugber
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