In one script I have
<a href="javascript:void;" id="druck">
This is evaluated by javascript in another script (these are nested templates in django). This should then open a new window in order to prepare a site that is more printer-friendly (still a way to go).
$(function() {
var b = document.getElementById("druck");
b.onclick = function() {
var mywindow = window.open('', 'PRINT', 'height=400,width=600');
mywindow.document.write('<html><head><title>' + document.title + '</title>');
mywindow.document.write('<link rel="stylesheet" href="{% static 'boot/css/bootstrap.min.css' %}" type="text/css">');
mywindow.document.write('<link rel="stylesheet" href="{% static 'boot/css/bootstrap.css' %}" type="text/css">');
mywindow.document.write('<link rel="stylesheet" href="{% static 'boot/css/dashboard.css' %}" type="text/css">');
mywindow.document.write('</head><body>');
I would like to pass a string parameter from the first script to the second script, so that I can print the string as well. I am not fit in js, therefore I am asking how I can pass a string to such a href with an id and a javascript void function with onclick and so on.
You can do it in 2 ways. You can either call the function from the element itself like:
<a href="javascript:void;" onclick="myFunction ('string')" id="druck">
Or you can use a data-* attribute;
<a href="javascript:void;" data-string="my string" id="druck">
And inside js,
b.onclick = (event) => {
let myString = event.currentTarget.dataset.string;
//Code
}
(https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset)