• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z wyświetlającym się błędem

VPS Starter Arubacloud
+1 głos
162 wizyt
pytanie zadane 4 czerwca 2020 w HTML i CSS przez Dybcio Nowicjusz (200 p.)
edycja 6 czerwca 2020 przez Dybcio

Witam mam problem z wyświetlającym się błędem: 

Notice: Undefined index: id in E:\xampp3\htdocs\Nowy folder\menu v1\index.php on line 51

Próbowałem kiedyś zrobić wyświetlanie podstron w divie. Tak aby był jeden plik index i w divie content wyświetlać zawartość plików podstron.

<?php $open=$_GET['id'].'.php'; If(is_file($open) and $_GET['id']!= "index") include($open); else include('aktualnosci.php');?>



<a href="index.php?id=02kontakt">Kontakt</a>
<html>
<head>

  <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <title>Kontakt</title>


</head>


<body>

<fieldset>
<legend><img alt="" src="images/malyherb.jpg"></legend>
</center>

</fieldset>

</body>
</html>

Ewentualnie jak zrobić podstrony tak aby w każdym nie pisać całego <head> i menu?

1 odpowiedź

+1 głos
odpowiedź 6 czerwca 2020 przez VBService Ekspert (251,210 p.)
edycja 27 sierpnia 2021 przez VBService
 
Najlepsza

Tworzysz jeden plik z head'erami (meta tag'i) i zapisujesz jako plik np.:  html_head.php i póżniej możesz go wykorzystać w taki oto sposób np.: w pliku index.php:

<!DOCTYPE html>
   <html lang="pl">

      <?php include_once("html_head.php"); ?>
 
      <body>
      ...
      ...
 
      <?php include_once("footer.php"); ?>
   
     </body>
  </html>

html_head.php

    <head>
        <meta charset="utf-8">
        <title>Demo loadera stron - jQuery 2020</title>
 
        <link href="http://fonts.googleapis.com/css?family=Lato:400,900&subset=latin,latin-ext" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>

 

 

Może taki oto przykład ładowania content-u do np.: div-a, zainspiruje Ciebie.
jQuery.ajax() ) Szablon strony (css) zapożyczony (po niewielkich przeróbkach) ze strony KURS CSS (#2) STYLIZACJA SZABLONU STRONY. ...

index.html

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
        <title>Demo loadera stron - jQuery 2020</title>

        <link href="http://fonts.googleapis.com/css?family=Lato:400,900&subset=latin,latin-ext" rel="stylesheet">
        <link rel="stylesheet" href="style.css">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>

    <body>
        <noscript>Ta strona do działania wymaga włączonego JavaScript.</noscript>
        <div id="container">
            <header>
                <h1 class="big_title">Header</h1>
            </header>
            <div id="content_wrapper">
                <div id="menu_left">
                    <div class="menu_left_option" menu_id="1">Strona główna</div>
                    <div class="menu_left_option" menu_id="2">Nasze projekty</div>
                    <div class="menu_left_option" menu_id="3">Kontakt</div>
                </div>

                <div id="main_page_wrapper">
                    <div id="content_loader" class="content_loader_off">
                        <img src="https://icons8.com/preloaders/preloaders/339/Hard%20disk.gif">
                    </div>
                    <div id="main_page"></div>
                </div>
            </div>
            <footer>
                Footer
            </footer>
        </div>
    </body>
    <script type="">
        $(document).ready(function() {
            page_loader('');

            $("div.menu_left_option").click(function() {
                // alert($(this).text()); // Można usunąć - do testów
                // alert($(this).attr("menu_id")); // Można usunąć - do testów
                var menu_id = $(this).attr("menu_id");
                page_loader(menu_id);
            });

            function page_loader(menu_id) {
                var page;

                switch(menu_id) {
                    case '2':
                        page = "nasze_projekty.html";
                    break;
                    case '3':
                        page = "kontakt.html";
                    break;
                    case '1':
                    default:
                        page = "glowna.html";
                }

                // https://api.jquery.com/jQuery.ajax/
                // url: "script.php",
                // method: "POST",
                // data: { id : menuId },

                $.ajax({
                    url: page,
                    beforeSend: function() {
                        $("#content_loader").attr("class","content_loader_on");
                    },
                    success: function(data) {
                        $("#main_page").html(data);
                    },
                    error: function(xhr) {
                        $("#main_page").html(page + "<br>Błąd ładowania: " + xhr.status + " " + xhr.statusText);
                    },
                    complete: function() {
                        $("#content_loader").attr("class","content_loader_off");
                        // setTimeout(clear_main_page, 4000);
                    }
                });
            }

            function clear_main_page() {
                $("#main_page").html("");
            }
        });
    </script>
</html>

style.css

body
{
	background-color: #404040;
	font-family: 'Lato', sans-serif;
}

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

header
{
	height: 100px;
	margin-top: 20px;
	font-size: 44px;
	letter-spacing: 3px;
	font-weight: 900;
	color: orangered;
	background-color: orange;
	text-align: center;
}

.big_title
{
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 2px;
	padding-top: 20px;
}

#content_wrapper
{
	background-color: green;
	color: greenyellow;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 500px;
}

#menu_left
{
	float: left;
	width: 140px;
	height: 460px;
	min-height: 460px;
	padding: 20px;
	background-color: chocolate;
	color: bisque;
	text-align: center;
	font-size: 16px;
	margin-right: 10px;
}

.menu_left_option
{
	font-size: 18px;
	height: 25px;
	padding: 10px;
	border-bottom: 2px dotted #444444;
}

.menu_left_option:hover
{
	background-color: #f36742;
	color: white;
	cursor: pointer;
}

#main_page
{
	background-color: transparent;
	color: whitesmoke;
	font-size: 18px;
	min-height: 495px;
	height: 500px;
	overflow-y: auto;
}

#content_loader
{
	position: absolute;
	width: 790px;
	height: 500px;
	z-index: 1000;
	margin-left: 190px;
	background-color: rgba(241, 214, 214, 0.45);
	backdrop-filter: blur(3px);
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

#content_loader img
{
	display: block;
	vertical-align: middle;
	text-align:center;
	margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
}

.content_loader_off
{
	display: none;
}

.content_loader_on
{
	display: block;
}

footer
{
	clear: both;
	height: 30px;
	background-color: gold;
	color: goldenrod;
	text-align: center;
	padding: 5px;
	font-size: 16px;
}

glowna.html

	<div>
		<h1>Strona główna</h1>
		<br><br>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia mollis odio eu bibendum. Praesent non hendrerit risus. Nulla id semper sem. Mauris risus mauris, ultrices sed ullamcorper sed, vulputate vel nisi. Aliquam augue ante, mattis in pulvinar vitae, ultrices nec leo. Nulla ultricies augue enim, sit amet semper tellus vulputate sit amet. Maecenas tincidunt, ex eu viverra scelerisque, quam lectus auctor nunc, at pretium nibh lacus in ligula. Cras condimentum felis ac aliquet tristique. Sed elementum eu nulla vel rutrum. Cras feugiat nulla non congue malesuada.
		<br><br>
		Cras et nulla vehicula, efficitur enim non, fermentum tortor. Curabitur id elementum leo. Sed eget turpis accumsan dolor mollis imperdiet. Praesent pellentesque laoreet lectus, at commodo magna varius vitae. Aliquam erat volutpat. Curabitur commodo, tortor laoreet sagittis cursus, nulla enim laoreet libero, et egestas risus ante vel orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc quis posuere massa, sed sollicitudin lorem. Mauris lacinia, massa efficitur malesuada luctus, arcu ex mattis erat, a venenatis magna risus nec neque. Nulla vulputate nisl urna, quis egestas orci suscipit tristique. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras auctor nec elit at ultricies. Morbi aliquam pharetra diam, vitae porta felis. Pellentesque vel arcu tincidunt, luctus justo quis, ultrices erat. Vivamus efficitur leo vitae dui molestie, eu varius sapien iaculis. In quis pharetra mauris.
		<br><br>
		Nam ullamcorper turpis non tristique sollicitudin. Etiam id magna lacus. Pellentesque vestibulum ex eget quam consectetur, sit amet luctus erat feugiat. Sed gravida tellus tempus consequat rhoncus. Phasellus lobortis magna et risus pharetra, facilisis blandit sapien tristique. Vivamus aliquam interdum arcu, eget facilisis ante gravida ut. Proin nec nisl ut lacus finibus sagittis id non nibh. Donec volutpat pretium libero. Sed fermentum vel ante vitae mattis. Curabitur porttitor turpis at scelerisque auctor. Sed vitae iaculis risus, ut iaculis nibh.
	</div>
	<div>
		<h1>Strona główna</h1>
		<br><br>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia mollis odio eu bibendum. Praesent non hendrerit risus. Nulla id semper sem. Mauris risus mauris, ultrices sed ullamcorper sed, vulputate vel nisi. Aliquam augue ante, mattis in pulvinar vitae, ultrices nec leo. Nulla ultricies augue enim, sit amet semper tellus vulputate sit amet. Maecenas tincidunt, ex eu viverra scelerisque, quam lectus auctor nunc, at pretium nibh lacus in ligula. Cras condimentum felis ac aliquet tristique. Sed elementum eu nulla vel rutrum. Cras feugiat nulla non congue malesuada.
		<br><br>
		Cras et nulla vehicula, efficitur enim non, fermentum tortor. Curabitur id elementum leo. Sed eget turpis accumsan dolor mollis imperdiet. Praesent pellentesque laoreet lectus, at commodo magna varius vitae. Aliquam erat volutpat. Curabitur commodo, tortor laoreet sagittis cursus, nulla enim laoreet libero, et egestas risus ante vel orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc quis posuere massa, sed sollicitudin lorem. Mauris lacinia, massa efficitur malesuada luctus, arcu ex mattis erat, a venenatis magna risus nec neque. Nulla vulputate nisl urna, quis egestas orci suscipit tristique. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras auctor nec elit at ultricies. Morbi aliquam pharetra diam, vitae porta felis. Pellentesque vel arcu tincidunt, luctus justo quis, ultrices erat. Vivamus efficitur leo vitae dui molestie, eu varius sapien iaculis. In quis pharetra mauris.
		<br><br>
		Nam ullamcorper turpis non tristique sollicitudin. Etiam id magna lacus. Pellentesque vestibulum ex eget quam consectetur, sit amet luctus erat feugiat. Sed gravida tellus tempus consequat rhoncus. Phasellus lobortis magna et risus pharetra, facilisis blandit sapien tristique. Vivamus aliquam interdum arcu, eget facilisis ante gravida ut. Proin nec nisl ut lacus finibus sagittis id non nibh. Donec volutpat pretium libero. Sed fermentum vel ante vitae mattis. Curabitur porttitor turpis at scelerisque auctor. Sed vitae iaculis risus, ut iaculis nibh.
	</div>

kontakt.html

<fieldset>
    <legend><img alt="" src="images/malyherb.jpg"></legend>
    <b>Kontakt</b><br><br>
    Administrator i redaktor: Bogusław Godziątkowski- bodziogodzio<br>
    Masz wątpliwości ? znalazłeś błąd ? chcesz coś uzupełnić ? wyślij wiadomość<br>
    <img class="pedagog" src="./images/gracias.gif">&nbsp;&nbsp;&nbsp;gg: <img src="http://status.gadu-gadu.pl/users/status.asp?id=1938262&styl=1"><a href="GG:1938262">GG:1938262</a><br>
    &nbsp;&nbsp;&nbsp;email: <a href="mailto:bodziogodzio@gmail.com">wyślij e-mail</a><br>
    &nbsp;&nbsp;&nbsp;tel. redakcja: (44) 75-77-071<br><br>
    <center>Szkoła Podstawowa <br>im. Juliana Bartoszewicza w Żarnowie<br>
    ul. Przedborska 10<br>
    26-330 Żarnów<br>
    email: <a href="mailto:spzarnow@poczta.onet.pl">spzarnow@poczta.onet.pl</a><br>
    email: <a href="mailto:gimzarnow@op.pl">gimzarnow@op.pl</a><br>
    tel./fax sekretariat (44) 75-77-071  oraz (44) 75-77-011
    </center>

    </fieldset>

1
komentarz 6 czerwca 2020 przez Dybcio Nowicjusz (200 p.)
Dzięki wielkie! biorę się za dostosowanie do moich potrzeb. :)

Podobne pytania

0 głosów
1 odpowiedź 111 wizyt
0 głosów
4 odpowiedzi 434 wizyt
pytanie zadane 14 października 2020 w PHP przez Mateusz Kita Początkujący (380 p.)
0 głosów
1 odpowiedź 630 wizyt
pytanie zadane 3 grudnia 2018 w PHP przez BlvckFox Gaduła (4,240 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...