JQuery - Snippets - Versionsgeschichte

37.49.72.8: /* Browser */

2020-08-10T17:14:04Z

Browser

2017-04-10T13:31:13Z

DOM Manipulation

2017-02-06T10:09:08Z

Events

2017-01-18T05:02:34Z

Popup (Modal) nur einmal alle 14 Tage

2017-01-12T12:00:21Z

Popup (Modal) nur einmal alle 14 Tage

2017-01-12T12:00:10Z

LocalStorage

2017-01-12T10:06:09Z

Diverses

2016-11-10T13:01:03Z

Diverses

2016-10-12T09:20:30Z

Diverses

2016-08-22T13:49:09Z

Smooth Anchor Scrolling

← Nächstältere Version		Version vom 10. August 2020, 17:14 Uhr
Zeile 311:		Zeile 311:

	</pre>		</pre>
		+	== Element erreicht Fensterrand ==
		+	http://jsfiddle.net/gizmovation/x8FDU/

	== Templates - Vorlagen ==		== Templates - Vorlagen ==

@@ Zeile 450: / Zeile 450: @@
 </pre>
-== DOM Manipulation ==
+== DOM Manipulation und Rendering ==
 === Einfaches Rollover Hide Show Skript ===

@@ Zeile 721: / Zeile 721: @@
 == Events ==
 === Anchor Click - Defaultverhalten des Browsers verhindern ===
 Manchmal möchte man verhindern, daß der Browser bei Klick auf einen Anchor zum Anchor Scrollt. Wenn man den Event als Argument mitgibt, kann man das Browser Verhalten unterbinden über preventDefault();

@@ Zeile 766: / Zeile 766: @@
 </syntaxhighlight>
 ==== Popup (Modal) nur einmal alle 14 Tage ====
 <syntaxhighlight lang="javascript">
 $(document).ready(function() {
    var now, lastTimeShown;
-   now = new Date();
+   now = new Date().getTime();
-   delay = 14 * 86400000; //seconds
+   //delay = 1 * 60000; // minutes (for testing)
    if (localStorage.getItem('lastTimeShown') !== null) {
-     lastTimeShown = new Date(parseInt(localStorage.getItem('lastTimeShown')));
+     lastTimeShown = parseInt(localStorage.getItem('lastTimeShown'));
+   }
-   if (((now - lastTimeShown) >= (delay)) || !lastTimeShown) {
+   if ( (parseInt(now) - parseInt(lastTimeShown) >= (delay)) || !lastTimeShown) {
      $.magnificPopup.open({items: {src: '#test-popup'},type: 'inline'}, 0);
      localStorage.setItem('lastTimeShown', now);

@@ Zeile 770: / Zeile 770: @@
    var now, lastTimeShown;
    now = new Date();
-   delay = 1 * 86400000; //seconds
+   delay = 14 * 86400000; //seconds
    if (localStorage.getItem('lastTimeShown') !== null) {
      lastTimeShown = new Date(parseInt(localStorage.getItem('lastTimeShown')));

@@ Zeile 753: / Zeile 753: @@
 === LocalStorage ===
-Popup nur einmal per User anzeigen lassen.
+==== Popup nur einmal per User anzeigen lassen.====
 <syntaxhighlight lang="javascript">
@@ Zeile 764: / Zeile 764: @@
 });
 </script>
 </syntaxhighlight>

← Nächstältere Version		Version vom 12. Januar 2017, 10:06 Uhr
Zeile 751:		Zeile 751:
	=== Plugins ===		=== Plugins ===
	[[jQuery - Plugins]]		[[jQuery - Plugins]]
		+
		+	=== LocalStorage ===
		+	Popup nur einmal per User anzeigen lassen.
		+
		+	<syntaxhighlight lang="javascript">
		+	<script type="text/javascript">
		+	$(document).ready(function() {
		+	if(localStorage.getItem('popState') != 'shown'){
		+	$.magnificPopup.open({items: {src: '#test-popup'},type: 'inline'}, 0);
		+	localStorage.setItem('popState','shown');
		+	}
		+	});
		+	</script>
		+	</syntaxhighlight>

← Nächstältere Version		Version vom 12. Oktober 2016, 09:20 Uhr
Zeile 736:		Zeile 736:

	== Diverses ==		== Diverses ==
		+	=== Callback ===
		+	Beispiel für Callbacks:
		+	==== Funktionen nacheinander ausführen ====
		+	Wenn man möchte, daß jQuery etwas ausführt, nachdem eine andere Funktion beendet ist benötigt man Callbacks. D.h. eine Funktion ruft nach dem Beenden eine andere oder sich selbst erneut auf. Wenn eine Funktion keinen Callback bereitstellt, kann man auf vorhandene Funktionen zurückgreifen (siehe Beispiel)
		+	==== Animate Funktion als Callback nutzen ====
		+	Kein Callback in deinem Plugin oder deiner Funktion - Animate als Callback nutzen:
		+	<syntaxhighlight lang="javascript">
		+	$('.equal-height2').animate({"height": max_height2}, function() {
		+	alert('###');
		+	pc_img_height = $('.podcasts-meta-img').height();
		+	$('.podcasts-meta-img').width(pc_img_height);
		+	})
		+	</syntaxhighlight>

@@ Zeile 595: / Zeile 595: @@
   $('#gbreslib-details-wrap').fadeTo('slow', 1,function() {scrollToAnchor("gbres_details_anchor");});
-=== Smooth Anchor Scrolling ===
+=== Smooth Anchor Scrolling (ScrollTop Animation)===
 http://stackoverflow.com/questions/7717527/jquery-smooth-scrolling-when-clicking-an-anchor-link (2015-07)
 <syntaxhighlight lang="javascript">
 $('a').click(function(){
@@ Zeile 607: / Zeile 609: @@
 And here's the fiddle: http://jsfiddle.net/9SDLw/
 If your target element does not have an ID, and you're linking to it by its name, use this:
 <syntaxhighlight lang="javascript">
@@ Zeile 616: / Zeile 619: @@
 });
 </syntaxhighlight>
-For increased performance, you should cache that $('html, body') selector, so that it doesn't run every single time an anchor is clicked:
+For '''increased performance''', you should cache that $('html, body') selector, so that it doesn't run every single time an anchor is clicked:
 <syntaxhighlight lang="javascript">
 var $root = $('html, body');
@@ Zeile 626: / Zeile 629: @@
 });
 </syntaxhighlight>
-If you want the URL to be updated, do it within the animate callback:
+If you want the '''URL to be updated''', do it within the animate callback:
 <syntaxhighlight lang="javascript">
 var $root = $('html, body');