Αλλαγή content σελίδας πρόβλημα

SlackulatoR · 2 Φεβρουαρίου 2012

Καλησπέρα,

Φτιάχνω μία σελίδα η οποία θα περιέχει από πάνω προς τα κάτω: header -> nav -> content -> footer.

Το content θα είναι html σελίδες(τις έχω φτιάξει ήδη - άδειες, χωρίς header κτλ) το μόνο που θέλω να αλλάζει(όταν πατάει ο χρήστης συγκεκριμένο link) είναι το content του div, όλα τα άλλα(header κτλ) θέλω να παραμένουν τα ίδια.

Παρακαλώ προτείνεται μου κάποιον τρόπο με παράδειγμα εκτός από iframe.

Επίσης να πω πως κάθε σελίδα έχει δικά της css styles(μερικά είναι external), οπότε όταν προσπάθησα να φορτώσω π.χ μία σελίδα στην index, μπερδεύονται τα styles(π.χ a:hover).

Βασικά βρήκα αυτό, αλλά όπως είπα το πρόβλημα είναι τα css που μπλέκονται, όταν φορτώνει το ένα html μέσα στο άλλο, πως μπορώ να το λύσω αυτό;

><div id="Content">
<?php
switch($_GET['page']){
case 1:
include_once('news.php');
break;
case 2:
include_once('galleries.php');
break;
case 3:
include_once('links.php');
break;
default:
include_once('home.php');
break;
}
?>
</div>

bikey77 · 2 Φεβρουαρίου 2012

Το πιο σωστό είναι να ορίσεις το styling για τα διάφορα elements ανά περιοχή μέσα στη σελίδα σου:

Πχ: Ορισμός διαφορετικού style για links μέσα στο header και στο footer:

#header a {

font-size: 13px;

font-weight: normal;

color: #666;

}

#footer a {

font-size: 10px;

font-weight: normal;

color: #fff;

}

Όπου #header, #footer τα αντίστοιχα divs μέσα στο design σου.

Xenobius · 2 Φεβρουαρίου 2012

Θα σου ανοίξω νέους ορίζοντες τώρα:

Καλείς το διαφορετικό css πριν απο κάθε include (πριν το include, γιατί μετά παιζει να σου σκάσουν τα elements)

><div id="Content">
<?php
switch($_GET['page']){
case 1:
echo '<head><link rel="stylesheet" type="text/css" href="1.css"></head>';
include_once('news.php');
break;
case 2:
echo '<head><link rel="stylesheet" type="text/css" href="2.css"></head>';
include_once('galleries.php');
break;
case 3:
echo '<head><link rel="stylesheet" type="text/css" href="3.css"></head>';
include_once('links.php');
break;
default:
include_once('home.php');
break;
}
?>
</div>

Το <head> που καλείς στην αρχή για να φορτώσεις το css file σου δεν χρειάζεται να είναι και στην αρχή του κειμένου, απλα γενικά πρέπει να προηγείται των div σου για να ξέρει τι να κάνει.

Μπορείς να το καλέσεις οποιαδηποτε στιγμή (αρκει να θυμηθείς να το κλεισεις) και βαζεις εκει ο,τι θες...

Enjoy!

subdee · 2 Φεβρουαρίου 2012

Θα σου ανοίξω νέους ορίζοντες τώρα:

Καλείς το διαφορετικό css πριν απο κάθε include (πριν το include, γιατί μετά παιζει να σου σκάσουν τα elements)
><div id="Content">
<?php
switch($_GET['page']){
case 1:
echo '<head><link rel="stylesheet" type="text/css" href="1.css"></head>';
include_once('news.php');
break;
case 2:
echo '<head><link rel="stylesheet" type="text/css" href="2.css"></head>';
include_once('galleries.php');
break;
case 3:
echo '<head><link rel="stylesheet" type="text/css" href="3.css"></head>';
include_once('links.php');
break;
default:
include_once('home.php');
break;
}
?>
</div>
Το <head> που καλείς στην αρχή για να φορτώσεις το css file σου δεν χρειάζεται να είναι και στην αρχή του κειμένου, απλα γενικά πρέπει να προηγείται των div σου για να ξέρει τι να κάνει.

Μπορείς να το καλέσεις οποιαδηποτε στιγμή (αρκει να θυμηθείς να το κλεισεις) και βαζεις εκει ο,τι θες...

Enjoy!

Σοβαρά, μόλις του είπες να ανοίξει <head> tags μέσα στο <body>;

Xenobius · 2 Φεβρουαρίου 2012

Αφού λειτουργεί. Οκ, αν δεν σου λειτουργήσει κλείσε το body πριν και ξανανοιξε το στο τέλος του κάθε case... Εκεί κολλησες;

Uberalles_gr · 2 Φεβρουαρίου 2012

>
<?php
switch($_GET['page']){
 case 1:
   $css_link = "1.css";
   $include_page = "news.php";
 break;

 case 2:
   $css_link = "2.css";
   $include_page = "galleries.php";
 break;

 case 3:
   $css_link = "3.css";
   $include_page = "links.php";
 break;

 default:
   $css_link = "home.css";
   $include_page = "home.php";
 break;
}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<link rel="stylesheet" type="text/css" href="<?php echo $css_link; ?>">
</head>
<body>

<div id="Content"><?php include_once($include_page); ?></div>

</body>
</html>

Ειρήνη τέκνα ...

Xenobius · 2 Φεβρουαρίου 2012

Σωστός!

SlackulatoR · 2 Φεβρουαρίου 2012

Ειρήνη τέκνα ...

Ευχαριστώ παιδιά, το δοκιμάζω τώρα και θα ξαναγράψω.

Σύνδεση

Αλλαγή content σελίδας πρόβλημα

Προτεινόμενες αναρτήσεις

SlackulatoR

bikey77

Xenobius

subdee

Xenobius

Uberalles_gr

Xenobius

SlackulatoR

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση