Hoppa till innehåll

Bygga Upp Sida Med Divar

ELF

Av ELF,
i Grafik & Programmering

 Dela

Rekommendera inlägg

ELF Newbie

ELF

Skrivet
Skrivet

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.

Länk till kommentar
Dela på andra sajter
Andersffs Newbie

Andersffs

Skrivet
Skrivet

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.

Länk till kommentar
Dela på andra sajter
ELF Newbie

ELF

Skrivet
  • Författare
Skrivet

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...

Länk till kommentar
Dela på andra sajter
Andersffs Newbie

Andersffs

Skrivet
Skrivet

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

Länk till kommentar
Dela på andra sajter
ELF Newbie

ELF

Skrivet
  • Författare
Skrivet

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%.

Länk till kommentar
Dela på andra sajter
Katt Newbie

Katt

Skrivet
Skrivet

$_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

Länk till kommentar
Dela på andra sajter
Ozoon Newbie

Ozoon

Skrivet
Skrivet (redigerat)

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");

}

Redigerat av Ozoon
Länk till kommentar
Dela på andra sajter

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
 Dela
Gå till ämneslistan
×
×
  • Skapa ny...

Copyright 2000-2024 Crownberry AB | Integritetspolicy