Forum PHP.pl > [JavaScript][CSS] Css a podstrony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS] Css a podstrony

Wolfie

6.09.2009, 20:58:56

Witam,

Mam taki plik :

[HTML] pobierz, plaintext 
<html>
<head>
<title>deigie designers</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<script type="text/javascript" src="jquery/jquery.js"></script>
<script src="jquery/jquery_func.js" type="text/javascript"></script> 
</head>
<body>
<div align="center">
	<div align="left" id="top">
		<div id="NAGLOWEK">Nagłówek szablonu</div>
		<div id="MENU">
			<dl>
				<dt><a href="aktualnosci.php">Aktualnosci</a></dt>
				<dt id="slide"><a href="#">Projekty</a></dt>
					<dd><a href="architektura.php">Architektura</a></dd>
					<dd><a href="wnetrza.php">Wnetrza</a></dd>
					<dd><a href="wzornictwo.php">Wzornictwo</a></dd>
					<dd><a href="grafika.php">Grafika</a></dd>
					<dd><a href="inne.php">Inne</a></dd>
				<dt><a href="publikacje.php">Publikacje</a></dt>
				<dt><a href="zespol.php">Zespół</a></dt>
				<dt><a href="kontakt.php">Kontakt</a></dt>
			</dl>
		</div>		<div id="TRESC"></div>
		<div id="STOPKA">Stopka serwisu</div>
	</div>
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

I teraz poprzez jquery wywoluje odpowiednia podstrone w div'ie o id="TRESC" , i teraz nie wiem czy ta stronka ktora zostanie zaladowana przez jquery do tego diva ma takze dostep do pliku css/style.css ktory jest zawarty w naglowku tej strony ?

Pytam, poniewaz laduje sobie podstronke do tego div'a ale css nie dziala dla tej podstronki, czy to moze byc powodem tego efektu ?

b4x

6.09.2009, 22:29:09

Powinna załadować CSS'a.

Pokaż jak ładujesz treść

Wolfie

7.09.2009, 14:46:19

to jest moj index.php

[PHP] pobierz, plaintext 
<?php include 'header.php';?>
        <div id="TRESC"></div>
<?php include 'footer.php';?>
[PHP] pobierz, plaintext

a tresc laduje w ten sposob :

[HTML] pobierz, plaintext 
$(document).ready(function() {
    $("#MENU").find('dd').hide().end().find('#slide').click(function() {
        $(this).nextAll('dd').slideToggle();//toggle('slow');
    });
 
    $('#TRESC').load('aktualnosci.php');
    $('a[href="aktualnosci.php"]').click(function(){
      $('#TRESC').load('aktualnosci.php');
      return false;
   });
   $('a[href="architektura.php"]').click(function(){
      $('#TRESC').load('architektura.php');
      return false;
   });
   $('a[href="wnetrza.php"]').click(function(){
      $('#TRESC').load('wnetrza.php');
      return false;
   });
   $('a[href="wzornictwo.php"]').click(function(){
      $('#TRESC').load('wzornictwo.php');
      return false;
   });
   $('a[href="grafika.php"]').click(function(){
      $('#TRESC').load('grafika.php');
      return false;
   });
   $('a[href="inne.php"]').click(function(){
      $('#TRESC').load('inne.php');
      return false;
   });
   $('a[href="publikacje.php"]').click(function(){
      $('#TRESC').load('publikacje.php');
      return false;
   });
   $('a[href="zespol.php"]').click(function(){
      $('#TRESC').load('zespol.php');
      return false;
   });
   $('a[href="kontakt.php"]').click(function(){
      $('#TRESC').load('kontakt.php');
      return false;
   });
});
[HTML] pobierz, plaintext

nz_cris

3.10.2009, 22:30:42

załadowana podstrona załapie ci arkusz css jednakże podstrona nie może zawierać elementów:
<html>
<head>
</head>
<body>
</body>
</html>

Po prostu w podstronie wpisujesz tylko treść formatowaną jak html bez powyższych znaczników. np.:
<a href="costam>siemano</a>
<p class="costam"> witam wszystkich</p>

itp.

vokiel

4.10.2009, 11:07:15

Cytat(Wolfie @ 7.09.2009, 15:46:19 )

a tresc laduje w ten sposob : (...)

Może lepiej będzie tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#MENU").find('dd').hide().end().find('#slide').click(function() {
        $(this).nextAll('dd').slideToggle();//toggle('slow');
    });
    $('#TRESC').load('aktualnosci.php');
 
    $('a').click(function(e){
      e.preventDefault();
      $('#TRESC').load($(this).attr('href'));
   });
});
[JAVASCRIPT] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.