Alert-Show und verschwinden nach Zeit

Mein Code funktioniert, aber ich mag die Warnung für einen Zeitraum von Zeit zeigen (Alarm Alarm-Warnung) und für (alert alert-Erfolg) Ich mag auch das zeigen, Alarm für Zeit, aber danach laden Sie die Seite neu.Alert-Show und verschwinden nach Zeit

Bildschirm unten Beispiel für die (Alarm Alarm-Warnung)

Es funktioniert, aber es wäre toll, wenn die Alarm-Warnung zeigen und nach einer gewissen Zeit verschwinden (ich glaube, 3 Sekunden sollte nett sein).

Bildschirm unten für den (alert alert-Erfolg)

Es ist auch arbeiten, und ich möchte auch nach einer gewissen Zeit zeigen, und verschwinden, aber für diese Warnung ich nach Alarmierung soll verschwinden, es ist direkt die Seite neu laden (ohne schließen die x Taste)

das ist meine index.php

das ist mein register.php

und das ist mein main.js

Mein Problem in main.js ist, dass ich einige Code versucht, es funktioniert, aber Nachdem der Alarm ausgeblendet wurde (3 Sekunden), wenn der Benutzer versucht, es erneut anzuzeigen, funktioniert es nicht mehr. Jeder Rat würde geschätzt werden.

Quelle

2016-11-30 Victor Huang

Postleitzahl als Text –

Sie sweetalert Plugin http://t4t5.github.io/sweetalert/ für diese verwenden können. –

@Chonchol Mahmud, danke, das Plugin ist nett. aber ich möchte immer noch wissen, um die Frage zu lösen, die ich stelle. :) –

Es wurde nicht angezeigt, da Sie nach erfolgreichem Rückruf das Element nach 3 Sekunden von setTimeout ausblenden. Was Sie tun müssen, ist, vor der Lauf setTimeout Funktion, zeigen nur das Element zurück zu Seite wie zB:

success : function() { 
    $('#register_message').show(); //show the element back 
    $('#register_message').html(''); // remove existing element 
    $('#register_message').html(data); // adding new element coming from server side 
    ........... 
    the rest of the code 
    .......... 

}

Für reload:

Wenn die Daten von Server-Seite kommt ein HTML-Code ist, dann wie folgt tun:

success : function (data) { 

    $('#register_message').show(); //show the element back 
    $('#register_message').html(''); // remove existing element 
    $('#register_message').html(data); // adding new element coming from server side 

    setTimeout(function() { 
     $('#register_message').hide(); 
     // and at here you can check whether the html coming is success or error 
     if ($(data).hasClass('alert-success')) 
      location.reload(); 

    }, 3000); 

}

Quelle

2016-11-30 06:11:06

hi, danke für die Hilfe es funktioniert, aber ich habe immer noch 1 Problem brauche deinen Rat. Die Fehler- und Erfolgsmeldung verschwindet nach 3 Sekunden. Es funktioniert, für den Erfolg. Wie kann ich sie nach 3 Sekunden zum Nachladen verwenden? wenn ich das neuladen unter dem code hinzufüge, funktionierte es aber für error message wird es auch die seite nach dem anzeigen der alarm, die die warnung anzeigen und verschwinden nur, wie kann ich für die fehlermeldung zeigen alarm und verschwinden nur. Für den Erfolg zeigen Sie den Alarm, dann verschwinden und laden Sie die Seite neu. irgendein Vorschlag? –

Froh, das zu hören und du bist willkommen Kumpel –

Try this:

setTimeout(function() { alert("my message"); }, time);

Anstelle von JS alert() Sie Bootstrap-modale Warnung oder JQuery UI-Dialog wie Alarm aufrufen können.

Quelle

2016-11-30 06:04:21

Alert-Show und verschwinden nach Zeit

Antwort

Verwandte Themen