I just uploaded my website to hostinger(hosting provider)
.It works on localhost.
I get this error
Fatal error: Call to undefined function navigator_web() in /home/u664439336/public_html/index.php on line 45
localhost php version : 5.3.1
hostinger php version : 5.3
this my index.php
<?php
session_start();
unset($_SESSION['SESS_USERNAME']);
?>
<html>
<head>
<title>Sistem Pakar Diagnosa Bipolar Disorder</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
<?php include("library.php"); include("koneksi_db.php");?>
</head>
<body id="homepage">
<!-- Header -->
<div id="header">
<div id="logo-wrapper">
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><marquee scrollamount="10">Sistem Pakar Diagnosa Gangguan Bipolar Disorder 1</marquee></h1>
<!--<span>Design by TEMPLATED</span>-->
</div>
</div>
</div>
<div class="container">
<!-- Nav -->
<nav id="nav">
<ul>
<?php navigator_web();?>
</ul>
</nav>
</div>
</div>
<!-- Header -->
<!-- Banner -->
<div id="banner">
<div class="container">
</div>
</div>
<!-- /Banner -->
<!-- Main -->
<div id="main">
<?php
$page = $_GET['page'];
if ($page==1)
include ('halaman_utama.php');
else if ($page==2)
include ('bantuan.php');
else if ($page==3)
include ('informasi.php');
else if ($page==4)
include ('registrasi.php');
else if ($page==5)
include ('lupa_password.php');
else if ($page==7)
include ('user_diagnosa.php');
else if ($page=="daftar")
include ('pasienaddfm.php');
else if ($page=="daftarsim")
include ('pasienaddsim.php');
else if ($page=="konsul")
include ('konsultasifm.php');
else if ($page=="konsul2")
include ('konsultasifm_gejala.php');
else if ($page=="konsulcek")
include ('konsultasiperiksa.php');
else if ($page=="konsulcek2")
include ('konsulperiksa2.php');
else if ($page=="hasil")
include ('analisahasil.php');
else if ($page=="mania")
include ('episodemania.php');
else if ($page=="hipomania")
include ('episodehipomania.php');
else if ($page=="depresi")
include ('episodedepresi.php');
else if ($page=="berhasil")
include ('berhasil_registrasi.php');
else if ($page=="gagal")
include ('gagal_registrasi.php');
else if ($page=="gagal2")
include ('gagal_registrasi2.php');
else if ($page=="gagal_login")
include ('gagal_login.php');
else if ($page=="gagal_login2")
include ('gagal_login2.php');
else if ($page=="haruslogin")
include ('harus_login.php');
else if ($page=="about")
include ('about.php');
else
include ('halaman_utama.php');
?>
<!-- Featured -->
<div class="container">
</div>
<!-- /Featured -->
<!-- /Main Content -->
</div>
<!-- /Main -->
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<div class="6u">
<section>
<header>
<h2 align="center">Beri Komentar </h2>
</header>
<form align="center">
<div>
<input type="text" name="nama" placeholder="Nama" />
</div>
<div>
<input type="text" name="email" placeholder="Email" />
</div>
<div>
<textarea name="komentar" rows="5" placeholder="Komentar"></textarea>
</div>
<div>
<input type="submit" value="Tambahkan Komentar"/>
</div>
</form>
</section>
</div>
<div id="fbox1" class="3u">
<section>
<!--<header>
<h2>Praesent mattis</h2>
</header>
<ul class="default">
<li class="fa fa-angle-right">Vestibulum luctus venenatis dui</li>
<li class="fa fa-angle-right">Integer rutrum nisl in mi</li>
<li class="fa fa-angle-right">Etiam malesuada rutrum enim</li>
<li class="fa fa-angle-right">Aenean elementum facilisis ligula</li>
<li class="fa fa-angle-right">Ut tincidunt elit vitae augue</li>
<li class="fa fa-angle-right">Sed quis odio sagittis leo vehicula</li>
</ul>
</section>
</div>
<div id="fbox2" class="3u">
<section>
<header>
<h2>Maecenas luctus</h2>
</header>
<ul class="default">
<li class="fa fa-angle-right">Vestibulum luctus venenatis dui</li>
<li class="fa fa-angle-right">Integer rutrum nisl in mi</li>
<li class="fa fa-angle-right">Etiam malesuada rutrum enim</li>
<li class="fa fa-angle-right">Aenean elementum facilisis ligula</li>
<li class="fa fa-angle-right">Ut tincidunt elit vitae augue</li>
<li class="fa fa-angle-right">Sed quis odio sagittis leo vehicula</li>
</ul>-->
</section>
</div>
</div>
</div>
</div>
<!-- /Footer -->
<!-- Copyright -->
<div id="copyright">
<!--<div class="container">
<section>
Design: TEMPLATED Images: Unsplash (CC0)
</section>
</div>-->
</div>
</body>
Line 45
<?php navigator_web();?>
Thank you
Yes the problem is that you are calling the function navigator_web() but didnt defined in the coding.You need to first define the function and then call it
Please add this file inclusion code at php as navigator_nav() is at library.php
Include('library.php');
Related
i am new to laravel and working on my first project in laravel 5.4.6. I have a problem that is how to render multiple dynamic sections / include / yield content into master template. I have already used #section('content') but need more sections( which have dynamic data from database) to show on my layout page. Below is my problem details:
1- Route
Route::group(['middleware' => ['web']], function () {
Route::get('/', 'HomeController#showIndex');
Route::get('/index', 'HomeController#showIndex');});
2- master.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>#yield('title')-Al Quraish Publications</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="Author" content="" />
<link href="favicon.png" rel="icon" type="image/png">
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/font-awesome.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.carousel.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.theme.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/owl-carousel/owl.transitions.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/magnific-popup/magnific-popup.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/animate.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/superslides.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/plugins/revolution-slider/css/settings.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/essentials.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/layout.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/slider.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/layout-responsive.css')}}" rel="stylesheet" type="text/css" />
<link href="{{asset('assets/css/color_scheme/brown.css')}}" rel="stylesheet" type="text/css" /><!-- orange: default style -->
<link href="{{asset('assets/css/color_scheme/brown.css')}}" rel="alternate stylesheet" type="text/css" title="brown" />
<script type="text/javascript" src="assets/plugins/modernizr.min.js"></script>
<link href="assets/css/jquery.bxslider.css" rel="stylesheet">
</head>
<body>
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="topleft">
<ul class="socials-icons">
<li><a href="https://web.facebook.com/AlQuraishPublishers?_rdr" target="_blank">
<i class="fa fa-facebook"></i> Facebook</a></li>
#if(\Auth::check())
<li>
<i class="fa fa-user"></i> Dashboard
</li>
#else
<li>
<i class="fa fa-user"></i> Log In
</li>
#endif
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="topright">
<i class="fa fa-phone"></i> 92 42 37668958 , 37652546 , 37361439
<i class="fa fa-envelope-o"></i> <a class="wht" href="mailto:info#alquraish.com">info#alquraish.com</a>
</div>
</div>
</div>
</div>
</div>
<!-- TOP NAV -->
<div class="pos-absolute">
<header id="topNav" style="height: 100px !important;"><!--data-spy="affix" data-offset-top="100" -->
<div class="container">
<!-- Top Header -->
<div class="clearfix"></div>
<!-- Mobile Menu Button -->
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
<i class="fa fa-bars"></i>
</button>
<!-- Logo text or image -->
<!-- Logo text or image -->
<a class="logo" href="index.html">
<img src="assets/images/logo.png">
</a>
<!-- Top Nav -->
<div class="navbar-collapse nav-main-collapse collapse pull-right">
<nav class="nav-main mega-menu">
<ul class="nav nav-pills nav-main scroll-menu" id="topMain">
<li>Home</li>
<li>About Us</li>
<li>Books</li>
<li>Order Now</li>
<li>Contact Us</li>
</ul>
</nav>
</div>
<!-- /Top Nav -->
</div>
</header>
</div>
<!-- WRAPPER -->
<div id="wrapper" >
<!-- REVOLUTION SLIDER -->
<div class="fullwidthbanner-container roundedcorners pos-reletive">
<div class="fullwidthbanner">
<ul>
<li data-transition="curtain-2" data-slotamount="5" data-masterspeed="700">
<img src="assets/images/sliders/1.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="curtain-2" data-slotamount="5" data-masterspeed="700">
<img src="assets/images/sliders/2.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/3.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/4.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/5.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
<li data-transition="3dcurtain-vertical" ddata-slotamount="15" data-masterspeed="300" data-delay="9400">
<img src="assets/images/sliders/6.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
<!-- /REVOLUTION SLIDER -->
#section('content')
#show
<div class="container">
<div class="row">
<div class="scroll-img">
<div id="clients-flexslider" class="flexslider home clients">
<div class="slider1">
<div class="slide">
<img src="assets/images/gallery-scroll/1.png">
<p>Nazia Kanwal Nazi</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/2.png">
<p>Riaz Aqab</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/3.png">
<p>Rizq Shah</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/4.png">
<p>Malik Safdar Hayat</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/5.png">
<p>Mehwish Iftikhar</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/6.png">
<p>Fakhira Gull</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/7.png">
<p>Asia Mirza</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/8.png">
<p>Mirza Amjad Baig</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/9.png">
<p>Anwar Ulaiqi</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/10.png">
<p>Iffat Tahir</p>
</div>
<div class="slide">
<img src="assets/images/gallery-scroll/11.png">
<p>MA Rahat</p>
</div>
</div>
</div>
</div> <!--scroll-img ends-->
=> here is i have problem becuase this setion has data from database and giving me the error of " Undefined variable: "
**<div class="col-md-12">
#include('layouts.homeWelcomeHeading')
</div>**
</div> <!--row ends-->
</div>
</div>
<!-- /WRAPPER -->
<div class="container">
<div class="row padding60">
<!-- FORM -->
<div class="col-md-6">
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FAlQuraishPublishers%2F&tabs=timeline&width=800&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="800" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div class="col-md-6">
<h3>Message Board</h3>
<h4>Publisher, Books & Magazine Distribution Book Store</h4>
<p>Order your favorite Book / Novel And Get 35% Discount...
For Online Order message Us
Book will be delivered to your door step
Free Home Delivery all across Pakistan </p>
<form class="white-row" action="#" method="post">
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>Full Name *</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name">
</div>
<div class="col-md-6">
<label>E-mail *</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>Phone / Mobile *</label>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name">
</div>
<div class="col-md-6">
<label>Subject *</label>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12">
<label>Message *</label>
<textarea maxlength="5000" data-msg-required="Please enter your message." rows="10" class="form-control" name="message" id="message"></textarea>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<input type="submit" value="Submit Message" class="btn btn-primary btn-lg" data-loading-text="Loading...">
</div>
</div>
</form>
</div>
</div>
</div>
<section class="cover margin-footer parallax" data-stellar-background-ratio="0.7" style="background-image: url('assets/images/parallax_bg.jpg');">
<div class="container">
<h3 align="center">Our customers have said</h3>
<div class="owl-carousel text-center" data-plugin-options='{"items": 1, "singleItem": true, "navigation": true, "pagination": false, "autoPlay": true, "transitionStyle":"fadeUp"}'><!-- transitionStyle: fade, backSlide, goDown, fadeUp, -->
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<cite><strong>Writer Name</strong>, Customer</cite>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="clearfix"></div>
<!-- footer content -->
<div class="footer-content">
<div class="container">
<div class="row">
<!-- FOOTER CONTACT INFO -->
<div class="column col-md-8">
<h3>Title</h3>
<p class="contact-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<p class="contact-desc">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<!-- /FOOTER CONTACT INFO -->
<!-- FOOTER Profile -->
<div class="column col-md-4">
<h3>Get In Touch</h3>
<address class="font-opensans">
<ul>
<li class="footer-sprite address">
text will be here
</li>
<li class="footer-sprite phone">
<strong>Landline:</strong> +1234567789<br>
</li>
<li class="footer-sprite email">
info#mail.com<br>
</li>
</ul>
</address>
</div>
<!-- /FOOTER Profile -->
</div>
</div>
</div>
<!-- footer content -->
<!-- copyright , scrollTo Top -->
<div class="footer-bar">
<div class="container">
<span class="copyright">Copyright © All Rights Reserved.
<span style="display:inline-block; text-align: right; float: right; "> ||
Powered by: <small>Me</small></span>
</span>
<a class="toTop" href="#topNav">Go To Top <i class="fa fa-arrow-circle-up"></i></a>
</div>
</div>
<!-- copyright , scrollTo Top -->
</footer>
<!-- /FOOTER -->
<script type="text/javascript" src="assets/plugins/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.appear.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.isotope.js"></script>
<script type="text/javascript" src="assets/plugins/masonry.js"></script>
<script src="assets/js/jquery.bxslider.js"></script>
<script src="assets/js/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider1').bxSlider({
auto: true,
autoControls: true,
slideWidth: 155,
minSlides: 2,
maxSlides: 7,
slideMargin: 10,
pager: true,
moveSlides: 2,
/*'auto': true,
'autoControls': true,
'pager':false,
'pager':false,
'infiniteLoop':false,
'minSlides':1,
'maxSlides': 3,
'slideWidth': '210px',
'slideMargin':5*/
});
$('#slider2').bxSlider({
'auto': true,
'autoControls': true,
'adaptiveHeight': true,
/*mode: 'vertical',*/
});
});
</script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/plugins/stellar/jquery.stellar.min.js"></script>
<script type="text/javascript" src="assets/plugins/knob/js/jquery.knob.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="assets/plugins/superslides/dist/jquery.superslides.min.js"></script>
<script type="text/javascript" src="assets/plugins/mediaelement/build/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="assets/js/slider_revolution.js"></script>
<script type="text/javascript" src="assets/js/scripts.js"></script>
</body>
</html>
3- Controller
public function showIndex()
{
//$text = DB::table('content')->get();
$text = Content::all();
return view('index', ['ok', $text]);
}
Please help me in this problem i am stuck.
As far as I understand from your question if you need multiple dynamic section to be inserted into master, you need multiple yeilds like
#yield('content')
#yield('dynamin-1')
#yield('dynamic-2')
.......
.......
then in another blade file you need to extend the master and insert the sections like
#extends('layouts.master')
#section('content')
bla bla <strong>bla bla bla....</strong>
#endsection
#section('dynamin-1')
bla bla <strong>bla bla bla....</strong>
#endsection
#section('dynamin-2')
bla bla <strong>bla bla bla....</strong>
#endsection
....
so in your case you do not need the #section('content') in you master unless you put it consciously! whenever you will put #section('content') in a extended view this section in master will be overridden!
Dear i think you are using
#section() // instead of yield()
make sure you use
#yield('content')
#yield('section1')
#yield('section2')
in master.blade php
in child pages you can do it like this
#extends('layouts.master')
#section('content')
#endsection
#section('section1')
#endsection
#section('section2')
#endsection
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I can't include external header .html with PHP 5.6 <?php include ("Menu.html"); ?> `
But in result the menu is never shown. Here is My full project
This the external Menu.html file (with header):
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/favicon.png">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Dan Caldr">
<!-- Mobile Specific Metas
================================================== -->
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template CSS Files
================================================== -->
<!-- Twitter Bootstrs CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Ionicons Fonts Css -->
<link rel="stylesheet" href="css/ionicons.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Hero area slider css-->
<link rel="stylesheet" href="css/slider.css">
<!-- owl craousel css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- template main css file -->
<link rel="stylesheet" href="css/main.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Template Javascript Files
================================================== -->
<!-- modernizr js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- owl carouserl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- slider js -->
<script src="js/slider.js"></script>
<script src="js/jquery.fancybox.js"></script>
<!-- template main js -->
<script src="js/main.js"></script>
<header id="top-bar" class="navbar-fixed-top animated-header">
<div class="container">
<div class="navbar-header">
<!-- responsive nav button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- /responsive nav button -->
<!-- logo -->
<div class="navbar-brand">
<a href="index.html">
<img src="images/logo.png">
</a>
</div>
<!-- /logo -->
</div>
<!-- main menu -->
<nav class="collapse navbar-collapse navbar-right" role="navigation">
<div class="main-menu">
<ul class="nav navbar-nav navbar-right">
<li> Hlavní strana
</li>
<li>About
</li>
<li>Service
</li>
<li class="dropdown">
Služby <span class="caret"></span>
<div class="dropdown-menu">
<ul>
<li>404 Page
</li>
<li>Gallery
</li>
</ul>
</div>
</li>
<li class="dropdown">
Blog <span class="caret"></span>
<div class="dropdown-menu">
<ul>
<li>Blog Full
</li>
<li>Blog Left sidebar
</li>
<li>Blog Right sidebar
</li>
</ul>
</div>
</li>
<li>Kontakt
</li>
</ul>
</div>
</nav>
<!-- /main nav -->
</div>
</header>
This is the file where I want insert Menu.html
<!DOCTYPE html>
<html class="no-js">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/favicon.png">
<title>Internetové poradenství & služby</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Dan Caldr">
<!-- Mobile Specific Metas
================================================== -->
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template CSS Files
================================================== -->
<!-- Twitter Bootstrs CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Ionicons Fonts Css -->
<link rel="stylesheet" href="css/ionicons.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Hero area slider css-->
<link rel="stylesheet" href="css/slider.css">
<!-- owl craousel css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- template main css file -->
<link rel="stylesheet" href="css/main.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Template Javascript Files
================================================== -->
<!-- modernizr js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<!-- jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- owl carouserl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- slider js -->
<script src="js/slider.js"></script>
<script src="js/jquery.fancybox.js"></script>
<!-- template main js -->
<script src="js/main.js"></script>
<!-- Insert files THIS IS NOT WORKING-->
<link rel="import" href="Menu.html">
</head>
<body>
<!--
==================================================
Slider Section Start
================================================== -->
<section id="hero-area">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="block wow fadeInUp" data-wow-delay=".3s">
<!-- Slider -->
<section class="cd-intro">
<h1 class="wow fadeInUp animated cd-headline slide" data-wow-delay=".4s"> <span>Zajímáte se o</span><br>
<span class="cd-words-wrapper"> <b class="is-visible">Získání více klientů?</b> <b>získání úspěchu na sociálních sítích?</b> <b>zefektivnění čiností?</b> <b> cokoliv jiného? </b> </span> </h1>
</section>
<!-- cd-intro -->
<!-- /.slider -->
<h2 class="wow fadeInUp animated" data-wow-delay=".6s">
<!-- Přidat něco o internetu--> "Internet je místo neuvěřitelných možností."<br>
A rozhodně může výrazně pomct i vám.<br>
</h2>
<a class="btn-lines dark light wow fadeInUp animated smooth-scroll btn btn-default btn-green" data-wow-delay=".9s" href="#works" data-section="#works">nabídka</a>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
<h2> O mně </h2>
<p>Díky několikaleté praxi jsem schopný pracovat s témněř jakýmkoliv programem. Vím jak fungují vyhledávače a jak Vás posunout nahoru. Umím perfektně zacházet se sociálními sítěmi.</p>
<p>Vím, že univerzální řešení nemusí každému vyhovovat, a proto se snažím, aby moje služby byly efektivní a zároveň přátelské.</p>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
<img src="images/about/about.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!--/#main-slider-->
<!--
==================================================
Slider Section Start
================================================== -->
<!-- /#about -->
<!--
==================================================
Portfolio Section Start
================================================== -->
<section id="works" class="works">
<div class="container">
<div class="section-heading">
<h1 class="title wow fadeInDown" data-wow-delay=".3s">moje nabídka</h1>
<p class="wow fadeInDown" data-wow-delay=".5s">Soustředím se na tyto oblasti
<br>Pokud potřebujete něco jiného můžete mě kontaktovat a já Vám zkusím připravit speciální řešení</p>
</div>
<div class="row">
<div class="col-sm-4 col-xs-12">
<figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
<div class="img-wrapper">
<img src="images/portfolio/item-1.jpg" class="img-responsive" alt="this is a title">
<div class="overlay">
<div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-1.jpg">Demo</a> <a target="_blank" href="single-portfolio.html">Details</a>
</div>
</div>
</div>
<figcaption>
<h4> Pro podnikání </h4>
<p>Obchody, hotely, kadeřnictví...</p>
</figcaption>
</figure>
</div>
<div class="col-sm-4 col-xs-12">
<figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="img-wrapper">
<img src="images/portfolio/item-2.jpg" class="img-responsive" alt="this is a title">
<div class="overlay">
<div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-2.jpg">Demo</a> <a target="_blank" href="single-portfolio.html">Details</a>
</div>
</div>
</div>
<figcaption>
<h4> Webové stránky </h4>
<p>Založení, přesun, nástroje, oprava...</p>
</figcaption>
</figure>
</div>
<div class="col-sm-4 col-xs-12">
<figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="img-wrapper">
<img src="images/portfolio/item-3.jpg" class="img-responsive" alt="">
<div class="overlay">
<div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-3.jpg">Demo</a> <a target="_blank" href="single-portfolio.html">Details</a>
</div>
</div>
</div>
<figcaption>
<h4> Sociální sítě & další </h4>
<p>Youtube, Facebook... A jiné služby</p>
</figcaption>
</figure>
</div>
</div>
</div>
</section>
<!-- #works -->
<!--
==================================================
Portfolio Section Start
================================================== -->
<section id="feature">
<div class="container">
<div class="section-heading">
<h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
<p class="wow fadeInDown" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
<br>quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.</p>
</div>
<div class="row">
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-flask-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Well documented.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Well documented.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-americanfootball-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Free updates</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-keypad-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Solid Support</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
<div class="media-left">
<div class="icon"> <i class="ion-ios-barcode-outline"></i>
</div>
</div>
<div class="media-body">
<h4 class="media-heading">Simple Installation</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /#feature -->
</body>
</html>
Thanks
Name your main file to .php
Ex : if you have your file name index.html then rename it to index.php
Second step also rename your menu file to menu.php instead of menu.html
then you can do like this
in index file:
<html>
Your html code here
<?php include("menu.php"); ?>
</html>
Always remember that if you want to include files in PHP they should have a .php extension
Also remember that the file in which you are including should also have a .php extension
Ex : if you are including menu.php in index.html then it wont work
I am trying to create a login form, in that login form I am using fetch_array() method to fetch the fields that user enter,but it showing some errors:
Login.php
<?php
include ("Connection.php");
?>
<?php
if(isset($_POST['Login']))
{
$Em = $_POST['form-email'];
$Pw = $_POST['form-password'];
$result = $con->query("SELECT * FROM userdetails where Email='$Em' Password='$Pw'");
$row = $result->fetch_assoc(MYSQLI_BOTH);
session_start();
$_SESSION["UserID"] = $row['UserID'];
header('Location: index.php');
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GTEC Registration Form Template</title>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/form-elements.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicon and touch icons -->
</head>
<body>
<!-- Top content -->
<div class="top-content">
<div class="inner-bg">
<div class="container">
<div class="row">
<div class="col-sm-7 text">
<h1><strong>GTEC Network</strong> Registration Form</h1>
<div class="description">
<p class="jumbotron">
To be a premier Institution of choice in the region and become one of the leading educational Institutions in the country widely recognized for providing high quality, transformative and affordable value based education in the field of Engineering and Technology.
</p>
</div>
<div class="top-big-link">
<a class="btn btn-link-2" href="registrer.php">Sign Up!</a>
</div>
</div>
<div class="col-sm-5 form-box">
<div class="form-top">
<div class="form-top-left">
<h3>Login</h3>
<p>Fill in the form below to get instant access:<br/>
Once you login your account ,<br/>
You can access gtec network thereby you can view ur syllabus,timetable,updates,
internal marks,results,also you can ur forum for many purpose</p>
</div>
<div class="form-top-right">
<i class="fa fa-pencil"></i>
</div>
</div>
<div class="form-bottom">
<form role="form" action="" method="post" class="Login-form">
<div class="form-group">
<label class="sr-only" for="form-email">Email</label>
<input type="email" name="form-email" placeholder="Email..." class="form-email form-control" id="form-email">
</div>
<div class="form-group">
<label class="sr-only" for="form-password">Email</label>
<input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">
</div>
<button type="submit" class="btn" name="Login">Login!</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<script src="assets/js/scripts.js"></script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
</body>
</html>
index.php
<?php session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>GTEC NetWork</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/business-frontpage.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php echo $_SESSION['UserID'];?>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">GTEC NetWork</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
About
</li>
<li>
Services
</li>
<li>
Contact
</li>
<li>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Image Background Page Header -->
<!-- Note: The background image is set within the business-casual.css file. -->
<header class="business-header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="tagline">GTEC Student Info System</h1>
</div>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<hr>
<div class="row">
<div class="col-sm-8">
<h2>What We Do</h2>
<p>Introduce the visitor to the business using clear, informative text. Use well-targeted keywords within your sentences to make sure search engines can find the business.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et molestiae similique eligendi reiciendis sunt distinctio odit? Quia, neque, ipsa, adipisci quisquam ullam deserunt accusantium illo iste exercitationem nemo voluptates asperiores.</p>
<p>
<a class="btn btn-default btn-lg" href="#">Call to Action »</a>
</p>
</div>
<div class="col-sm-4">
<h2>Contact Us</h2>
<address>
<strong>Start Bootstrap</strong>
<br>3481 Melrose Place
<br>Beverly Hills, CA 90210
<br>
</address>
<address>
<abbr title="Phone">P:</abbr>(123) 456-7890
<br>
<abbr title="Email">E:</abbr> name#example.com
</address>
</div>
</div>
<!-- /.row -->
<hr>
<div class="row">
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
<h2>Marketing Box #1</h2>
<p>These marketing boxes are a great place to put some information. These can contain summaries of what the company does, promotional information, or anything else that is relevant to the company. These will usually be below-the-fold.</p>
</div>
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
<h2>Marketing Box #2</h2>
<p>The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
<div class="col-sm-4">
<img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
<h2>Marketing Box #3</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
</div>
<!-- /.row -->
<hr>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
This is login form and index.php, I already created register form it working perfectly, the data that I registered is stored correctly, but the problem is in login form, it is redirection to index page, and the error is:
Fatal error: Call to a member function fetch_assoc() on a non-object in C:\xampp\htdocs\Studentmanagementsys\Login.php on line 13
You have syntax error in your sql query. When you executing query by mysqli, if there some sql syntax errors, method $con->query(...) will return boolean false. So, you have false value in your $result.
Php cant call method on boolean value: $result->fetch_assoc(), cause boolean is scalar value, not object. (sorry for my english)
This is the situation.
I have three files:
index.html
completeupdate.html
chronus.php
(1) and (2) are almost identical, (2) was modified to remove a button and modify some body text.
What Happens is that I call (2) from (3).
So on (1) and (2) if they are called directly from the browser the CSS works fine, but as (2) is being called from inside (3) the CSS just doesn't work.
This is how the PHP script:
<?php
//GETTING SEVER DATE
date_default_timezone_set('America/Sao_Paulo');
$currentDate = date('Y-m-d H:i:s');
//UPDATES THE LOG
function logUpdate()
{
//bunch of unharmfull and uninteresting code
}
logUpdate();
include("../jude/updatecomplete.html");
?>
UPDATE-1
Here is the (1):
Here is the (2):
UPDATE-1-END
UPDATE-2
Code for (1):
<!DOCTYPE HTML>
<html>
<head>
<title>Judith Lars</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div id="logo">
<h1>Judith Lars</h1>
<span>Lorem ipsum dolor sit amet.</span>
</div>
</header>
</div>
</div>
</div>
</div>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Banner -->
<div id="banner" class="box">
<div>
<div class="row">
<div class="7u">
<h2>Nam rutrum est gravida, adipiscing ipsum vel, viverra nisl.</h2>
<p>Donec viverra nisi in urna vestibulum, sed pharetra risus.</p>
</div>
<div class="5u">
<ul>
<li>Update it now.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="3u">
<!-- Contact -->
<section class="widget-contact last">
<h2>Contact Us</h2>
<ul>
<li><span>Twitter</span></li>
<li><span>Facebook</span></li>
</ul>
<p>Av. João, 1234<br />
São Paulo, São Paulo<br />
(11) 1234-1234</p>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© App4U Sistemas de Informação Ltda. All rights reserved.
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
Code for (2):
<!DOCTYPE HTML>
<html>
<head>
<title>Judith Lars</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/skel-noscript.css" />
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/style.css" />
<link rel="stylesheet" href="http://www.app4u.com.br/labs/royalib/verti/css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div id="logo">
<h1>Judith Lars</h1>
<span>Lorem ipsum dolor sit amet.</span>
</div>
</header>
</div>
</div>
</div>
</div>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Banner -->
<div id="banner" class="box">
<div>
<div class="row">
<div class="7u">
<h2>Morbi ultrices ultrices sem, sed placerat tortor pulvinar sed. </h2>
<p>Nullam nec nulla nisi. Nunc mauris mi, pharetra eu placerat vitae, luctus nec enim.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="3u">
<!-- Contact -->
<section class="widget-contact last">
<h2>Contact Us</h2>
<ul>
<li><span>Twitter</span></li>
<li><span>Facebook</span></li>
</ul>
<p>Av. João, 1234<br />
São Paulo, São Paulo<br />
(11) 1234-1234</p>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© App4U Sistemas de Informação Ltda. All rights reserved.
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
UPDATE-2-END
Can anyone give a head up for me?
Cheers.
You have this:
include("../jude/updatecomplete.html");
And that is including an HTML file that has in it something like this:
<LINK href="../css/styles.css" rel="stylesheet" type="text/css" />
The HTML file has its reference to the CSS relative to its location. But the PHP file is in a different location, so once the HTML file's contents are printed into the output of the PHP file, the browser cannot load the CSS file because the relative path is not correct based on the location of the PHP file.
The CSS doesn't work because your PHP script is in another directory from what the HTML you're including is. By doing so, the stylesheet your including in the HTML file does not have the correct paths. Try appending the stylesheet's paths with a ../, like so:
<link href="../css/style.css" rel="stylesheet">
and you will see that it starts working when calling the PHP script but not the HTML file directly.
You'll need to use relative paths.
Make sure in your css includes to specify relative file path with a /.
Non-relative: <link rel="stylesheet" media="all" href="css/skin.css">
Relative: <link rel="stylesheet" media="all" href="/css/skin.css">
Thanks for all the advice, tried the three options suggestions that were offered, but what really made the trick was putting the "css" folder in the "php" folder.
So I think it's not a fancy move but got it going.
Thanks.
I having an issue with this webpage using chrome. When I visit the other pages its fine but when I visited my reservation.php page a empty space is inserted in my html in the inspect view yet in source view is fine. Its ruining my design and I have tried many fixes but still wont work. Its ruing my web page design. This issue only occurs in chrome and tried opera, ie and firefox its working perfectly.
HTML SOURCE VIEW
WEB PAGE VIEW
CHROME INSPECT
As you can see here the metas are inserted at the body with an empty space before the meta..
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--meta name="viewport" content="width=device-width, initial-scale=1" /-->
<title>Vasquez Compound</title>
<link rel="stylesheet" type="text/css" href="http://localhost//public/styles/reset.css" />
<link rel="stylesheet" type="text/css" href="http://localhost//public/styles/default.css" />
<link rel="stylesheet" type="text/css" href="http://localhost//public/styles/style.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/public/scripts/javascripts/jquery-ui/themes/jquery.ui.all.css">
<link rel="stylesheet" type="text/css" href="http://localhost//public/styles/reserved-units.css" />
<link rel="icon" type="image/png" href="http://localhost//public/favicon.png" />
<!--[if gte IE 9]>
<style type="text/css">
* {
filter: none;
}
</style>
<![endif]-->
<!--[if lt IE 9]>
<script language="javascript" type="text/javascript" src="public/scripts/javascripts/html5.js"></script>
<![endif]-->
<script language="javascript" type="text/javascript" src="http://localhost//public/scripts/javascripts/jquery.1.8.2.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.core.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.widget.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.datepicker.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost//public/scripts/javascripts/main.js"></script>
</head>
<body>
<noscript>
<div id="no-script-browser">
<h1>
Opss its seems your browser this likes our site. Activate your Javascript to view our website.
<br> You will be redirected to google.com after 10 seconds.
</h1>
</div>
<div id="no-script-browser-overlay">
<table> <tr><td></td></tr> </table>
</div>
<meta http-equiv="refresh" content="10;url=http://google.com/">
</noscript>
<div id="wrapper">
<div id="header">
<div id="topbar">
<div id="topbar-content">
<div class="left upper">For tenants click here to LOGIN<!--OR CREATE AN ACCOUNT--> </div>
<div class="left mleft10">
SUPPORT <!--| <a href="">MY UNIT</a!--> |
RESERVED UNITS (<span id="session-reserved-units">1</span>) </div>
<div class="right">
<form method="get">
<input type="text" name="q" id="q" placeholder="Keyword to search" />
<input type="submit" value="Search" />
</form>
</div>
</div>
<div class="clear"></div>
</div>
<div id="nav">
<ul>
<li id="home"><img src="http://localhost//public/styles/images/home.png" width="24" height="26"></li>
<li>Units</li>
<li>Locations</li>
<li>Reservation</li>
<li>Make a Quote</li>
<li>Contact Us</li>
<li>About</li>
</ul>
<div class="clear"></div>
</div>
<div id="banner">
<div class="left">
<img src="http://localhost//public/images/banners/reservation.png" width="745" height="250">
</div>
<div class="right">
<ul id="utypes">
<li> Bungalows </li>
<li> Duplex </li>
<li> Condominiums </li>
<li> Apartments </li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<div id="contents"> <script language="javascript" type="text/javascript">
$(document).ready(function(e) {
$("input.mau").click(function(e) {
$("input.mau").each(function(index, element) {
element.disabled = true;
});
$("input.umau").each(function(index, element) {
element.disabled = false;
});
$("input.chk").each(function(index, element) {
element.checked = true;
});
});
$("input.umau").click(function(e) {
$("input.mau").each(function(index, element) {
element.disabled = false;
});
$("input.umau").each(function(index, element) {
element.disabled = true;
});
$("input.chk").each(function(index, element) {
element.checked = false;
});
});
$("input.chk").each(function(index, element) {
$(element).click(function(e) {
$("input.mau").each(function(i, el) {
el.disabled = $("input.chk:checked").get().length == $("input.chk").get().length ? true : false;
});
$("input.umau").each(function(i, el) {
el.disabled = $("input.chk:checked").get().length > 0 ? false : true;
});
});
});
});
</script>
<div class="page-contents">
<div id="reserved-units">
<form method="post">
<div class="controls">
<input type="button" value="Check All Units" class="mau" />
<input type="button" value="Uncheck All Units" class="umau" disabled />
<input type="submit" value="Post Reservations" class="right" name="post-reservation" />
<input type="submit" value="Remove Selected Units" class="right" name="remove-units" />
</div>
<div class="img-unit"> <img src="http://localhost//public/images/units/d1f92cf44b49d8ecaeda81ded08c8f97.jpg" class="unit-image">
<div class="label">
<input type="checkbox" value="1" class="chk" name="uid[]" />
<b title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis.Unit 1"> Lorem Ipsum Dolor Sit Ame... </b> </div>
</div>
<span class="clear"></span>
</form>
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="left pd10 ftw">
<h4>HOUSE TYPES</h4>
<hr />
<ul>
<li> Bungalows </li>
<li> Duplex </li>
<li> Condominiums </li>
<li> Apartments </li>
</ul>
</div>
<div class="left pd10 ftw">
<h4>Services</h4>
<hr />
<ul>
<li> Make a quote </li>
<li> Maintainance </li>
<li> Emergency response </li>
<li> Other Services </li>
</ul>
</div>
<div class="right pd10">
<h4>Contact Us</h4>
<hr />
<form method="post" action="contact-us.php" id="frmFooterContactForm">
<ul class="left">
<li><input type="text" name="fname" placeholder="Enter full name" required /></li>
<li><input type="email" name="email" placeholder="Enter valid email address" required /></li>
<li><input type="text" name="mno" placeholder="Enter mobile number" required /></li>
<li><input type="text" name="subject" placeholder="Enter subject" required /></li>
</ul>
<div class="right rbox">
<textarea placeholder="Enter your message" name="content" required></textarea>
</div>
<input type="submit" name="smsg" id="smsg" value="Send Message" required class="clear" />
</form>
</div>
</div>
<div class="clear align-center" id="end">
© UVCCS Students ™ All Rights Reserved 2013-2014 </div>
</div>
</div>
</body>
</html>
You must have an error in your HTML somewhere, because in the Chrome inspector the <meta> and <link> tags are placed in the <body>, not in the <head>.
Ok.. I found a solution.. it seems there are some unknown characters that cant be seen.. I dont know how did it get there but i tried to copy the codes and paste in notepad++ then copy it the codes from notepad++ then replaced the php file.. it worked out...
Thanks for all your help and suggestions...
I had the same problem, all my code was W3C compliant and in the Chrome inspector all the head content was in the body tag. After research, I discovered that Chrome Inspector bug when the file is encoded with UTF-8 WITH BOM.
To resolve the problem, encode your file with UTF-8 WITHOUT BOM.