Avatar billede EveryMA Mester
14. marts 2011 - 21:31 Der er 16 kommentarer og
1 løsning

Undersøgelses skema popper frem

Hej.
Alle herinde har garanteret oplevet at når de går ind på en side så bliver selve siden mørkelagt, og frem kommer der en undersøgelse. Bl.a. internet aviserne (eb,bt,jv etc.) har dem.
Men jeg kan ikke finde den slags på nettet, og i deres kildekode kan jeg heller ikke finde det.

Jeg tror ikke jeg behøver at uddybe mit spørgsmål yderligere, for rimelig mange sider har den slags efterhånden, men hvis I ikke ved hvad jeg mener, så skriv gerne :)

- Jeg vil selvfølgelig høre hvordan og hvorledes jeg skal starte med det.
Avatar billede aaberg Nybegynder
14. marts 2011 - 21:41 #1
Prøv at tjekke dialogboksen i jqueryui.
http://jqueryui.com/demos/dialog/#modal

Er det noget lignende dette du er ude efter?
Avatar billede EveryMA Mester
14. marts 2011 - 21:44 #2
Lige præcis!
Jeg kigger lige på det lidt senere - men det er præcis den slags jeg leder efter, såfremt jeg selvfølgelig kan redigere og optimere det til min egen hjemmeside.

Jeg vender lige tilbage.
Avatar billede Pkallesoe Nybegynder
14. marts 2011 - 21:53 #3
De er så røv belastende når man går ind på en side ;) Så tænk en ekstra gang om det er en god ide.
Avatar billede aaberg Nybegynder
14. marts 2011 - 21:55 #4
jqueryui er nemt at style efter egne behov. De har faktisk lavet en style-editor inde på siden:
http://jqueryui.com/themeroller/

Og der er også en hel del themes, som man kan vælge imellem, som er lavet på forhånd.
Avatar billede EveryMA Mester
14. marts 2011 - 22:15 #5
Pkallesoe -
jeg finder dem også selv belastende og tænker altid fuck nu af, når jeg f.eks. går ind på EB for at læse nyheder også kom den frem.

Men er der andre metoder som er tydelige hvis man vil frem med en besked ? Evt. en konkurrence eller noget der søges eller andet ?
Avatar billede olebole Juniormester
15. marts 2011 - 15:13 #6
<ole>

Skriv det på siden med ganske almindelige bogstaver. Brugerne kommer på din side for at læse, hvad der står på den - og hvis du skriver om konkurrencen, skal folk nok læse det

/mvh
</bole>
Avatar billede EveryMA Mester
22. marts 2011 - 00:43 #7
Ja, det let nok at sige "skriv det med almindelig bogstaver" :0)

Det er en nyhedsside, og forsiden er aldrig den samme, med kun 1 stor nyhed med billede :)

Forresten; aaberg_cc ->
Den Jquery box du linker til, selvom jeg direkte kopirer source-koden, så fungerer det ikke. Den kommer bare som en ganske almindelig div, og ikke som den box den skal. :)
Avatar billede olebole Juniormester
22. marts 2011 - 01:24 #8
Har du JS-filerne, der hører til?
Avatar billede aaberg Nybegynder
22. marts 2011 - 08:22 #9
Du skal have en referance til både jquery og jqueryui for at det skal virke. Hvis det stadig ikke virker, så tjek om du får javascript fejl.
Avatar billede EveryMA Mester
22. marts 2011 - 22:40 #10
Ja, jeg har samtlige JS-filer, også CSS filen, men det fungerer ikke som det skal.

Selve boksen dukker godt nok op, men det er uden style. Det er bare noget tekst midt i siden som jeg kan rykke rundt, men selve siden kan stadig bruges - hvilket den ikke skal kunne.
Synes i øvrigt det møg irriterende der er 30 JS-filer, istedet for at kode det hele i 1 fil. :)
Avatar billede aaberg Nybegynder
22. marts 2011 - 22:49 #11
Du skal have en reference til 2 js filer. Grunden til at de har delt det op i 2, er så du kan vælge om du vil bruge jqueryui eller ej. Hvis de havde slået filerne samme, og du vælger ikke at bruge jqueryui, er det jo dødirriterende at js filen er så stor.

Forøvrigt, så er der ingen der stopper dig fra at sætte filerne sammen. Jquery er open source.

Back to topic: Grunden til at den ikke er stylet, er fordi du ikke har lavet en reference til jqueryui's stylesheet.
Avatar billede EveryMA Mester
22. marts 2011 - 23:32 #12
Okay, altid godt at lære lidt ;)

Hvad mener du med jeg ikke har lavet en reference til dem?
Jeg har jo min index fil, og i den fil har jeg linket til samtlige JS-filer, det samme med CSS filen
Avatar billede aaberg Nybegynder
23. marts 2011 - 10:10 #13
Hvis der ikke kommer styling på din dialog-boks, tror jeg det er fordi du ikke har en reference til det stylesheet der følger med jqueryui. Hvis du har en reference, så dobbelttjek at den er rigtig.

Dette her er copy/pastet fra et projekt, hvor jeg bruger jqueryui:

<link type="text/css" rel="Stylesheet" href="../../Stylesheets/jquery-ui-1.8.10.custom.css" />
<script charset="utf-8" type="text/javascript" src="../../Scripts/jquery-1.4.4.min.js"></script>
<script charset="utf-8" type="text/javascript" src="../../Scripts/jquery-ui-1.8.10.custom.min.js"></script>


Det er selvfølgelig ikke sikkert du bruger samme filnavne som jeg gør.
Avatar billede EveryMA Mester
23. marts 2011 - 12:38 #14
Ja, men det har jeg også.
Jeg åbnede den side du linkede til, også åbnede jeg det i et nyt vindue, og derfor kopirede jeg bare det hele (også samtlige JS-filer).
Også ændrede jeg stien til min egen, men det gad ikke virke
Avatar billede olebole Juniormester
23. marts 2011 - 14:54 #15
Du har helt sikkert ikke kopieret hele koden - for så ville den virke. Hvad skriver du f.eks. før <html>?

- og så tror jeg forøvrigt snart, klokken er kvart over tid til et link  *o)
Avatar billede EveryMA Mester
25. maj 2011 - 23:06 #16
Beklager de manglende svar.
Jeg har haft travlt med at bygge sitet om, og her har jeg fået plads til de ting jeg ikke havde plads til før.

Men jeg vil helt sikkert bruge det link du sendte mig, så tak for svaret! :)
Avatar billede aaberg Nybegynder
25. maj 2011 - 23:25 #17
Så lægger jeg et svar :)
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