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


LC-Power Gaming 930W Kabinet

LC-Power har tilsendt os på Tweak.dk et af deres nye kabinetter i deres Gaming-serie. Dette hvide miditower ka
Læs Mere

Antec ISK310-150 micro tower

Står du og skal til at bygge dig en lille kontorcomputer, eller måske skal der et nyt kabinet til computeren v
Læs Mere

Thermaltake Commander FT Fan Controller

Hvis man har installeret et vildt custom vandloop i sin computer, kan det være ganske nyttigt at være i stand
Læs Mere

Logitech MX Master

Vi skal i denne test tage et kig på Logitechs nye flagskib af en mus ved navn MX Master. Der er tale om en mus
Læs Mere

Gigabyte Z170X-Gaming 7

Vi har denne gang vendt næsen mod Gigabyte, når vi endnu engang kaster os ud i en test af endnu et Z170 bundko
Læs Mere

be quiet! Dark Power Pro 1000 W PSU

Så er Tweak.dk tilbage med endnu en anmeldelse. Denne gang skal vi kigge på et kraftværk af en strømforsyning
Læs Mere

NZXT S340 Special Edition

Denne test vil for de fleste trofaste Tweak læsere virke lidt som et deja-vu, da vi skal kigge på et kabinet,
Læs Mere

Razer BlackWidow Tournament Edition Chroma

Razers Blackwidow tastatur har vi flere gange haft forbi vores testbænk, men det er første gang, vi skal have
Læs Mere

Er dette det fedeste Fallout casemod nogensinde?

Måske er det ikke et kabinet, der kan kategoriseres som værende det flotteste, der nogensinde har set dagens l
Læs Mere

Sådan kan du forhindre Microsoft i at indsamle data

En af de største bekymringer for brugere af Microsofts nye styresystem Windows 10 har været, at der er skruet
Læs Mere

Rocket League rammer milepæl

Hvis du følger med på vores Team Tweak-kanal på Twitch, så ved du også, at spillet 'Rocket League' er et af de
Læs Mere

Raumfelds One M og Stereo L får nyt design

Her på Tweak.dk har vi allerede kigget på Raumfelds One M højttaler, der er en samlet løsning til de, der vil
Læs Mere

Internetsøgning førte til job hos Google

Om det er held eller skills, skal vi ikke kunne sige, men det er nok en blanding af begge, der har ført til, a
Læs Mere

Boeing udvikler laserkanoner til nedskydning af droner

Droner er og bliver et kæmpestort hit, men det er ikke kun lutter lagkage. Flere har hævdet, at de er blevet k
Læs Mere

Nye GTA V 'ENBSeries' 4K screenshots er vanvittigt flotte

Modderen Ryuken har leget en smule med Grand Theft Auto V til PC, og ud er kommet nogle af de flotteste 4K scr
Læs Mere

Få overblikket over Team Tweaks søndagsstream

Team Tweak holdte ikke fri i går, selvom det var en højhellig søndag, og i går blev vores anden nye streamer K
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.