Javascript-forum
Testen ob es Sprungmarken gibt - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Testen ob es Sprungmarken gibt (/showthread.php?tid=512)



Testen ob es Sprungmarken gibt - admin - 19.04.2022

Testet  ob es eine Sprungmarke gibt oder nicht.
DEMO  

CODE;
PHP-Code:
<!DOCTYPE html>
<
html>
<
head>
 
  <title>Listen to File Update</title>
 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<
style>
body{
 
height:1000px;
}

#as{
 
margin-top:1200px;
 
font-size:100px;
 
color:red;
}

a{
 
padding-left:20%;
}

</
style>
</
head>
<
body>
<
a href="#as">Sprung was es gibt</a>
<
a href="#aa">Sprung was es nicht gibt</a
<
div id="as">Gesprungen</div>
<
script>

$(
'a').click(function(){
 
marke=$(this).attr('href');
 
marke=marke.split('#')[1];
 if(
document.getElementById(marke)){
 
  //alert('Sprung marke exestiert')
 
}else{
 
alert('sprung marke gibt esnicht');
 }
})
</
script>
</
body>
</
head



RE: Testen ob es Sprungmarken gibt - rzscout - 18.06.2022

Moin, das geht auch gut ohne jQuery mit Vanilla JavaScript.

Hier ein Codebeispiel - schnell mal zuhause zusammen getippt:

Code:
'use strict';
var sprungCount = 0;
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('a').forEach((element) => {
    let currentAttr = element.getAttribute('href');
    if(currentAttr.includes('#')) {
        sprungCount++;
    }
    if(sprungCount>0) {
        alert('Sprungmarken sind vorhanden!');
    } else {
        alert('Keine Sprungmarken vorhanden!');
    }
});
});


Viel Spass beim ausprobieren.

Gruss scoutrz