[Erledigt] Dynamische Anzeige von Meldungen

[Schmakus]

Hi,

in meinem PHP Script habe ich einzelne Meldungen (Fehlermeldungen, Meldung bei SQL Insert OK, etc.)
Nun möchte ich diese Meldungen nicht statisch anzeigen, sondern diese sollen
kurz erscheinen und anschließend wieder ausblenden.
Hat hier jemand einen Ansatz, bzw. mit welchen Suchbegriffen kann ich Mr. Goolge füttern?

Grüße!

[mYkon]

Flashmessages

https://github.com/CodeSeven/toastr

[Spamversender]

Du könntest, wofür ich jQuery empfehle ein DIV über dessen ID einblenden und nach einer Zeit wieder ausblenden.
Die CSS Eigenschaften sollten position: fixed sein.

[Schmakus]

Flashmessages

https://github.com/CodeSeven/toastr

Das gefällt mir sehr gut!

Das mit den DIV's liegt ja quasi vor der Nase.......
Hab schon lange nix mehr programmiert!

Danke!

[Schmakus]

Also, ich habe mir nun mal dies "Toastr" Sache angeschaut.
Da ich mit Javascript noch nicht so viel zu tun hatte, stellt sich mir nun die Frage, wie ich so eine Notification in mein Script einbauen kann!?

Den Code habe ich komplett herunter geladen und die Scripte in meine HTML Seite eingebunden. Nun stehe ich vor dem Problem, eine Notification "anzuwerfen".

Über ein Beispiel würde ich mich sehr freuen!

[Schmakus]

Thema erledigt!

Ich habe es zum Testen mal so gemacht:

Links zum Auslösen der Funktion:

	<a id='linkButton'>ClickMe</a></br>
	<a id='errorOrt'>ClickMe</a>

Und hier das Javascript:

		$(document).ready(function() {
				toastr.options.timeOut = 1500; // 1.5s
				toastr.info('Page Loaded!');

			$('#linkButton').click(function() {
				toastr.success('Click Button');
			});
		
			$('#errorOrt').click(function() {
				toastr.error("Ein Ort muss ausgewählt sein!");

					toastr.options = {
					  "closeButton": false,
					  "debug": false,
					  "progressBar": false,
					  "positionClass": "toast-top-right",
					  "preventDuplicates": false,
					  "onclick": null,
					  "showDuration": "1000",
					  "hideDuration": "1000",
					  "timeOut": "5000",
					  "extendedTimeOut": "5000",
					  "showEasing": "swing",
					  "hideEasing": "linear",
					  "showMethod": "fadeIn",
					  "hideMethod": "fadeOut"
					};
			});
		});