Necesito que sin actualizar la página el mensaje de una caja modal cambie por otro cada vez que se muestre y se cierre. Los mensajes que quiero que se carguen están en la base de datos. El modal está hecho con javascript.
El mensaje que se guarda en la base de datos sale de este formulario:
def porv(request):
data = None
global nombre
nombre = None
if request.method == 'POST':
data = request.POST
nombre = request.POST.get('nombre')
form=botonForm(data=data)
if form.is_valid():
form.save()
return redirect ('index')
context = {'form':form,
'nombre':nombre,}
return render(request, 'portada.html', context)
Aquí tengo la vista que recoge el campo nombre del otro formulario, que me parece que es donde tengo el fallo ya que solo muestra el último dato de la base de datos según la longitud de la lista:
def indexv(request):
global nombre
form=botonForm()
t2=['1','2','3']
for i in t2:
t2=['1','2','3']
nombre=boton.objects.filter(id=i)
context={'form':form,
'nombre':nombre,
}
return render(request, 'index.html',context)
El codigo javascript, y el template donde quiero que se muestre es este:
<!DOCTYPE html>
{% load staticfiles %}
<html>
<head>
<title>Videos</title>
<link rel="stylesheet" href="{% static 'js/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'css/estilos.css' %}">
</head>
<body id="">
<div id="updateDetails" class="videoWrapper">
<dialog id="favDialog">
<section>
{% for boton in nombre %}
<p id="cancel">{{boton.nombre}}</p>
{% endfor %}
</section>
</dialog>
</div>
<script type="text/javascript">
(function() {
var updateButton = document.getElementById('updateDetails');
var cancelButton = document.getElementById('cancel');
var dialog = document.getElementById('favDialog');
// Update button opens a modal dialog
updateButton.addEventListener('dblclick', function() {
dialog.showModal();
});
// Form cancel button closes the dialog box
cancelButton.addEventListener('click', function() {
dialog.close();
});
})();
</script>
</body>
</html>
¿Cómo hago para que el mensaje de la caja modal cambie dinámicamente sin tener que actualizar la página?