dialog( ) JQuery

[Diego Pessanha 0]

Muito boa tarde,

Gostaria de uma ajuda de você, tenho o seguinte codigo em JavaScript:

$(document).ready(function(){
$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() { 
$(this).dialog("close"); 
}, 
"Cancel": function() { 
$(this).dialog("close"); 
} 
}
});

$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
});

 

E chamo no html assim:

<a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Ajuda</a>
<div id="dialog" title="CEP"><p>Campo se autocompleta. Selecionar CEP no combobox.</p></div>

Ele funciona, mas quero colocar mais na pagina.

Eu gostaria que apartir desse codigo eu possa reutiliza-lo para abrir varias caixas de dialogo na mesma página.

Sem precisar fazer varias vezes a mesma funcao so mudando o nome do ID, quero ajuda para tornar esse codigo dinamico.

Alguem pode me ajudar com isso ?

 

Obrigado.

[William Bruno 1501]

dispare através de uma class

[Diego Pessanha 0]

dispare através de uma class

 

Sei muito pouco de JavaScript, como ficaria o codigo?

Se importa de colocar um exemplo por favor?

[Ted k' 126]

O que ele está querendo afirmar é que, teu script está pegando por ID "#dialog", cria classe, exemplo ".dialog" e crie as divs com a classe ".dialog"