Reusing a menu with PHP and dir, but href is not clickable - php

I'm trying to make a menu that I can reuse. I have diffrent views in different paths, thats the reason I want to use the DIR. Only my solution doesn't work.
Does anyone know how to fix this problem. Or is there an other solution to reuse a menu?
Map structure
-Movie
-Add.php
-View
-Template
-Menu.php
Index.php
menu.php
<header>
<a href="<?= __DIR__ . '/../../'; ?>" class="header-item">
Films
</a>
<a href="<?= __DIR__ . '/../../movie/add.php'; ?>" class="header-item">
Voeg film toe
</a>
</header>
index.php
<?PHP
include 'controller/MovieController.php';
$movieController = new MovieController;
$movies = $movieController->getMovies();
?>
<!DOCTYPE html>
<html>
<head>
<link href="resources/css/general.css" rel="stylesheet">
<link href="resources/css/index.css" rel="stylesheet">
</head>
<body>
<?PHP require_once 'view/template/menu.php' ?>
<main>
<div class="films">
<?PHP
if ($movies) :
foreach ($movies as $movie) :
?>
<a class="film" href="movie/movie.php?movie=<?= htmlspecialchars($movie['id']) ?>">
<img src="<?= htmlspecialchars($movie['images']) ?>">
<h1><?= htmlspecialchars($movie['name']) ?></h1>
</a>
<?PHP
endforeach;
endif;
?>
</div>
</main>
</body>
</html>
html output
<!DOCTYPE html>
<html>
<head>
<link href="resources/css/general.css" rel="stylesheet">
<link href="resources/css/index.css" rel="stylesheet">
</head>
<body>
<header>
<a href="C:\xampp\htdocs\php-challenges\movie\view\template/../../" class="header-item">
Films
</a>
<a href="C:\xampp\htdocs\php-challenges\movie\view\template/../../movie/add.php" class="header-item">
Voeg film toe
</a>
</header>
<main>
<div class="films">
<a class="film" href="movie/movie.php?movie=2">
<img src="data:image/jpeg;base64,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">
<h1>Minion 5</h1>
</a>
<a class="film" href="movie/movie.php?movie=5">
<img src="https://play-lh.googleusercontent.com/iNhLypShzO1fBXUzQjAOZzmiBTnamR5k_4M74Qf4ZOmK4t3ETm_HNjGfinUj2fYpIz5JsocJh6e1UroOKanC=s256-rw">
<h1>Sonic</h1>
</a>
<a class="film" href="movie/movie.php?movie=8">
<img src="https://cdn.pocket-lint.com/r/s/1200x630/assets/images/159643-tv-news-spider-man-no-way-home-image1-dryautoefj.jpg">
<h1>Spiderman 2</h1>
</a>
</div>
</main>
</body>
</html>
When I hover over the menu with my mouse I get these link in my left corner.
enter image description here

Related

Header extension issue HTML & CSS?

I have a header file which has the navigation menu in it which I include on every page using function (<?php include_once 'header.php'; ?> ). But weirdly some things like my "search" button on pages other then home (index) look differently (I mean header.css dosent work with some elements)!
I will attach screenshots of the home and signup page below so you can see what I mean.
Another "header" releated issue happens when I add tag on the index page (to create side menu) it looks like the css of the "header" although "header" has its own css and index has another one.
Can someone tell me why this is happening! Apparently I cant add images here yet but if you click on teh files below it will open up and you will see what I mean. Thanks
Index page
<?php
include_once 'header.php';
?>
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="static/index.css">
</head>
<body>
<div class="category-tree">
<h4 class="cat-title">Categories</h4>
<nav>
<ul class="left-menu-categories">
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
</ul>
</nav>
</div>
</body>
Header file
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>PHP Project</title>
<link rel="stylesheet" type="text/css" href="static/header.css">
</head>
<body>
<nav>
<img src="static/img/logo.png" href="index.php" style="width: 100px">
<div class="wrapper">
<ul>
<div class="search-bar">
<form>
<input class="search-box" type="text" name="" placeholder="Search...">
<button type="submit" class="button">Search</button>
</form>
</div>
<?php
if (isset($_SESSION["userid"])) {
echo "<li><button class='sell' href=''>Button</button></li>";
echo "<li><a href='profile.php'>My Profile</a></li>";
echo "<li><a href='includes/logout.inc.php'>Log out</a></li>";
}
else {
echo "<li><a href='signup.php'>Sign Up</a></li>";
echo "<li><a href='login.php'>Login</a></li>";
}
?>
</ul>
</div>
</nav>
</body>
<div class="wrapper">
Home page
Home page
Login page
Login page

PHP is a serversided language. Include parses a file server sided into another file befor it is sended to users browser for rendering.
So your document would look like:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>PHP Project</title>
<link rel="stylesheet" type="text/css" href="static/header.css">
</head>
<body>
<nav>
<img src="static/img/logo.png" href="index.php" style="width: 100px">
<div class="wrapper">
<ul>
<div class="search-bar">
<form>
<input class="search-box" type="text" name="" placeholder="Search...">
<button type="submit" class="button">Search</button>
</form>
</div>
<?php
if (isset($_SESSION["userid"])) {
echo "<li><button class='sell' href=''>Button</button></li>";
echo "<li><a href='profile.php'>My Profile</a></li>";
echo "<li><a href='includes/logout.inc.php'>Log out</a></li>";
}
else {
echo "<li><a href='signup.php'>Sign Up</a></li>";
echo "<li><a href='login.php'>Login</a></li>";
}
?>
</ul>
</div>
</nav>
</body>
<div class="wrapper">
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="static/index.css">
</head>
<body>
<div class="category-tree">
<h4 class="cat-title">Categories</h4>
<nav>
<ul class="left-menu-categories">
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
</ul>
</nav>
</div>
</body>
to which you surely agree would be an invalid HTML markup. You have multipel <head> and <body> sections.
Your actual files should look like this:
Index.php:
<?php
include_once 'header.php';
?>
<div class="category-tree">
<h4 class="cat-title">Categories</h4>
<nav>
<ul class="left-menu-categories">
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
<li class="cat-1">Title</li>
</ul>
</nav>
</div>
</body>
</html>
header.php:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>PHP Project</title>
<link rel="stylesheet" type="text/css" href="static/header.css">
</head>
<body>
<nav>
<img src="static/img/logo.png" href="index.php" style="width: 100px">
<div class="wrapper">
<ul>
<div class="search-bar">
<form>
<input class="search-box" type="text" name="" placeholder="Search...">
<button type="submit" class="button">Search</button>
</form>
</div>
<?php
if (isset($_SESSION["userid"])) {
echo "<li><button class='sell' href=''>Button</button></li>";
echo "<li><a href='profile.php'>My Profile</a></li>";
echo "<li><a href='includes/logout.inc.php'>Log out</a></li>";
}
else {
echo "<li><a href='signup.php'>Sign Up</a></li>";
echo "<li><a href='login.php'>Login</a></li>";
}
?>
</ul>
</div>
</nav>

im including php file but after that my css and bootstrap is not working

im including db.php on the top of index.php file..but after including it my css and bootstrap is not working
this is my php file which im including. includes inside include is a folder and db.php file is inside it
<?php
include("includes/db.php");
?>
2.this is html code
<!DOCTYPE html>
<html>
<head>
<title>E-COMMERCE</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div id="top">
<div class="container">
<div class="col-md-6 offer">
welcome guest
shopping card total price:inr 100,total item 2
</div>
<div class="col-md-6">
<ul class="menu">
<li>register</li>
<li>my account</li>
<li>go to cart</li>
<li>login</li>
</ul>
</div>
</div>
</div>
3.this is the php code for dynamic slider
<?php
$get_table="select * from slider LIMIT 0,1";
$run_slider=mysqli_query($con,$get_table);
while($row=mysqli_fetch_array($run_slider)){
$slider_name=$row['slider_name'];
$slider_image=$row['slider-image'];
echo "<div class='item active'>
<img src='admin_area/slider/$slider_image' alt='$slider_name'>
</div>";
}
?>
<?php
$get_table="select * from slider LIMIT 1,3";
$run_slider=mysqli_query($con,$get_table);
while($row=mysqli_fetch_array($run_slider)) {
$slider_name=$row['slider_name'];
$slider_image=$row['slider-image'];
echo "<div class='item'>
<img src='admin_area/slider/$slider_image' alt='$slider_name' >
</div>";
}
?>

Hamburger Menu Not Working On WordPress Site

Here is my website:
drawyourpets.com
I followed the tutorial here: http://www.internetkultur.at/simple-hamburger-drop-down-menu-with-css-and-jquery/, but unfortunately my hamburger menu is always visible (it's only supposed to be visisble from 0-780px) and it doesn't work.
I copied and pasted the code from the HTML section into header.php. The code from the tutorial starts with div class="mobile nav" and ends with it's respective div. I also added
<script src="javascript.js"></script>
to link header.php to the javascript code from the tutorial. Javascript.js was uploaded to the child theme.
<?php
/** * Header template * * #package Portfolio Press */?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<script src="javascript.js"></script>
<!--[if lt IE 9]>
<script src="<?php echo esc_url( get_template_directory_uri() .
'/js/html5.js' ); ?>">
</script><![endif]-->
<?php wp_head(); ?></head><body <?php body_class(); ?>><div id="page">
<header id="branding">
<div class="col-width">
<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?
>
<div class="logo">
<a href="<?php echo esc_url( home_url( '/' ) );
?>
"rel="home">
<img src="<?php echo esc_url( portfoliopress_get_option( 'logo' ) ); ?
>" alt="<?php echo bloginfo( 'name' ) ?>">
</a>
</div>
<div class="site-description">
<h1 id="pets">DRAW YOUR PETS</h1>
<h3 id="italic">-The Creative Side-
</h2>
</div>
<div class="clear clearfix">
</div>
<div class="site-navigation primary-navigation" role="navigation">
<div class="mobile-nav">
<div class="menu-btn" id="menu-btn">
<div></div>
<span></span>
<span></span>
<span></span>
</div>
<div class="responsive-menu">
<ul>
<li><a href="http://drawyourpets.com/">
HOME</a>
</li>
<li>
<a href="http://drawyourpets.
com/index.php/audio/">
AUDIO
</a>
</li>
<li><a href="http://drawyourpets.com/index.php/video-3/">
VIDEO
</a>
</li>
<li>
<a href="http://
drawyourpets.com/index.php/other/">
OTHER</a>
</li>
</ul>
</div>
</div>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class'|
=> 'nav-menu' ) ); ?>
</div>
<div id="main">
<div class="site-wrapper">
Besides that, I just added the CSS from the tutorial into my child theme stylesheet with this media query above it:
#media screen and (min-width: 780px) .menu-btn div {
So I'm not sure what I've done wrong or what I need to do to fix it. Let me know if you have any ideas. Thanks!

<script src="javascript.js"></script>
Firstly, the path is wrong; 404;
<script src="<?php bloginfo('template_url'); ?>/js/javascript.js"></script>
bloginfo('template_url'); This is your path of theme, you can upload the javascript.js to the corresponding path
Secondly, the "javascript.js" need "jquery.js"; So you must add this behind "jquery.js"

No, you just include a jQuery files. Add this :
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
above your javascript.js

wordpress isnt loading in the_content() or footer.php

I am creating a custom theme, but have run into some problems. For your information my files are as seen below:
themes/
aq-aquatics/
css/
img/
js/
footer.php
functions.php
header.php
index.php
page-homepage.php
page-wide.php
style.css
index.php
This is my header.php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="Matthew Smart">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<title><?php wp_title(); ?></title>
<?php wp_head(); ?>
</head>
<body>
<div class="wrap">
<header>
<div class="header-top text-right">
<div class="container">
<span style="margin-right:40px;">Tel: 01922 418050</span><span>Email: sales#hollybush-garden.com</span>
</div>
</div>
<div class="container">
<div class="header-content" style="min-height:86px;">
<div class="row">
<div class="col-sm-1" style="position:absolute;top:11px;z-index:1000;">
<img src="<?= get_template_directory_uri(); ?>/img/logo.png" width="108" height="100" alt="a&d logo"/>
</div>
<div class="col-sm-offset-1 col-sm-10 text-right" style="margin-left:132px;">
<nav class="navbar">
<div class="container">
<div>
<ul class="nav navbar-nav" style="width:inherit; border-bottom:none !important;margin-top:31px;">
<li class="active">Home</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">At A & D
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li>Page 1-1</li>
<li>Page 1-2</li>
<li>Page 1-3</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Aquatics
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li>Tropical</li>
<li>Pond</li>
<li>Marine</li>
<li>Cold water</li>
<li>Aquatics Sundries</li>
</ul>
</li>
<li>Valencia Wharf Coffee Shop</li>
<li>Opening Times</li>
<li>Contact Us</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="purple-line" style="margin-bottom:25px;"></div>
</header>
This is my page.wide.php
<?php
/*
Template Name: Wide Page
*/
get_header();
?>
<?php
if ( have_posts() ) {
while ( have_posts() ) {
//
// Post Content here
the_content();
//
} // end while
} // end if
?>
<?php get_footer(); ?>
And this is my footer.php
<footer>
<div class="container">
<div class="col-sm-6">
A&D AQUATIC & GARDEN CENTRE | WEBSITE DESIGN BY <span>MATTHEW SMART</span>
</div>
<div class="col-sm-6 text-right">
<ul>
<li>TERMS AND CONDITIONS</li>
<li>PRIVACY POLICY</li>
<li>COOKES</li>
</ul>
</div>
</div>
</footer>
</div><!-- End WRAP -->
<?php wp_footer(); ?>
</body>
</html>
Now the page i am trying to test is using the wide template. I have put some dummy text into the editor and clicked publish.
Now when i try to visit the page the first thing i can see is part of the header. The browser then takes another 5 seconds and loads the navigation which is in my header.php file.
It seems to just ignore everything from the page template and afterwards. So the_content() pulls nothing through and the footer doesn't get displayed.
I have been comparing these files with other themes i have created and cannot seem to find a cause.
Does anyone know why this may be happening?
Thanks

Your loop is missing the_post().
<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
//
// Post Content here
the_content();
//
} // end while
} // end if
?>
https://codex.wordpress.org/Function_Reference/the_post
This is necessary to let WordPress know you are inside the loop, and retrieve the requested post's data. The footer isn't loading because the page is erroring out when it calls the_content() and cannot deal with this function outside the loop.
According to WordPress documentation the_content "must be within The_Loop."

PHP and HTML: How to put an element between two includes and link it in another page?

I'm working with HTML and PHP, but I have a problem. I would like to put different content for each of my pages, but I don't know how. I would like to put a content for my index.php page and a different content for my other pages:
http://prntscr.com/8359bu
and my sign-up.php page: http://prntscr.com/8359l4
I have my container with two breadcrumbs (top and bottom). I want to put my content between the two breadcrumbs and for that, I need to put the content here: http://prntscr.com/835a50
Problem: I want to work on a sign-up.php page and I want to code the register form in the sign-up.php page. But I can't, because I need to have an element that allows me to import the code of my sign-up.php: http://prntscr.com/835bq4 to this location: http://prntscr.com/835a50
Index.php:
<?php $title = "Home"; ?>
<?php require "includes/header.php"; ?>
<?php include "includes/footer.php"; ?>
Header.php:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title><?php echo $title; ?></title>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div id="body-container">
<div id="body-pusher">
<?php require "includes/navigation.php"; ?>
<div id="header">
<div class="wrapper">
<span id="logo">
Logo
</span>
<div id="visitor-links">
<ul>
<li class="sign-in">
Sign In
</li>
<li>
<a class="button sign-up" href="sign-up.php">Sign Up</a>
</li>
</ul>
</div>
</div>
</div>
<div class="wrapper">
<div id="container">
<div id="breadcrumb-top" class="breadcrumb">
<?php include "includes/breadcrumbs.php"; ?>
</div>
<div id="breadcrumb-bottom" class="breadcrumb">
<?php include "includes/breadcrumbs.php"; ?>
</div>
</div>
</div>
Sign-up.php:
<?php $title = "Sign Up"; ?>
<?php require "includes/header.php"; ?>
<?php include "includes/footer.php"; ?>
Footer.php:
<div id="footer">
<div class="wrapper">
<ul>
<li>
Help
</li>
<li>
Help
</li>
</ul>
<div id="copyright">
Coded by Dylan - ©2015-2016
</div>
</div>
</div>
</div>
</div>
Navigation.php:
<div id="navigation">
<div class="wrapper">
<ul>
<li>
Test
</li>
</ul>
</div>
</div>
I really need help please.

There is no way to solve your issue in the way you want to do. The best solution is to move your #breadcrumb-bottom into footer.php.
In your case :
header.php :
<!DOCTYPE html>
<html lang="en-US">
<head>
<title><?php echo $title; ?></title>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link href="css/style.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div id="body-container">
<div id="body-pusher">
<?php require "includes/navigation.php"; ?>
<div id="header">
<div class="wrapper">
<span id="logo">
Logo
</span>
<div id="visitor-links">
<ul>
<li class="sign-in">
Sign In
</li>
<li>
<a class="button sign-up" href="sign-up.php">Sign Up</a>
</li>
</ul>
</div>
</div>
</div>
<div class="wrapper">
<div id="container">
<div id="breadcrumb-top" class="breadcrumb">
<?php include "includes/breadcrumbs.php"; ?>
</div>
footer.php :
<div id="breadcrumb-bottom" class="breadcrumb">
<?php include "includes/breadcrumbs.php"; ?>
</div>
</div>
</div>
<div id="footer">
<div class="wrapper">
<ul>
<li>
Help
</li>
<li>
Help
</li>
</ul>
<div id="copyright">
Coded by Dylan - ©2015-2016
</div>
</div>
</div>
</div>
</div>
Sign-up.php :
<?php $title = "Sign Up"; ?>
<?php require "includes/header.php"; ?>
<!-- Code here -->
<?php include "includes/footer.php"; ?>
It's also possible to use JS but I'm not convinced it is a good solution in your case.

Categories