This forum uses cookies

***admin*** · (Dieser Beitrag wurde zuletzt bearbeitet: 30.05.2022, 18:48 von admin.)

Testet ob es eine Sprungmarke gibt oder nicht.
DEMO

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>

***rzscout*** · 18.06.2022, 01:04 - Wörter:

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

Hier ein Codebeispiel - schnell mal zuhause zusammen getippt:

'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

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken