💬
Logga in
Fuska.se

Bygga Upp Sida Med Divar

10 svar · startad

Nivå 7 · Fuskare
Trådstartare #1

Jag tänkte göra om min sida och använda divar istället för tables.

Spara den här koden som html så ser ni hur jag menar:

<html>
<head>
<title>THREE-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
<style type="text/css">
<!--
body {
 margin: 0px;
 padding: 0px;
}
#header {
 background: #0f0;
 width: 100%;
}
#leftcol {
 background: #f00;
 float: left;
 width: 20%;
 height: 500px;
}
#rightcol {
 background: #f00;
 float: right;
 width: 20%;
 height: 500px;
}
#content {
 background: #fff;
 float: left;
 width: 59%;
 height: 500px;
}
#footer {
 background: #0f0;
 clear: both;
 width: 100%;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>
</body>
</html>

Jag vet inte riktigt hur jag ska göra när man klickar på en länk i menyn (leftcol).

När man klickar på något i menyn så ska ju det i Content Section uppdateras/ändras. man kan använda php till det, men jag vet inte riktigt hur jag ska göra.

Nivå 3 · Lärling
#2
↗ till inlägget

Jag tänkte göra om min sida och använda divar istället för tables.

Spara den här koden som html så ser ni hur jag menar:

<html>
<head>
<title>THREE-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
<style type="text/css">
<!--
body {
 margin: 0px;
 padding: 0px;
}
#header {
 background: #0f0;
 width: 100%;
}
#leftcol {
 background: #f00;
 float: left;
 width: 20%;
 height: 500px;
}
#rightcol {
 background: #f00;
 float: right;
 width: 20%;
 height: 500px;
}
#content {
 background: #fff;
 float: left;
 width: 59%;
 height: 500px;
}
#footer {
 background: #0f0;
 clear: both;
 width: 100%;
}
-->
</style>
</head>
<body>
<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="rightcol">Right Section</div>
<div id="content">Content Section</div>
<div id="footer">Footer Section</div>
</body>
</html>

Jag vet inte riktigt hur jag ska göra när man klickar på en länk i menyn (leftcol).

När man klickar på något i menyn så ska ju det i Content Section uppdateras/ändras. man kan använda php till det, men jag vet inte riktigt hur jag ska göra.

 

Finns 2 sätt.

Använd input eller $_GET.

Google på det.

Nivå 7 · Fuskare
Trådstartare #3

include finns också...

Förlåt, jag inte helt tydlig på vad jag menade. Innehållet i Content diven ska uppdateras utan att HELA sidan uppdateras.

Men jag ska Googla och tänka lite.

Nivå 0 · Nykomling
#4

Du kan väl använda Ajax?

Nivå 7 · Fuskare
Trådstartare #5

Det kan jag inte.

Nivå 3 · Lärling
#6
↗ till inlägget

include finns också...

Förlåt, jag inte helt tydlig på vad jag menade. Innehållet i Content diven ska uppdateras utan att HELA sidan uppdateras.

Men jag ska Googla och tänka lite.

Iframe?

Nivå 7 · Fuskare
Trådstartare #7
↗ till inlägget
↗ till inlägget

include finns också...

Förlåt, jag inte helt tydlig på vad jag menade. Innehållet i Content diven ska uppdateras utan att HELA sidan uppdateras.

Men jag ska Googla och tänka lite.

Iframe?

 

nah, jag tänkte hålla mig till så lite html som möjligt. Har tänkt köra med någon xhtml standard.

Men, jag hittade precis javascript kod som uppdaterar en div var 20 sec. Det finns väl ingen nackdel med att använda javascript istället för php, ajax, etc?

Fast då uppdaterar jag ju självklart inte diven var 20 seckund :D. Den uppdateras ju bara om man trycker på en länk i menyn...

Nivå 3 · Lärling
#8
↗ till inlägget
↗ till inlägget

include finns också...

Förlåt, jag inte helt tydlig på vad jag menade. Innehållet i Content diven ska uppdateras utan att HELA sidan uppdateras.

Men jag ska Googla och tänka lite.

 

Iframe?

 

nah, jag tänkte hålla mig till så lite html som möjligt. Har tänkt köra med någon xhtml standard.

Men, jag hittade precis javascript kod som uppdaterar en div var 20 sec. Det finns väl ingen nackdel med att använda javascript istället för php, ajax, etc?

Fast då uppdaterar jag ju självklart inte diven var 20 seckund :D. Den uppdateras ju bara om man trycker på en länk i menyn...

 

då äre väl enklare med PHP:end $_GET

28 Apr 2008
Nivå 7 · Fuskare
Trådstartare #9
↗ till inlägget
↗ till inlägget

include finns också...

Förlåt, jag inte helt tydlig på vad jag menade. Innehållet i Content diven ska uppdateras utan att HELA sidan uppdateras.

Men jag ska Googla och tänka lite.

 

Iframe?

 

nah, jag tänkte hålla mig till så lite html som möjligt. Har tänkt köra med någon xhtml standard.

Men, jag hittade precis javascript kod som uppdaterar en div var 20 sec. Det finns väl ingen nackdel med att använda javascript istället för php, ajax, etc?

Fast då uppdaterar jag ju självklart inte diven var 20 seckund :D. Den uppdateras ju bara om man trycker på en länk i menyn...

 

då äre väl enklare med PHP:end $_GET

 

Enklare, hur? Jag fattar inte hur GET funkar.

Javascriptet fattar jag till 100%.

Nivå 8 · Veteranfuskare
#10

$_GET["namn"] Ger tillbaka det som står efter ?namn= på en sida.

 

Tex: fuska.se?namn=kalle är addressen. $_GET["namn"] ger då "kalle".

fuska.se?id=77 är addressen, $_GET["id"] ger 77.

 

Man kan skicka med olika gets med hjälp av javascriptsfunktionen:

document.location(http://fuska.se?bil=ford);

För att sen få fram "ford" när man skriver $_GET["bil"]. Dock så uppdateras hela sidan.

 

---

 

Det du kan göra, om du absolut inte vill uppdatera hela sidan, är att göra en gömd input.

<input type="hidden" name="sickamed">

En sån, menar jag. Jag tror den går att köra utan en form. Sen sätter du bara in olika värden med javascript eller nått... :P

Nivå 6 · Fuskare
#11

annars kan man sätta länken till "<a href="<?PHP $SERVER['SERVER_SELF'];?>?page=start">Start</a>"

 

och sen köra en switch sats.

 

$root = $_SERVER['DOCUMENT_ROOT'];

switch($_GET['page']) {

case "": include($root . "/sida/content.php"); break;

case "start": include($root . "/sida/start.php"); break;

 

default: include($root . "/sida/404.php");

}

Senast ändrad:

Vill du vara med i diskussionen?

Bli medlem Logga in