0
Ok, neue Entwicklung, ich habe die richtigen Werte in ID und Tekst, aber die Seite wird nicht richtig umgeleitet, es nur aktualisiert, ohne Fehler. Code:erhalten Sie den Wert eines Attributs eines anderen Elements, wenn Link geklickt wird
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>my page</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two" rel="stylesheet">
<link rel="stylesheet" href="css/todo.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head><body>
<p>Hallo <a href="profile.php?user=Christophe">Christophe</a>!</p>
<nav class="nav">
<ul>
<li><a href="#" id="dnperm">Notificaties toestaan</a></li>
<li><a href="update.php">Details wijzigen</a></li>
<li><a href="changepassword.php">Wachtwoord wijzigen</a></li>
<li><a href="logout.php">Afmelden</a></li>
</ul>
</nav>
<script>
var dnperm = document.getElementById('dnperm');
dnperm.addEventListener('click', function(e) {
e.preventDefault();
if(!window.Notification) {
alert('Sorry, notificaties worden niet ondersteund.');
} else {
Notification.requestPermission(function(p) {
console.log(p);
});
}
});
</script>
<script src="includes/jquery-3.1.1.min.js" type="text/javascript"></script>
<link href="css/f_clone_Notify.css" rel="stylesheet" />
<script>
var tekst;
$(document).ready(function() {
var id;
$('input[id="id"]').change(function(e) {
if($(this).is(':checked')){
window.location = "mark.php?as=done&item=" + $(this).val();
}
else
{
window.location = "mark.php?as=notdone&item=" + $(this).val();
}
});
$('.item').on('DOMSubtreeModified',function(){
tekst = $(this).text();
});
//$('#id').attr('value');
//id = $('#id').attr('value');
//console.log('click');
//url = "mark.php?as=edit&item=" + id + "&tekst=" + tekst;
//$('#wijzigen').attr("href", url);
});
function wijzigen(id) {
url = "mark.php?as=edit&item=" + id + "&tekst=" + tekst;
$('#wijzigen').attr("href", url);
}
</script>
<div class="list">
<h1 class="header">C1pa To Do</h1>
<ul class="items">
<li>
<input type="checkbox" id="id" value="1" />
<span id="item" contenteditable="true" class="item">edit text</span>
<a href="" class="hidden">
<script>
var notify;
window.setInterval(function() {
if(Notification.permission === "default") {
console.log("Notificaties niet toegestaan");
} else {
notify = new Notification("Nieuw bericht van C1pa To Do", {
body: "edit text",
icon: "images/notification.ico",
tag:"1"
});
notify.onclick = function() {
window.location = "mark.php?as=done&item=" + this.tag;
}
}
}, 60000);
</script> </a>
<a href="" onclick="wijzigen(1)" id="wijzigen" value="1" class="done-button">wijzigen</a>
<!--<a href="mark.php?as=notdone&item=" class="done-button">Niet gedaan</a>-->
</li>
<li>
<input type="checkbox" id="id" value="2" />
<span id="item" contenteditable="true" class="item">do something else db</span>
<a href="" class="hidden">
<script>
var notify;
window.setInterval(function() {
if(Notification.permission === "default") {
console.log("Notificaties niet toegestaan");
} else {
notify = new Notification("Nieuw bericht van C1pa To Do", {
body: "do something else db",
icon: "images/notification.ico",
tag:"2"
});
notify.onclick = function() {
window.location = "mark.php?as=done&item=" + this.tag;
}
}
}, 60000);
</script> </a>
<a href="" onclick="wijzigen(2)" id="wijzigen" value="2" class="done-button">wijzigen</a>
<!--<a href="mark.php?as=notdone&item=" class="done-button">Niet gedaan</a>-->
</li>
<li>
<input type="checkbox" id="id" value="11" />
<span id="item" contenteditable="true" class="item">something new</span>
<a href="" class="hidden">
</a>
<a href="" onclick="wijzigen(11)" id="wijzigen" value="11" class="done-button">wijzigen</a>
<!--<a href="mark.php?as=notdone&item=" class="done-button">Niet gedaan</a>-->
</li>
</ul>
<form class="item-add" action="add.php" method="post">
<input type="text" name="name" placeholder="Hier iets typen" class="input" autocomplete="off" required>
<input type="submit" class="submit" value="Toevoegen">
</form>
</body>
</html>
Hoffentlich habe ich den Code richtig hier jetzt, damit Sie es (siehe Kommentare) laufen kann
Ein paar Dinge. Zuerst posten Sie bitte das gerenderte HTML, nicht das PHP. Als nächstes duplizieren Sie IDs in Ihrer Schleife? Drittens, erhalten Sie irgendwelche Fehler in Ihrer Konsole? Sie sollten eine [mcve] mit einem Schwerpunkt auf * minimal * – j08691
^^ idealerweise mit Stack Snippets (die '[<>]' Toolbar-Taste) enthalten, so dass es ** vor Ort ** runnable **. –
Sorry über den ganzen Code. Ich bekomme keine Nachricht in der Konsole. wenn ich einen Haltepunkt an der spezifischen Linie:
$("#wijzigen").click(function(){setze, geht es nicht in die Schleife, es springt darüber, während es auf dem Unterbrechungspunkt aufhört, es geht nicht in die Funktion. Ich hoffe, das hilft. Vielleicht ist es erwähnenswert, dass ich ein bisschen neu in der Codierung bin. – user3906610