Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CodeIgniter]Dziwne umieszczenie zawartości head w body
Forum PHP.pl > Forum > PHP > Frameworki
morawcik89
15.01.2012, 16:53:43
Witam.
Zaczynam pisać w CI 2.1.0 i mam pewien problem. Otóż framework pobiera zawartość mojej sekcji head i umieszcza to w body. Nie mam zielonego pojęcia co to może być.

Domyślny kontroler ustawiłem na site.php a zawartość tego kontrolera to:
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. class Site extends CI_Controller
  4. {
  5. 	function index()
  6. 	{
  7. 		$data['template'] = 'site/home';
  8. 		$this->load->view('template/main', $data);
  9. 	}
  10.  
  11. 	function about()
  12. 	{
  13. 		$data['template'] = 'site/about';
  14. 		$this->load->view('template/main', $data);
  15. 	}
  16.  
  17. 	function contact()
  18. 	{
  19. 		$data['template'] = 'site/contact';
  20. 		$this->load->view('template/main', $data);
  21. 	}
  22. }
[PHP] pobierz, plaintext


I po kolei:
template/main.php
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. $this->load->view('template/header');
  4. $this->load->view($template);
  5. $this->load->view('template/footer');
[PHP] pobierz, plaintext


template/header.php
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<title>Title</title>
  5. 	<meta charset="UTF-8">
  6. 	<link rel="stylesheet" href="<?php echo base_url(); ?>public/css/reset.css" />
  7. 	<link rel="stylesheet" href="<?php echo base_url(); ?>public/css/styles.css" />
  8.  
  9. 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  10. 	<script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.roundabout-1.0.min.js"></script> 
  11. 	<script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.easing.1.3.js"></script>
  12. 	<script type="text/javascript">		
  13. 		$(document).ready(function() { //Start up our Featured Project Carosuel
  14. 			$('#featured ul').roundabout({
  15. 				easing: 'easeOutInCirc',
  16. 				duration: 600
  17. 			});
  18. 		});
  19. 	</script>
  20. 	<!--[if IE 6]>
  21. 	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
  22. 	<script>
  23. 	  /* EXAMPLE */
  24. 	  DD_belatedPNG.fix('.button');
  25.  
  26. 	  /* string argument can be any CSS selector */
  27. 	  /* .png_bg example is unnecessary */
  28. 	  /* change it to what suits you! */
  29. 	</script>
  30. 	<![endif]-->
  31.  
  32. </head>
  33.  
  34. <body>
  35.  
  36. 	<div id="wrapper" class="container_12 clearfix">
  37.  
  38. 		<!-- Text Logo -->
  39. 		<h1 id="logo" class="grid_4">Title</h1>
  40.  
  41. 		<!-- Navigation Menu -->
  42. 		<ul id="navigation" class="grid_8">
  43. 			<li>
  44. 				<a href="contact.html">
  45. 					<span class="meta">Get in touch</span>
  46. 					<br />Contact Us
  47. 				</a>
  48. 			</li>
  49. 			<li>
  50. 				<a href="blog.html">
  51. 					<span class="meta">Latest news</span>
  52. 					<br />Blog
  53. 				</a>
  54. 			</li>
  55. 			<li>
  56. 				<a href="portfolio.html">
  57. 					<span class="meta">Our latest work</span>
  58. 					<br />Portfolio
  59. 				</a>
  60. 			</li>
  61. 			<li>
  62. 				<a href="about.html">
  63. 					<span class="meta">Who are we?</span>
  64. 					<br />About
  65. 				</a>
  66. 			</li>
  67. 			<li>
  68. 				<a href="index.html" class="current">
  69. 					<span class="meta">Homepage</span>
  70. 					<br />Home
  71. 				</a>
  72. 			</li>
  73. 		</ul>
  74.  
  75. 		<div class="hr grid_12 clearfix">&nbsp;</div>
[HTML] pobierz, plaintext


template/footer.php
[HTML] pobierz, plaintext 
  1. <div class="hr grid_12 clearfix">&nbsp;</div>
  2.  
  3. <!-- Footer -->
  4. <p class="grid_12 footer clearfix">
  5. 	<span class="float">
  6. 		<b>&copy; Copyright</b> 
  7. 		<a href="">Author</a>
  8. 	</span>
  9. 	<a class="float right" href="#">top</a>
  10. </p>
  11.  
  12. </div><!--end wrapper-->
  13.  
  14. </body>
  15. </html>
[HTML] pobierz, plaintext


Pozostałe 3 pliki są na chwilę obecną puste.

I na koniec wynik strony z firebug'a:
[HTML] pobierz, plaintext 
  1. <html><head></head><body>
  2.  
  3.  
  4. 	<title>Title</title>
  5. 	<meta charset="UTF-8">
  6. 	<link href="http://localhost/portfolio/public/css/reset.css" rel="stylesheet">
  7. 	<link href="http://localhost/portfolio/public/css/styles.css" rel="stylesheet">
  8.  
  9. 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  10. 	<script src="http://localhost/portfolio/public/js/jquery.roundabout-1.0.min.js" type="text/javascript"></script> 
  11. 	<script src="http://localhost/portfolio/public/js/jquery.easing.1.3.js" type="text/javascript"></script>
  12. 	<script type="text/javascript">		
  13. 		$(document).ready(function() { //Start up our Featured Project Carosuel
  14. 			$('#featured ul').roundabout({
  15. 				easing: 'easeOutInCirc',
  16. 				duration: 600
  17. 			});
  18. 		});
  19. 	</script>
  20. 	<!--[if IE 6]>
  21. 	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
  22. 	<script>
  23. 	  /* EXAMPLE */
  24. 	  DD_belatedPNG.fix('.button');
  25.  
  26. 	  /* string argument can be any CSS selector */
  27. 	  /* .png_bg example is unnecessary */
  28. 	  /* change it to what suits you! */
  29. 	</script>
  30. 	<![endif]-->
  31.  
  32.  
  33.  
  34.  
  35.  
  36. 	<div class="container_12 clearfix" id="wrapper">
  37.  
  38. 		<!-- Text Logo -->
  39. 		<h1 class="grid_4" id="logo">Title</h1>
  40.  
  41. 		<!-- Navigation Menu -->
  42. 		<ul class="grid_8" id="navigation">
  43. 			<li>
  44. 				<a href="contact.html">
  45. 					<span class="meta">Get in touch</span>
  46. 					<br>Contact Us
  47. 				</a>
  48. 			</li>
  49. 			<li>
  50. 				<a href="blog.html">
  51. 					<span class="meta">Latest news</span>
  52. 					<br>Blog
  53. 				</a>
  54. 			</li>
  55. 			<li>
  56. 				<a href="portfolio.html">
  57. 					<span class="meta">Our latest work</span>
  58. 					<br>Portfolio
  59. 				</a>
  60. 			</li>
  61. 			<li>
  62. 				<a href="about.html">
  63. 					<span class="meta">Who are we?</span>
  64. 					<br>About
  65. 				</a>
  66. 			</li>
  67. 			<li>
  68. 				<a class="current" href="index.html">
  69. 					<span class="meta">Homepage</span>
  70. 					<br>Home
  71. 				</a>
  72. 			</li>
  73. 		</ul>
  74.  
  75. 		<div class="hr grid_12 clearfix">&nbsp;</div><div class="hr grid_12 clearfix">&nbsp;</div>
  76.  
  77. <!-- Footer -->
  78. <p class="grid_12 footer clearfix">
  79. 	<span class="float">
  80. 		<b>&copy; Copyright</b> 
  81. 		<a href="">Author</a>
  82. 	</span>
  83. 	<a href="#" class="float right">top</a>
  84. </p>
  85.  
  86. </div><!--end wrapper-->
  87.  
  88.  
  89. </body></html>
[HTML] pobierz, plaintext


Ma ktoś jakieś pomysły?
vvolv
15.01.2012, 18:56:32
Kod PHP wydaje mi się dobry, ale pochwal się jeszcze html-em wyplutym na przeglądarke, bo z tego co mi sie wydaje FireBug pokazuje przemielony (chwilowo nie mam jak sprawdzic).
morawcik89
15.01.2012, 19:30:12
A oto i kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<title>Title</title>
  5. 	<meta charset="UTF-8">
  6. 	<link rel="stylesheet" href="http://localhost/portfolio/public/css/reset.css" />
  7. 	<link rel="stylesheet" href="http://localhost/portfolio/public/css/styles.css" />
  8.  
  9. 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  10. 	<script type="text/javascript" src="http://localhost/portfolio/public/js/jquery.roundabout-1.0.min.js"></script> 
  11. 	<script type="text/javascript" src="http://localhost/portfolio/public/js/jquery.easing.1.3.js"></script>
  12. 	<script type="text/javascript">		
  13. 		$(document).ready(function() { //Start up our Featured Project Carosuel
  14. 			$('#featured ul').roundabout({
  15. 				easing: 'easeOutInCirc',
  16. 				duration: 600
  17. 			});
  18. 		});
  19. 	</script>
  20. 	<!--[if IE 6]>
  21. 	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
  22. 	<script>
  23. 	  /* EXAMPLE */
  24. 	  DD_belatedPNG.fix('.button');
  25.  
  26. 	  /* string argument can be any CSS selector */
  27. 	  /* .png_bg example is unnecessary */
  28. 	  /* change it to what suits you! */
  29. 	</script>
  30. 	<![endif]-->
  31.  
  32. </head>
  33.  
  34. <body>
  35.  
  36. 	<div id="wrapper" class="container_12 clearfix">
  37.  
  38. 		<!-- Text Logo -->
  39. 		<h1 id="logo" class="grid_4">Title</h1>
  40.  
  41. 		<!-- Navigation Menu -->
  42. 		<ul id="navigation" class="grid_8">
  43. 			<li>
  44. 				<a href="contact.html">
  45. 					<span class="meta">Get in touch</span>
  46. 					<br />Contact Us
  47. 				</a>
  48. 			</li>
  49. 			<li>
  50. 				<a href="blog.html">
  51. 					<span class="meta">Latest news</span>
  52. 					<br />Blog
  53. 				</a>
  54. 			</li>
  55. 			<li>
  56. 				<a href="portfolio.html">
  57. 					<span class="meta">Our latest work</span>
  58. 					<br />Portfolio
  59. 				</a>
  60. 			</li>
  61. 			<li>
  62. 				<a href="about.html">
  63. 					<span class="meta">Who are we?</span>
  64. 					<br />About
  65. 				</a>
  66. 			</li>
  67. 			<li>
  68. 				<a href="index.html" class="current">
  69. 					<span class="meta">Homepage</span>
  70. 					<br />Home
  71. 				</a>
  72. 			</li>
  73. 		</ul>
  74.  
  75. 		<div class="hr grid_12 clearfix">&nbsp;</div><div class="hr grid_12 clearfix">&nbsp;</div>
  76.  
  77.  
  78.  
  79. <!-- Footer -->
  80.  
  81. <p class="grid_12 footer clearfix">
  82.  
  83. 	<span class="float">
  84.  
  85. 		<b>&copy; Copyright</b> 
  86.  
  87. 		<a href="">Author</a>
  88.  
  89. 	</span>
  90.  
  91. 	<a class="float right" href="#">top</a>
  92.  
  93. </p>
  94.  
  95.  
  96.  
  97. </div><!--end wrapper-->
  98.  
  99.  
  100.  
  101. </body>
  102.  
  103. </html>
[HTML] pobierz, plaintext
szok
16.01.2012, 09:15:27
Skorzystaj z tego:

http://codeigniter.com/wiki/layout_library/

Zamiast ładować milion widoków smile.gif
vvolv
16.01.2012, 11:59:36
Jeżeli to był kod wypluty na przeglądarke to jest on jak najbardziej poprawny(waliduje się), więc nie widze sensu szukania winy po stronie CI.
Sprawdz czy jakis JS nie robi Ci zamieszania.

Co do ładowania widoków, a raczej szablonów, polecam to http://philsturgeon.co.uk/demos/codeignite...ate/user_guide/

Jak nie będzie błędów w skryptach JS to jak możesz to wrzuć cały kod w jakimś zipie albo udostępnij na jakiejs stronie.
morawcik89
16.01.2012, 17:14:17
Co do JS'ów to jestem pewny, że to nie tutaj jest pies pogrzebany, bo strona załadowana z gotowego stylu działa poprawnie (nie w CI a jako zwykły html).

Pliki strony: strona.zip
Wrzucone na 00webhost

Nie wiem, może to wina kodowania? Intype pokazuje mi, że pliki CI są w ANSI a ja używam utf8.
vvolv
16.01.2012, 18:48:30
Masz "jakiś" błąd w header.php. Jakiś bo pewnie jest to wina kodowania, bo usunąłem plik i stworzyłem własny header i działało tak jak powinno. Sprawdź to i daj znać. Powodzenia ; )
morawcik89
16.01.2012, 18:55:36
Niestety u mnie dalej to samo.
vvolv
16.01.2012, 19:42:39
Sprawdź dokładniej. Skopiowałem header z Twojego pierwszego posta i działa w 100%. Kodowanie to utf-8. Musi działać
morawcik89
16.01.2012, 20:35:09
Jeśli chodzi o header.php to dziwna sprawa, próbowałem różnymi edytorami i ciągle to samo -.-
vvolv
16.01.2012, 22:00:11
To działa http://vvolv.xon.pl/header.txt

Nie kopiuj tekstu, tylko zapisz jako ten header.php, nadpisując poprzedni.
morawcik89
16.01.2012, 23:51:39
Ściągałem jako header.php i jako header.txt a potem zmieniałem rozszerzenie i podmieniałem z oryginałem ale ciągle to samo.

Edit
Cóż, problem rozwiązany. Stworzyłem projekt na z czystego CI z tym, że wszystkie pliki utworzyłem w N++ a nie Intype i działa.

Dzięki za pomoc.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.