Avatar billede j-roar-h Nybegynder
06. marts 2010 - 19:30 Der er 4 kommentarer og
1 løsning

Feedback form

Hej..

Nogen der ved hvordan man laver en form som gør det samme som på denne side: http://www.fonts.com/ altså den feedback knap ude til højre.

Den behøves ikke gøre på helt samme måde.. Det skal egentlig bare være en knap der er alignet i midten i højre side. Den skal være i midten på alle browsere, og i alle opløsninger.

Nå man så klikker på den, skal den åbne et lille vindue.

Håber nogen kan hjælpe.
Avatar billede Slettet bruger
06. marts 2010 - 21:19 #1
Du bruger fixed-kommandoen i css på din knap:
position: fixed;
top: ...;
right: ...;


Dette binder knappen fast til et bestemt sted på skærmen, som er uafhængigt af sidens indhold. Og knappen vil følge skærmen og forblive på samme sted, når der rulles på siden.

Dernæst sætter du noget javascript på din knap, fx:
onclick="window.open('link/til/formular.html','Titel')"


En noget mere grafisk gennemført løsning er fx følgende:
http://jqueryui.com/demos/dialog/

Det kan du arbejde videre med.

  // Steeven
Avatar billede j-roar-h Nybegynder
06. marts 2010 - 21:48 #2
Jeg kan ikke helt få det til at virke.

Min css er sådan:

#vigtigt {
    height: 100px;
    width: 40px;
    position: fixed;
    top: 300px;
    float: right;
}

Jeg kan ikke få den til at være i højre side. Jeg kan jo ikke sætte en størrelse på right, da det jo er forskelligt for hver person hvor stor ens opløsning er.

Det med javascriptet virker heller ikke... Den åbner bare i et andet vindue, men i et fuldt vindue. Meningen er den skal åbne i et vindue der er 520 x 270 px.

Jeg ville rigtig gerne lave så det var som det link du linker til. Jeg kan bare ikke finde ud af det. Jeg kan ikke finde koden som får den til at gøre som den gør. Kan du hjælpe med det også?
Avatar billede Slettet bruger
06. marts 2010 - 22:12 #3
Prøv denne css:
#vigtigt {
    height: 100px;
    width: 40px;
    position: fixed;
    top: 50%;
    right: 0;
}


Så placeres knappen helt ovre i højre side af skærmen, og knappens øverste kan placeres 50% nede på siden i højden.
Det bliver svært at sætte knappen præcis i midten af den lodrette akse, men prøv fx at sætte top til 45% eller en smule mindre.

Hvis du vil åbne vinduet med faste dimensioner, så gøres det således:
onclick="window.open('link/til/formular.html','Titel','width=520px,height=270px')"

På denne måde kan du fortsætte med at tilføje alle mulige indstillinger for det nye vindue. Prøv dig lidt frem:
onclick="window.open('link/til/formular.html','Titel','width=520px,height=270px,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,
resizable=yes')"

Se mere her: http://www.pageresource.com/jscript/jwinopen.htm

For at bruge jQuery, må du lege lidt mere rundt på hjemmesiden. Det er ikke særlig svært at sætte ind, men det kræver måske lige et overblik.
Du skal have tilkoblet den store jQuery-fil til dit HTML-dokument, og dernæst kan du lave alle de lækre funktioner ved blot at sætte det ind.

  // Steeven
Avatar billede j-roar-h Nybegynder
06. marts 2010 - 22:24 #4
Okay.. tak.. det virker nu.. Har ikke lige tid til at kikke på det med jquery. Men send et svar, så får du point.
Avatar billede Slettet bruger
09. marts 2010 - 19:29 #5
Ok.

  // Steeven
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