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

11

MSI Twin Frozr GTX 970 Gaming 4G

Så kom dagen altså, som jeg er
Læs Mere

0

Func HS-260 Gaming Headset

Tweak.dk tager i dag pulsen på
Læs Mere

0

Corsair Graphite 780T Full Tower

Tweak.dk tager i dag et kig på
Læs Mere

1

CM Storm Resonar In-ear Gaming Headset

Hvis du tilbringer megen af di
Læs Mere
Seneste nyheder

0

Scalebound kommer eksklusivt til Xbox One konsollen

Når Platinum Games lancerer sp
Læs Mere

1

Her er alt du skal vide om den nye iPhone 6 og iOS 8

Tim Cook og resten af Apple-ko
Læs Mere

0

Earth Defense Force kommer til Playstation 4

En Playstation 4 version af de
Læs Mere

0

ASUS er klar med Strix GTX 970 og Strix GTX 980 grafikkortene

ASUS har lanceret deres to Str
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.