Seneste forumindlæg
Køb / Salg
 * Uofficiel Black/White liste V3
Login / opret bruger

Forum \ Programmering og webdesign \ Programmering
Denne tråd er over 6 måneder gammel

Er du sikker på, at du har noget relevant at tilføje?

Show/hide Javascript

Af Bruger U-mAn | 22-08-2006 19:44 | 949 visninger | 9 svar, hop til seneste
Hey hol.dk Jeg har fundet og et JavaScript, som jeg vil bruge til en side. Sagen er den at brugermenuen, som der kommer, vil blive for lang og uoverskuelig, derfor vil jeg prøve at gøre den mere overskuelig ved hjælp af dette script. Koden i <head>-tag'et ser således ud: <script language="javascript"> var ie4 = false; if(document.all) { ie4 = true; } function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } } function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId); if (lText == '+') { link.innerHTML = '-'; d.style.display = 'block'; } else { link.innerHTML = '+'; d.style.display = 'none'; } } </script> ... og koden til det tekst der skal gemmes og vises , ser således ud: <tr> <td width="20" valign="top">[<a title="show/hide" id="profil_link" href="javascript: void(0);" onclick="toggle(this, 'profil');">-</a>]</td> <td><b>Profil</b><br> <div id="profil" style="padding-left: 3px;"><b class="blue">»</b> <a href="#">Min profil</a><br> <b class="blue">»</b> <a href="#">Kontrolpanel</a><br> <b class="blue">»</b> <a href="#">Søg efter profil</a></div> <script language="javascript">toggle(getObject('profil_link'), 'profil');</script> </td> </tr> ... Sagen er nu den, at i stedet for at man skal trykke på [ + ], skal man trykke på et billede, med et plus.. og et billede med et minus til at skujle det med.. Hvordan får jeg ordnet det? På forhånd tak
--
#1
U-mAn
Bruger
22-08-2006 22:26

Rapporter til Admin
Slet ingen der kan hjælpe mig?
--
U-mAn Studios http://www.u-man.dk[...]
#2
Nubi
Maxi Nørd
23-08-2006 20:02

Rapporter til Admin
Nu ved jeg ikke hvor meget du kender til javascript, men du skal egentlig bare dele din toggle funktion op i en hide og en show funktion, og så kæde hide på dit billede med et minus og show på dit billede med et plus. Jeg har desværre ikke tid lige nu, men hvis jeg husker det kan jeg poste koden til det imorgen eller fredag - hvis du altså ikke selv laver det inden :-)
--
http://steffenskov.homepage.dk[...]
#3
U-mAn
Bruger
23-08-2006 23:32

Rapporter til Admin
Det ville jeg blive meget glad for Nubi.. Jeg har ikke den allervildeste kendskab til JavaScript endnu, men kan godt se hvad du mener.. :] Så ville sige mange tak for din hjælp, hvis du altså vil gøre det for mig :]
--
U-mAn Studios http://www.u-man.dk[...]
#4
Nubi
Maxi Nørd
24-08-2006 19:05

Rapporter til Admin
<script language="javascript"> function Toggle(event, divID) { event = event || window.event; var oElement = event.srcElement ? event.srcElement : event.target; var oDiv = document.getElementById(divID); if (oElement.src == "plus.jpg") { oElement.src = "minus.jpg"; oDiv.style.display = "block"; } else { oElement.src = "plus.jpg"; oDiv.style.display ="none"; } } </script> <tr> <td width="20" valign="top"> <INPUT type="image" src="plus.jpg" id="butShowHide" onclick="Toggle(event, 'profil');"> </td> <td><b>Profil</b><br> <div id="profil" style="display: none; padding-left: 3px;"><b class="blue">»</b> <a href="#">Min profil</a><br> <b class="blue">»</b> <a href="#">Kontrolpanel</a><br> <b class="blue">»</b> <a href="#">Søg efter profil</a></div> </td> </tr> dine billeder skal ligge i samme mappe og hedder plus og minus.jpg Ellers kan du blot rette det til de steder hvor plus.jpg og minus.jpg står (f.eks. Images/plus.jpg eller pl.jpg eller hvad du nu har lyst til de hedder) Som det er lavet der er det skjult som default.
--
http://steffenskov.homepage.dk[...]
#5
Nubi
Maxi Nørd
24-08-2006 19:09

Rapporter til Admin
Hov i øvrigt, hvis dine billeder er breddere end 20px, skal du lige rette denne linie: <td width="20" valign="top"> til <td valign="top">
--
http://steffenskov.homepage.dk[...]
#6
U-mAn
Bruger
25-08-2006 01:50

Rapporter til Admin
Eller til det antal px. som width er.. I know :) Mange tak for hjælpen :)
--
Creative-Studios http://www.creative-studios.dk[...] - søger designere atm.
#7
Nubi
Maxi Nørd
25-08-2006 16:07

Rapporter til Admin
#6 > Var så lidt, det er jo det hol er til for :-)
--
http://steffenskov.homepage.dk[...]
#8
U-mAn
Bruger
30-08-2006 22:20

Rapporter til Admin
Nubi.. vil lige høre dig om noget.. Virker det script hos dig? For jeg kan nemlig ikke få det til at virke hos mig.. Ved ikke lige hvad problemet er
--
Creative-Studios http://www.creative-studios.dk[...] - søger designere atm.
#9
Nubi
Maxi Nørd
31-08-2006 19:31

Rapporter til Admin
Jeg har ikke afprøvet det nej, idet jeg ikke har resten af din side jo :-) Hvis du prøver den i iexplore, får du nede i venstre hjørne et gult ikon, hvis der er fejl i scriptet. Bruger du firefox kan du skrive: javascript: i adresse feltet, og trykke enter - så åbner den et vindue der viser javascript fejl. Prøv en af de to ting, og skriv her hvad den kommer og brokker sig over - så hitter vi en løsning på det :-)
--
http://steffenskov.homepage.dk[...]

Opret svar til indlægget: Show/hide Javascript

Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.

Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.

Opret bruger | Login
NYHEDSBREV
Afstemning