nicht angemeldet
ja , ich habe auf meine /var/www/html , zwei Datein gespeichert..
Eine , auf der DebugHelper.php habe gespeichert ;
<?php
# File: DebugHelper.php
function DebugHelperStart() {
echo '<pre class="DebugHelper">';
ob_start();
}
function DebugHelperEnd( $stop = true ) {
echo htmlspecialchars( ob_get_clean() );
echo '</pre>';
if ( $stop ) {
exit;
}
}
?><style>
pre.DebugHelper {
display: block;
z-index:999;
border: 3px solid red;
}
</style>
dann auf denn andere datei Links_wechsel.html habe;
<?php require_once 'DebugHelper.php'; DebugHelperStart(); ?>
<nav class="link_wechsel">
<h2 class="visually-hidden">Page navigation</h2>
<ul>
<li><a <?php if ($current_page=="autos"): ?>aria-current="page" <?php endif ?> href="beispiel-1.php">1</a></li>
<li><a <?php if ($current_page=="essen"): ?>aria-current="page" <?php endif ?> href="beispiel-2.php">2</a></li>
<li><a <?php if ($current_page=="haus"): ?>aria-current="page" <?php endif ?> href="beispiel-3.php">3</a></li>
</nav>
<?php DebugHelperEnd( false ); ?>
und hier ganze Code der auf Links_wechsel.html steht..
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Links_wechsel</title>
<head>
<style>
body {
background-color: #d2f5c4;
}
</style>
<body>
<h3>Mit Javascript</h3>
<p>Lege der Code Javascript wo ich möchte gezeigt wird...</p>
<pre>
<p><script></p><br>
function setAriaCurrentPage('currentURL')
{
var currentURL = window.location.href;
for (let i = 0, i < document.links.length; i++)
{
if (document.links[i].href === 'currentURL')
{
document.links[i].setAttribute("aria-current", "page");
document.links[i].setAttribute("tabindex", "0");
document.links[i].removeAttribute("href");
}
}
}
<p></script></p><br>
</pre>
<p>....und in <b>CSS</b> schreibe;</p>
<pre>
.link_wechsel a[aria-current=page] {
background-color:green;
}
</pre>
<p>
Der <b>.link_wechsel</b> ist der namme Class , der ich auf meinr <b>nav</b> gegebe habe...
</p>
<p>Mein <b>nav</b> Code;</p>
<nav <b>class="link_wechsel"</b>><br>
<ul><br>
<li><a href="Beispiel-1.php">1</a></li><br>
<li><a href="Beispiel-1.php">2</a></li><br>
</ul><br>
</nav><br>
<p>The <b>aria-current</b> ist die <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">Eingenschaft</a> und <b>page</b> ihrer Wert..</p>
<br>
<h3>Mit PHP</h3>
<?php require_once 'DebugHelper.php'; DebugHelperStart(); ?>
<nav class="link_wechsel">
<h2 class="visually-hidden">Page navigation</h2>
<ul>
<li><a <?php if ($current_page=="autos"): ?>aria-current="page" <?php endif ?> href="beispiel-1.php">1</a></li>
<li><a <?php if ($current_page=="essen"): ?>aria-current="page" <?php endif ?> href="beispiel-2.php">2</a></li>
<li><a <?php if ($current_page=="haus"): ?>aria-current="page" <?php endif ?> href="beispiel-3.php">3</a></li>
</nav>
<?php DebugHelperEnd( false ); ?>
</body>
</html>
Gunnar Bittersmann