Avatar billede tejs Nybegynder
18. april 2002 - 22:59 Der er 6 kommentarer og
1 løsning

Fold-ud FAQ..

Hej,

Jeg vil meget gerne lave en smart FAQ-side og har kigget mig omkring på nettet..

Det jeg er nået frem til er, at alle spørgsmålene skal står listet ned af siden - når man så finder et man gerne vil læse, så klikker man på det og svaret folder sig ud under spørgsmålet. Derved bliver de spørgsmål, som står nedenunder skubbet længere ned på siden..
Klikker man på spørgsmålet, folder svaret sig sammen igen - meget smart..

Man kan sige at jeg er meget kraftigt inspireret af tv2s tv-guide - ja, det skal faktisk virke på samme måde..

Det er klart at det skal laves med lag og javascripts, men hvordan fan... gør jeg lige..?

MVH
Tejs
Avatar billede jakoba Nybegynder
18. april 2002 - 23:52 #1
Hvis du laver det i javascript skal samtlige svar i din faq stå på den side du loader. Plus diverse koder for at lave og styre alle de lag.

Så det eneste du får ud af at 'være smart' er at siden bliver lidt langsommere at loade, og lidt mindre crossbrowser kompatibel.

KISS JakobA
Avatar billede tejs Nybegynder
19. april 2002 - 00:05 #2
Det er selvfølgelig rigtigt nok, men det drjer sig ikke om meget mere end 10-15 punkter, det største problem for mig er nok browserkompatibiliteten.
Avatar billede eeyore Nybegynder
19. april 2002 - 03:24 #3
Hmm... jeg tror ikke lag er løsningen... hvis vi med lag forstår absolut placeret DIV'er (som i Netscape-verdenen jo svarer til <layer>'s).

Men simpelthen bare DIV'er eller SPAN'er, som du skriver til dynamisk, f.eks.:
<body>

<script>
var svar = new Array();
var vist = new Array();
svar[0] = 'Mokka skal helst være bitter';
svar[1] = 'Kage skal helst være tør';

function faq(id) {
        var indhold;
        if(!vist[id]) {
                indhold = svar[id];
                vist[id] = true;
        }
        else {
                indhold = '';
                vist[id] = false;
        }

        document.all['svar'+id].innerHTML = indhold;
}

</script>

        <h1>Min FAQ</h1>
        <p>
        <a href="java script:void(faq(0))">Hvordan skal mokka være?</a><br>
        <span id="svar0"></span>
        <p>
        <a href="java script:void(faq(1))">Hvordan skal kage være?</a><br>
        <span id="svar1"></span>

</body>

... og indrømmet crossbrowser er et problem... denneher kode virker vistnok kun i IE... :-(
Avatar billede tejs Nybegynder
19. april 2002 - 08:58 #4
Ja, det så jo ellers meget lovende ud, men crossbrowser er altså et must! Det er nemlig til en webshop, så vi skal helst ikke miste nogle kunder på den konto..
Avatar billede muddi Praktikant
19. april 2002 - 15:07 #5
Du kan jo lave det på samme måde som TV2...
Hent javascriptet på: http://tv.tv2.dk/tv/programoversigt.js
Og kig i koden til deres html-dokument og se hvordan det hænger sammen. Du kan jo prøve at isolere den del du skal bruge - nemlig programoversigten!
Avatar billede muddi Praktikant
19. april 2002 - 15:08 #6
Tror at tv2's script er rimelig crossbrowser kompatibelt!
Avatar billede tejs Nybegynder
19. april 2002 - 17:51 #7
Tv2's er ret dynamisk - den ændre sig efter hvilken browser man bruger, så umiddelbart er det ikke til at kopiere.. desuden virker det ikke i alle browsere.. Jeg tror jeg lytter til Jakoba og laver det på den gode gamle vis..
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