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


SteelSeries Apex M800 mekanisk tastatur

Som nogle af de første i Danmark er Tweak.dk nu klar med vores test af det spritnye Apex M800 fra SteelSeries.
Læs Mere

ASUS ROG Maximus VII Hero

Endnu et bundkort fra ASUS Republic of Gamers serien har ramt Tweak.dk redaktionen, og det er med stor fornøje
Læs Mere

Pure Pop Mini FM/DAB radio

Pure, som laver lydudstyr af høj kvalitet i en klasse for sig selv, har denne gang tilsendt os en FM/DAB radio
Læs Mere

ADATA XPG Z1 2400 MHz DDR4 16GB kit

Endnu et 16 GB DDR4 kit har fundet vejen til Tweak.dks testbænk, og i denne omgang er der tale om ADATAs XPG Z
Læs Mere

TP-LINK 7-Port USB3.0 hub

TP-LINK, som ellers normalt laver ting til kommunikation, kommer denne gang lidt ud over deres eget sortiment
Læs Mere

Rapoo E9090P Wireless Illuminated Keyboard

Denne gang har Rapoo sendt os et af deres trådløse tastaturer. Dette tastatur er helt sit eget, da det har bel
Læs Mere

ASRock X99E-ITX/ac

Står du og overvejer at bygge et mITX system, men er du på samme tid interesseret i et lille vilddyr med masse
Læs Mere

ASUS Sabertooth X99

Sabertooth serien kender de fleste af os som toppen af poppen i ASUS TUF serie af bundkort, og de har i denne
Læs Mere

GIVEAWAY! Vind en tur i biffen med Tweak.dk!

Vi er super glade for jeres engagement på både Tweak.dk og begge vores Facebook grupper, hvilket naturligvis o
Læs Mere

Sony teaser konsolverdenen med nyt opslag

Der er ikke tale om et hvilket som helst opslag. Sony har nemlig slået en jobannonce op, hvori de søger en spi
Læs Mere

AMD bekræfter ny Catalyst driver med flere hotfix

I forbindelse med en større mængde klager over problemer med The Witcher 3: Wild Hunt og Project Cars har AMD
Læs Mere

Se billedet: Her er AMD's nye R9 390X

AMD holder forståeligt nok kortene tæt på kroppen, men nu kan vi altså afsløre det, der med stor sikkerhed sku
Læs Mere

Ford F-150 gør trailerparkering til en leg

Du kender måske situationen. Det er søndag eftermiddag, og efter en lang dag i haven, hvor du har fyldt traile
Læs Mere

Intel og Samsung begge på vej mod 10 nm

Samsung og Intel er begge to blandt de største og førende producenter inden for hvert deres felt, og de er beg
Læs Mere

NVIDIA åbner op for overclock... igen!

Det lader som om, at NVIDIA ikke kan bestemme sig for, om laptopbrugere skal have lov at overclocke deres GPU.
Læs Mere

Problemer med Samsungs eget cover?

Der indløber på nuværende tidspunkt flere klager fra Galaxy S6 Edge ejere om, at det originale Samsung ClearVi
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.