When running my Django Server in Production mode, there is a problem with the render of one HTML.
I have a HTML template, i copy and modify the content of it (according to some enter values) NAME_TEMPLATE.html then render this in to a different NAME_MODIFY.HTML.
When i restart the server the 1st and 2nd render work then after it’s always render the 1st and 2nd render in a random order.
But if i check my NAME_MODIFY.HTML content, i can see the value display is not what it’s in it.
An image of the HTML content and what it display in chrome.
CONTENT OF HTML and RENDER
I try different explorer, CTRL+F5 but seems not worked.
But if set the Django Server in DEBUG mode, then the issue disappear, when i enter always different value, i can see my value changed.
Hope it’s enough clear.
Thanks in advance.
When it’s write XXXXX… i replace some text (same as AAAAA..,BBBB..,CCCC..,DDD..)
CTRL+F5, Different Explorer, DEBUG MODE
def createdfichetechnique(request):
if request.method != 'POST':
pass
# L'utilisateur clique sur CREATE
else:
# récupération du HTML du Produit sélectionnié
product = request.POST.get('Product','NoProductSelected')
# récupération du testeur sélectionné
testerid = request.POST.get('Tester','NoTesterSelected')
# récupération de la version de Programme
programloadid = request.POST.get('programload','NoProgramSelected')
# récupération du lot entré
lot = request.POST.get('lot','NoProductSelected')
# Fonction pour générer la Fiche Technique en HTML
Return = CreateTechnicalSheet(product,lot,testerid,programloadid)
# Variable Python/HTML
context = {'product': product, 'lot': lot, 'Path': Return}
# Direction la fiche Technique générer
return render(request, 'products/fichetechniquegenerated.html', context)
{% extends 'base.html' %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static "fichetechniquegenerated.css" %}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Extended+Text&display=swap" rel="stylesheet">
<br>
<br>
<br>
<br>
<br>
<tbody>
<h1>Fiche Technique g n rer pour le produit <span class="product">{{ product }}</span> et le lot <span class="lot"><input style="border: 0;text-align:center;font-weight: bold;font-si$
<div class="yesPrint">
<table class="fichetechniquetable" id="fichetechnique" border=0 cellpadding=0 cellspacing=0 width=614 style="border-collapse:collapse;table-layout:fixed;width:461pt">
<tr class="rowcontent"><td class="bluecase" id="leftcolumn">N lot (Scan)</td><td class="greencase" id="rightcolumn" name="LOTTochange">QS7896Q</td></tr>
<tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Lot CSP</td><td class="blankcase" id="rightcolumn" name="LOTTochange2">QS7896</$
<tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr>
<tr class="rowcontent"><td class="bluecase" id="leftcolumn">Nom du Produit</td><td class="greencase" id="rightcolumn">XXXXXXXXX</td></tr>
<tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Montage</td><td class="blankcase" id="rightcolumn">Prod</td></tr>
<tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr>
<tr class="rowcontent"><td class="bluecase" id="leftcolumn">Tester Qualifi </td><td class="greencase" id="rightcolumn">XXXXXXX</td></tr>
<tr class="rowcontent"><td class="graycase" id="leftcolumn">Board (Interface)</td><td class="graycase" id="rightcolumn">P106A / P106B</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test Program</td><td class="blankcase" id="rightcolumn">XXXXXXX</td></tr>
<tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="bluecase" id="leftcolumn">Program Load</td><td class="graycase" id="rightcolumn">XXXXXX</td></tr>
<tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr>
<tr class="rowcontent"><td class="graycase" id="leftcolumn">Probecard Name</td><td class="graycase" id="rightcolumn">XXXXXX</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Sites</td><td class="blankcase" id="rightcolumn">32</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Caracteristics</td><td class="blankcase" id="rightcolumn">(C) Custom</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Type</td><td class="blankcase" id="rightcolumn">Cobra Point</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Number of columns in array</td><td class="blankcase" id="rightcolumn">8</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Number of row in array</td><td class="blankcase" id="rightcolumn">4</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Primary die location</td><td class="blankcase" id="rightcolumn">Lower left</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Numbering direction</td><td class="blankcase" id="rightcolumn">Horizontal</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Numbering pattern</td><td class="blankcase" id="rightcolumn">Zig Zag</td></tr>
<tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Prober Program</td><td class="blankcase" id="rightcolumn">XXXXX</td></tr>
<tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr>
<tr class="rowcontent"><td class="graycase" id="leftcolumn">Resp Tech</td><td class="graycase" id="rightcolumn">XXXXXXXX</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test time wafer Approx (min)</td><td class="blankcase" id="rightcolumn">25</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test time by Touchdown (ms)</td><td class="blankcase" id="rightcolumn">1200</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Dies</td><td class="blankcase" id="rightcolumn">XXXXXXX</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test Program Sequence</td><td class="blankcase" id="rightcolumn">0.03</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Temp ( )</td><td class="blankcase" id="rightcolumn">Ambient</td></tr>
<tr class="rowcontent"><td class="blankcase" id="leftcolumn">Base line number</td><td class="blankcase" id="rightcolumn">2319</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Prober Program:</td></tr>
<tr class="qrcode"><td class="qrcodetd" colspan="2">*LF~NET~XXXXXXX*</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" style="text-align: center;">XXXXXXXXXX</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Test Program:</td></tr>
<tr class="qrcode"><td class="qrcodetd" colspan="2">*LH~TEST~XXXXXXXX*</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" style="text-align: center;">XXXXXXX</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Lot CSP:</td></tr>
<tr class="qrcode"><td class="qrcodetd" colspan="2" name="LOTTochange3">*LH~LOT~QS7896*</td></tr>
<tr class="rowcontent"><td class="blankcase" colspan="2" name="LOTTochange4" style="text-align: center;">QS7896</td></tr>
<tr class="rowcontent"><td class="redcase" colspan="2">XXXXXXX</td></tr>
<tr class="rowcontent"><td class="bluecase" id="leftcolumn">Specifics Informations: Probe Card Location:</td><td class="bluecase" id="rightcolumn">D21</td></tr>
<tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">AAAAAA</td></tr>
<tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">BBBBBBB</td></tr>
<tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">CCCCCCC</td></tr>
</table>
</div>
<br><br>
<input class="buttonsave" value="Print" onclick="printDiv('fichetechnique')">
<br><br>
</tbody>
<script>
function UpdateLotName(input){
var Name1 = document.getElementsByName("LOTTochange")
var Name2 = document.getElementsByName("LOTTochange2")
var Name3 = document.getElementsByName("LOTTochange3")
var Name4 = document.getElementsByName("LOTTochange4")
console.log(input)
console.log(Name1)
console.log(input.value)
Name1[0].innerHTML = input.value
console.log(Name1.innerHTML)
Name2[0].innerHTML = input.value.slice(0,-1)
console.log(Name2.innerHTML)
Name3[0].innerHTML = "*LH~LOT~" + input.value.slice(0,-1) + "*"
console.log(Name3.innerHTML)
Name4[0].innerHTML = input.value.slice(0,-1)
console.log(Name4.innerHTML)
}
function printDiv(divID) {
//Get the HTML of div
var divElements="{% load static %}<link rel="stylesheet" href="{% static "fichetechniquegenerated.css" %}"><html><head><title></title></head><body><table class="fichetechniquetable" id="fichetechnique" border=0 cellpadding=0 cellspacing=0 width=614 style="border-collapse:collapse;table-layout:fixed;width:461pt">" + document.getElementById(divID).innerHTML + '</table></body><style>.fichetechniquetable {color:#000000;font-family:"Courier New", monospace;font-weight: bold;border: 3px solid black;border-radius: 10px;margin-left: auto;margin-right: auto;}.bluecase {background:#CCFFFF;border-top: 1pt solid black;border-left: 1pt solid black;}-webkit-print-color-adjust: exact;</style>';
console.log(divElements)
//Get the HTML of whole page
var oldPage = document.body.innerHTML;
//Reset the page's HTML with div's HTML only
//document.body.innerHTML = '{% load static %}<link rel="stylesheet" href="{% static "fichetechniquegenerated.css" %}"><html><head><title></title></head><body><table class="fichetechniquetable" id="fichetechnique" border=0 cellpadding=0 cellspacing=0 width=614 style="border-collapse:collapse;table-layout:fixed;width:461pt"><tr class="rowcontent"><td class="bluecase" id="leftcolumn">N° lot (Scan)</td><td class="greencase" id="rightcolumn">QS7896Q</td></tr><tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Lot CSP</td><td class="blankcase" id="rightcolumn">QS7896</td></tr><tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr><tr class="rowcontent"><td class="bluecase" id="leftcolumn">Nom du Produit</td><td class="greencase" id="rightcolumn">XXXXXXX</td></tr><tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Status</td><td class="blankcase" id="rightcolumn">Eng</td></tr><tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr><tr class="rowcontent"><td class="bluecase" id="leftcolumn">Tester Qualifié</td><td class="greencase" id="rightcolumn">XXXXXXX</td></tr><tr class="rowcontent"><td class="graycase" id="leftcolumn">Board (Interface)</td><td class="graycase" id="rightcolumn">P106A / P106B</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test Program</td><td class="blankcase" id="rightcolumn">XXXXXXXX</td></tr><tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="bluecase" id="leftcolumn">Program Load</td><td class="graycase" id="rightcolumn">XXXXXXX</td></tr><tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr><tr class="rowcontent"><td class="graycase" id="leftcolumn">Probecard Name</td><td class="graycase" id="rightcolumn">XXXXXXX</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Sites</td><td class="blankcase" id="rightcolumn">32</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Caracteristics</td><td class="blankcase" id="rightcolumn">(C) Custom</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Probecard Type</td><td class="blankcase" id="rightcolumn">Cobra Point</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Number of columns in array</td><td class="blankcase" id="rightcolumn">8</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Number of row in array</td><td class="blankcase" id="rightcolumn">4</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Primary die location</td><td class="blankcase" id="rightcolumn">Lower left</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Numbering direction</td><td class="blankcase" id="rightcolumn">Horizontal</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Numbering pattern</td><td class="blankcase" id="rightcolumn">Zig Zag</td></tr><tr class="rowcontent" style="border-bottom: 1pt solid black;"><td class="blankcase" id="leftcolumn">Prober Program</td><td class="blankcase" id="rightcolumn">XXXXXXXXX</td></tr><tr class="emptyrow"><td class="blankcase"><br></td><td class="blankcase"></td></tr><tr class="rowcontent"><td class="graycase" id="leftcolumn">Resp Tech</td><td class="graycase" id="rightcolumn">XXXXXXXX</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test time wafer (min)</td><td class="blankcase" id="rightcolumn">25</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test time by Touchdown (ms)</td><td class="blankcase" id="rightcolumn">1200</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Dies</td><td class="blankcase" id="rightcolumn">8160</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Test Program Sequence</td><td class="blankcase" id="rightcolumn">0.03</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Temp (°)</td><td class="blankcase" id="rightcolumn">Ambient</td></tr><tr class="rowcontent"><td class="blankcase" id="leftcolumn">Base line number</td><td class="blankcase" id="rightcolumn">2319</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Prober Program:</td></tr><tr class="qrcode"><td class="qrcodetd" colspan="2">*LF~NET~XXXXXXX*</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="text-align:center;">XXXXXXXXX</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Test Program:</td></tr><tr class="qrcode"><td class="qrcodetd" colspan="2" style="text-align:center;">*LH~TEST~XXXXXXXX*</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="text-align:center;">XXXXXXX</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="border-top: 1pt solid black;">Lot CSP:</td></tr><tr class="qrcode"><td class="qrcodetd" colspan="2">*LH~LOT~QS7896Q*</td></tr><tr class="rowcontent"><td class="blankcase" colspan="2" style="text-align:center;">QS7896</td></tr><tr class="rowcontent"><td class="redcase" colspan="2">AAAAAAAA</td></tr><tr class="rowcontent"><td class="bluecase" id="leftcolumn">Specifics Informations: Probe Card Location:</td><td class="bluecase" id="rightcolumn">D21</td></tr><tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">BBBBBBBBB</td></tr><tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">CCCCCCCC</td></tr><tr class="rowcontent"><td class="greencase" id="leftcolumn" colspan="2" style="color:var(--color-murata-red);border-top: none;">CCCCCCC</td></tr></table></body><style>.fichetechniquetable {color:#000000;font-family:"Courier New", monospace;font-weight: bold;border: 3px solid black;border-radius: 10px;margin-left: auto;margin-right: auto;}.bluecase {background:#CCFFFF;border-top: 1pt solid black;border-left: 1pt solid black;}-webkit-print-color-adjust: exact;</style>';
document.body.innerHTML = divElements
//window.print();
//document.body.innerHTML = oldPage;
//Print Page
setTimeout(function () {
print_page();
}, 200);
function print_page() {
window.print();
}
//Restore orignal HTML
setTimeout(function () {
restore_page();
}, 200);
function restore_page() {
document.body.innerHTML = oldPage;
}
}
</script>
{% endblock %}