У меня есть несколько изображений PNG, которые должны быть кликабельными (например, onclick="changeCamera()"
).
Они работают нормально, пока я помещаю их на страницу index.php, но этот элемент (или другие, как кнопкии поля ввода) просто не будут работать на других моих страницах, где они мне нужны.
Я использую только страницу index.php в качестве "домашней" страницы, а все остальные мои страницыоткрыть с помощью <?php include(pagina($_GET['pagina'])); ?>
в части <SECTION>
.Я не знаю PHP, это то, что я скопировал из предыдущего проекта.
Это моя страница указателя, где кнопки работают просто отлично:
<?php
include("inc/inc_pagina.php");
if(!isset($_GET['pagina'])){
$_GET['pagina'] = "home";
}
?>
<!DOCTYPE html>
<html>
<head>
<title> test site </title>
<meta charset="utf-8">
<meta name="description" content="Test website">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="javascript/buttons.js"></script>
</head>
<body>
<header>
<h1> test1</h1>
<nav>
<ul id="main-menu">
<li><a href="index.php?pagina=home" target="_self">Home</a></li>
<li><a href="index.php?pagina=test">Testpagina</a></li>
<!-- <li><a href="http://validator.w3.org/">w3c validator</a></li> -->
</ul>
</nav>
</header>
<br ><br ><br ><br ><br ><br >
<img src="images/alert2.png" id="alert" onclick="changeAlert()" style="cursor:pointer;" width="25px" height="25px">
<img src="images/na2.png" id="na" onclick="changeNa()" style="cursor:pointer;" width="25px" height="25px">
<img src="images/checked2.png" id="checked" onclick="changeChecked()" style="cursor:pointer;" width="25px" height="25px">
<img src="images/error2.png" id="error" onclick="changeError()" style="cursor:pointer;" width="25px" height="25px">
<img src="images/comment2.png" id="comment" onclick="changeComment()" style="cursor:pointer;" width="22px" height="22px">
<img src="images/camera2.png" id="camera" onclick="changeCamera()" style="cursor:pointer;" width="25px" height="25px">
<section>
<?php include(pagina($_GET['pagina'])); ?>
</section>
<footer>Copyright © 2019
</footer>
</body>
</html>
Это моя тестовая страница, гдекажется, ничего не работает, и ничто даже не кликабельно:
<script type="text/javascript" src="javascript/buttons.js"></script>
<img src="images/alert2.png" id="alert" onclick="changeAlert()" style="cursor:pointer;" width="25px" height="25px"/></br>
<img src="images/na2.png" id="na" onclick="changeNa()" style="cursor:pointer;" width="25px" height="25px"></br>
<img src="images/checked2.png" id="checked" onclick="changeChecked()" style="cursor:pointer;" width="25px" height="25px"></br>
<img src="images/error2.png" id="error" onclick="changeError()" style="cursor:pointer;" width="25px" height="25px"></br>
<img src="images/comment2.png" id="comment" onclick="changeComment()" style="cursor:pointer;" width="22px" height="22px"></br>
<img src="images/camera2.png" id="camera" onclick="changeCamera()" style="cursor:pointer;" width="25px" height="25px"></br>