1

onsdag, 7. december 2011, 13:00


Hej tweakere,

Jeg sidder lige og prøvet lidt med noget HTML og CSS for første gange :).. Efter lidt læsning kan jeg se, at jeg skal holde mig fra frames - og i stedet kode layoutet vha. CSS. Jeg er kommet "så langt", at jeg har fået det basale design på plads, men nu er jeg stødt på et problem. Jeg ønsker at lave en "template" html, der loader en bar i hver side, heading og footer samt en main page. Når man så trykker på et link, skal main page skifte - men resten bevares.

Dette var simpelt at sætte op med frames - men jeg kan ikke lige se, hvordan det skal gøres i CSS?

Umiddelbart ville jeg ud fra "programmerings"-tilgang lave en enkelt html template og så indsætte et "tag", der hvor main page content skulle være. Ved at trykke på et link i navigationsbaren skulle dette tag ændre sig til den valgte side (og opdatere). Kan det lade sig gøre?

Jeg kan selvfølgelig godt kopiere hele template koden ud i hver .html fil, men så meget code duplication virker absurd; det ville være ulideligt at opdatere og komplet reload af siden hver gang ville resultere i absurd meget trafik.

Er der en smart udvej? :)

:cheers:

[ - EOS 400D - ] - [ - HP EliteBook - ] - [ - iPhone 5 - ] - [ - Thinkpad X430s - ]

[ - AMD PII 545 - 4 GB RAM - M4A78-EM - 10TB - ][/size]

2

onsdag, 7. december 2011, 14:30


Hvad har du til rådighed af server-side?

Skal der indsættes fælles elementer på en side, så er det ret ligetil i php, hvor du med

Kildekode

1
<?php include 'filnavn.php' ?>


Så laver du din header, sidebar osv og inkluderer disse elementer i dine sider.

/ask

IBM t42 and IBM t23 still alive and kicking

3

onsdag, 7. december 2011, 15:06


Hvad har du til rådighed af server-side?

Skal der indsættes fælles elementer på en side, så er det ret ligetil i php, hvor du med

Kildekode

1

				


Så laver du din header, sidebar osv og inkluderer disse elementer i dine sider.

/ask
Jeg hoster selv, så jeg har "alt" til rådighed - det skal bare sættes op..

Jeg havde egentlig tænkt mig at udskyde PHP til senere - men hvis det er her løsningen gemmer sig, så er det vist bare for at komme igang! :)

[ - EOS 400D - ] - [ - HP EliteBook - ] - [ - iPhone 5 - ] - [ - Thinkpad X430s - ]

[ - AMD PII 545 - 4 GB RAM - M4A78-EM - 10TB - ][/size]

4

onsdag, 7. december 2011, 20:43


Hvad har du til rådighed af server-side?

Skal der indsættes fælles elementer på en side, så er det ret ligetil i php, hvor du med

Kildekode

1

				


Så laver du din header, sidebar osv og inkluderer disse elementer i dine sider.

/ask

:goodpost:

Fedt! PHP var lige hvad jeg skulle bruge! Tak :)..

Jeg har nu umiddelbart kun et problem; på højre "sidebar" har jeg indsat et element, der gør det muligt at streame radio. Men med den nuværende opsætning reloades hele siden - så pluginnet afbrydes. Så jeg skal have fundet ud af at kunne reloade dele af siden for sig.. "Testsiden" kører her:

http://ehaldrup.dk/

Nogle ideer?

:drink:

[ - EOS 400D - ] - [ - HP EliteBook - ] - [ - iPhone 5 - ] - [ - Thinkpad X430s - ]

[ - AMD PII 545 - 4 GB RAM - M4A78-EM - 10TB - ][/size]

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Dare_Devil" (07.12.2011, 20:49)


5

torsdag, 8. december 2011, 00:34


Så skal du over i noget javascript hvis jeg ikke husker forkert. PHP i sig selv har ikke muligheden for at refreshe dele af sin kode på egen hånd.

Prøv eventuelt denne hér kode og smæk den og din radio i dens egen lille php fil.

http://www.quackit.com/javascript/javasc…efresh_page.cfm


6

torsdag, 8. december 2011, 20:56


Så skal du over i noget javascript hvis jeg ikke husker forkert. PHP i sig selv har ikke muligheden for at refreshe dele af sin kode på egen hånd.

Prøv eventuelt denne hér kode og smæk den og din radio i dens egen lille php fil.

http://www.quackit.com/javascript/javasc…efresh_page.cfm
Haha, nice - endnu et sprog :).. Tak for linket - overvejer lige om det er løsningen, eller jeg vil bruge pop-up istedet ;)

[ - EOS 400D - ] - [ - HP EliteBook - ] - [ - iPhone 5 - ] - [ - Thinkpad X430s - ]

[ - AMD PII 545 - 4 GB RAM - M4A78-EM - 10TB - ][/size]

7

fredag, 6. januar 2012, 14:26


PHP i sig selv har ikke muligheden for at refreshe dele af sin kode på egen hånd.


8

onsdag, 18. januar 2012, 19:56


undskyld for ot, men hvordan har du lavet din menu ? :D


9

onsdag, 18. januar 2012, 20:25


Du mener den grå bar med knapper der "trykkes ned" når du onMouseOver? :|

Der kan du gå ud i noget ala. dette, hvor CSS koden "flytter" billedet ned/hen så at det skifter udseende.

http://www.webvamp.co.uk/blog/coding/gra…-rollover-menu/


10

onsdag, 18. januar 2012, 23:29


Du mener den grå bar med knapper der "trykkes ned" når du onMouseOver? :|

Der kan du gå ud i noget ala. dette, hvor CSS koden "flytter" billedet ned/hen så at det skifter udseende.

http://www.webvamp.co.uk/blog/coding/gra…-rollover-menu/


Kanon, lige præcis dette jeg har ledt efter :D sku træls at rode med photoshop, når man kan kode sig frem til det :T


Tilsvarende tråde

Seneste tests og artikler

0

B&O BeoPlay H2 Headset

Vi er først lige begyndt at læ
Læs Mere

0

Silverstone Precision PS11B-Q

Silverstone har denne gang sen
Læs Mere

0

eSTUFF EXO - Bluetooth højttaler

Dagens test byder på endnu en
Læs Mere

0

Phanteks EVOLV ITX

Sidste år kiggede vi nærmere p
Læs Mere
Seneste nyheder

0

Tweak.dk Unboxing: Noctua NH-D9L

Igen igen er Tweak.dk på banen
Læs Mere

0

Så lille kan en Broadwell PC være

Hvis du gik og troede, at dit
Læs Mere

1

Nu kan din smartphone løse ligninger

De, der har set tv-serien 'The
Læs Mere

0

Ny G303 gamingmus fra Logitech har præcision i fokus

Hvis du er på udkig efter en m
Læs Mere
Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.