0

Tengo :

<img onclick="exportToFile('WORD')" src="${resource(dir: 'images', file: 'word.png')}" />

<form id="reportForm" action="/test/report1">
................
</form>

<script>
 function exportToFile(type) {
    $( "#reportForm" ).submit();
 };
</script>

Si le da a la imagen redireccionará a /test/report1, pero quiero que cuando le de a la imagen pregunte a donde quiere redireccioanr y le aparezca 2 botones para redireccionar a /test/report1 o /test/report2

1 respuesta 1

4

Podrías crearte el diálogo utilizando jQuery UI y cambiar el action del form en función del botón que se pulse:

$(function(){
  var dialog = $("#dialog").dialog({
      autoOpen: false,
      height: 400,
      width: 350,
      modal: true,
    });

  $('#exportButton').click(function() { dialog.dialog('open'); });
  
  $('.report1').click(function(){
    var $form = $('#reportForm');
    $form.action= '/test/report1';
    $form.submit();
  });

  $('.report2').click(function(){
    var $form = $('#reportForm');
    $form.action= '/test/report2';
    $form.submit();
  });

 });
 
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<img src="${resource(dir: 'images', file: 'word.png')}" id="exportButton" />

<form id="reportForm" action="/test/report1">

</form>

<div id="dialog" title="Selección">
  <input type="button" class="report1" value="Report 1" />
  <input type="button" class="report2" value="Report 2" />
</div>

1
  • eso era lo q necesitaba hacer, gracias
    – sirdaiz
    Commented el 28 abr. 2017 a las 9:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.