html - pre tag nicht funzioniert mit html + php Code bearbeitet von liebewinter 15.12.2018 16:56 ja , ich habe auf meine **/var/www/html** , zwei Datein gespeichert.. Eine , auf der **DebugHelper.php** habe gespeichert ; ~~~PHP <?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; ~~~HTML <?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.. ~~~HTML <!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> ~~~
html - pre tag nicht funzioniert mit html + php Code bearbeitet von liebewinter 15.12.2018 16:59 ja , ich habe auf meine **/var/www/html** , zwei Datein gespeichert.. Eine , auf der **DebugHelper.php** habe gespeichert ; ~~~PHP <?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; ~~~HTML <?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 ); ?> ~~~
nicht angemeldet
