/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
jQuery og "Sticky footer"
Fra : Jahirah


Dato : 17-02-10 04:49

Hej,

Jeg er grøn indenfor Javascript, jeg har udelukkende redigeret
meget simple mouseover menuer (dengang CSS mere eller mindre var
ikke-eksisterende).

Jeg har ofte været frustreret over ikke at kunne opnå en bestemt
effekt hvor en websides footer enten tilpasser sig indholdets
højde, eller ligger sig i browser vinduets bund i det tilfælde at
indholdet er mindre end browser vinduets højde.
Dette pga. at jeg ikke rigtig har "turdet" gabe over javascript
før, da jeg har svært ved at forstå det.

Jeg faldt over en engelsk side der hedder CSS Tricks (
http://css-tricks.com ) hvor jeg under "Snippets" fandt en jQuery
drevet metode til at opnå den beskrevede effekt.
Snippet kan ses på
http://css-tricks.com/snippets/jquery/jquery-sticky-footer/

I og for sig tror jeg godt at jeg forstår hvad der skal laves.
Sådan som jeg har forstået det skal der laves;

1. En div som udgør footeren.
2. Denne div skal efterfølgende styles med en fast højde, ex.
100px.
3. Der skal oprettes [filnavn].js fil med den oplyste jQuery
kode.

Så vidt, så godt... håber jeg :)
Det jeg dog ikke helt er sikker på er, hvordan jeg får selve
siden til at kalde .js filen? Jeg er klar over at det skal
tilføjes i HEAD-delen af xhtml'en på samme vilkår som en CSS fil,
men jeg er ikke sikker på hvor.

Spiller det nogen afgørende rolle hvor man vælger at ligge .js
filen, eller er det ligegyldigt så længe man supplere kaldet med
det korrekte stinavn?

Beklager min lettere håbløse mangel på forståelse, men jeg håber
I kan bære over med en grønskolding :)

Mvh
//Jahirah

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jahirah (17-02-2010)
Kommentar
Fra : Jahirah


Dato : 17-02-10 05:15

Jahirah wrote in dk.edb.internet.webdesign.clientside:
>
> Jeg har ofte været frustreret over ikke at kunne opnå en bestemt
> effekt hvor en websides footer enten tilpasser sig indholdets
> højde, eller ligger sig i browser vinduets bund i det tilfælde at
> indholdet er mindre end browser vinduets højde.
>
-----------8<------------

Ville bare lige tilføje at jeg fandt en metode til at opnå samme
effekt gennem almindelig CSS.
Metoden fandt jeg her:
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Dog vil jeg alligevel gerne hvis I vil svare på mit oprindelige
spørgsmål da det vil hjælpe mig til at forstå de første små ting ved
brugen af javascript :)

//Jahirah

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Stig Johansen (17-02-2010)
Kommentar
Fra : Stig Johansen


Dato : 17-02-10 13:28

Jahirah wrote:

> I og for sig tror jeg godt at jeg forstår hvad der skal laves.
> Sådan som jeg har forstået det skal der laves;
>
> 1. En div som udgør footeren.
> 2. Denne div skal efterfølgende styles med en fast højde, ex.
> 100px.

Jeg har ikke kigget på dine links, men generelt hvis du vil lave den slags
ting, så skal du have:
en div(eller andet), som er absolut positioneret, og evt display:none.
div'en skal du style, enten via CSS eller javascript.

> 3. Der skal oprettes [filnavn].js fil med den oplyste jQuery
> kode.

Den effekt du snakker om (og andre) behøver ikke jQuery, men i store træk
blot skift mellem display:none og display:block (og positionering vha
style.top og style.left).

> Det jeg dog ikke helt er sikker på er, hvordan jeg får selve
> siden til at kalde .js filen? Jeg er klar over at det skal
> tilføjes i HEAD-delen af xhtml'en på samme vilkår som en CSS fil,
> men jeg er ikke sikker på hvor.

Mellem <head> og </head>.

> Spiller det nogen afgørende rolle hvor man vælger at ligge .js
> filen, eller er det ligegyldigt så længe man supplere kaldet med
> det korrekte stinavn?

Rækkefølgen kan have en betydning.
Hvis du har to filer hvor den ene bruger en definition fra den anden, så er
det vigtigt at filen med definitionen står før den anden.

--
Med venlig hilsen
Stig Johansen

Jørgen Farum Jensen (17-02-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 17-02-10 21:37

Jahirah skrev:
> Hej,
>
> Jeg er grøn indenfor Javascript, jeg har udelukkende redigeret
> meget simple mouseover menuer (dengang CSS mere eller mindre var
> ikke-eksisterende).

Men det er CSS så nu, og tilstrækkelig
understøttet til at den ønskede effekt
kan opnås uden brug af JavaScript:
http://webdesign101.dk/cssbog/kildekode/figur17-19.html
--
Med venlig hilsen
Jørgen Farum Jensen
http://webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste