0

Preciso de um comando que abra uma dialog toda vez que clicar em um link...

    <map name="Mapeamento">
    <div id="dialog" title="Imagem1">
            <p>Informação 1</p>
            <p>Informação 2</p>
            </div>
            <script>
            $( "#dialog" ).dialog({autoOpen: false});
            </script> <area shape="poly" coords="1020,240,1000,225,1020,210,1040,215" href="ABRIR A DIALOG APARTIR DAQUI">

Tentei coisas como: href="Imagem1", por exemplo, mas nada funcionou.

Tenho que usar o comando href por estar utilizando a função de mapeamento de imagem. Já procurei em muitos lugares, mas nenhum dizia como tranformar uma área determinada por area shape em um link que abra uma caixa de diálogo... Obrigada desde já!

8
  • E cada link deve ter um comportamento diferente ou simplesmente abrir o mesmo dialog com o mesmo conteúdo?
    – Sergio
    7/08/2016 às 23:55
  • Isso mesmo, todas as posições usam uma dialog, mas elas serão diferentes... 8/08/2016 às 0:05
  • Usam todos o mesmo dialog #dialog?
    – Sergio
    8/08/2016 às 0:22
  • Não, podem ser #dialogImagem1, por exemplo. 8/08/2016 às 0:24
  • E de onde vem essa informação de cada conteúdo?
    – Sergio
    8/08/2016 às 0:27

1 Resposta 1

1

Troque true por false:

$("#dialog").dialog({autoOpen: false});

Apenas a visualizar como true:

$(document).ready(function() {
  $("#dialog").dialog({autoOpen: true});
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

<map name="Mapeamento">
  <div id="dialog" title="Imagem1">
    <p>Informação 1</p>
    <p>Informação 2</p>
  </div>
  <area shape="poly" coords="1020,240,1000,225,1020,210,1040,215" href="ABRIR A DIALOG APARTIR DAQUI">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .