Как добиться возврата подтверждения, как диалоговое окно, но с помощью jgrowl? - PullRequest
0 голосов
/ 13 августа 2011

Я работаю со скриптом форума (форум простых машин). Он использует такие сообщения-подтверждения javascript:

<a href="http://domain.net/index.php?action=deletemsg;topic=1.0;msg=1;c6c7a67=f9e1fd867513be56e5aaaf710d5f29f7" onclick="return confirm('Remove this message?');">Remove</a>

И я хочу использовать вместо этого jgrowl ... что-то вроде:

<a href="http://domain.net/index.php?action=deletemsg;topic=1.0;msg=1;c6c7a67=f9e1fd867513be56e5aaaf710d5f29f7" onclick="$.jGrowl('Remove this message?', { header: 'Confirmation', sticky: true });"/>Remove</a>

Но ... как добиться истинного / ложного возврата JavaScript с помощью jgrowl?Может ли это быть сделано в одну строку?

С уважением!Luciano

1 Ответ

0 голосов
/ 31 августа 2011

отредактировано для поддержки использования href

, вы не можете сделать это просто так, потому что jGrowl не будет модальным и заблокирует поведение вашей страницы.

Однако вы можете создать функцию длякод, который вы хотите выполнить после того, как выбор был сделан, а затем вызвать его из уведомления

. Проверьте этот пример http://jsfiddle.net/rcxVG/11/

html

<body>
    <a href="javascript: startDemo(1); alert('a');">link for 1</a><br>
    <a href="javascript: startDemo(2); ">link for 2</a><br>
        Will we notify again<div id="will-notitfy-again">yes</div>

    <br>
    now... If you want to return then
    <a href="http://www.google.com" data-confirmed="false" onclick="return returnModal(this);">click me</a>
</body>

js

function startDemo(id)
{
    $.jGrowl("to do not notify again click <a href='javascript:notFor("+id+")' onclick='closeNotif(this);'>here</a>!", { sticky: true });
}

function notFor(id){
    alert("not anymore for "+id);
    $("#will-notitfy-again").html("remember, notFor was hit for"+id);

}

function closeNotif(panel){
    $(".jGrowl-notification").has(panel).find(".jGrowl-close").click();
}
var counter=0;
var confirmedAttr="data-confirmed";
function returnModal(field){
    var $field=$(field);
    if($field.attr(confirmedAttr)=="true"){
        location.href=$field.attr("href");
    }else{
        counter++;
        //save the element somewhere so we can use it (don't know if it has an unique-id)
        $(document).data("id"+counter,$field);
        $.jGrowl("click <a href='javascript:confirmClick("+counter+")' onclick='closeNotif(this);'>here</a> to go to google!", { sticky: true });
        return false;
    }
}
function confirmClick(variableId){
    var $field=$(document).data("id"+variableId);
    $field.attr(confirmedAttr,"true");
    $field.click();
}

Дайте мне знать, было ли это хорошо, достаточно

...