Array unique mit Javascript

Mit der folgenden Javascript Funktion ist es möglich, doppelte Einträge (Duplikate) in einem Array zu entfernen. Sie array_unique Funktion in PHP.

var arr = new Array(0,2,4,2,6,4,8,6,10);
document.write(arr); // 0,2,4,2,6,4,8,6,10
document.write(array_unique(arr)); // 0,2,4,6,8,10
 
function array_unique(arrayName) {
	var newArray = new Array();
	label:for(var i=0; i<arrayName.length;i++ ) {  
		for(var j=0; j<newArray.length;j++ ) {
		        if(newArray[j] == arrayName[i]) 
				continue label;
			}
		        newArray[newArray.length] = arrayName[i];
	}
	return newArray;
}

Mit Javascript ein Url Parameter auslesen

Mit der folgenden Javascript Funktion ist es möglich ein bestimmten Request Parameter auszulesen:

http://www.ak-solutions.de/index.php?param=123

 
var param = getURLParam('param');
// output: 123
 
function getURLParam(strParamName) {
	var strReturn = '';
	var strHref = window.location.href;
	if ( strHref.indexOf('?') > -1 ) {
		var strQueryString = strHref.substr(strHref.indexOf('?')).toLowerCase();
		var aQueryString = strQueryString.split('&');
		for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
			if (aQueryString[iParam].indexOf(strParamName.toLowerCase() + '=') > -1 ) {
				var aParam = aQueryString[iParam].split('=');
				strReturn = aParam[1];
				break;
			}
		}
	}
	return unescape(strReturn);
}

Ein jQuery Fader von Nathan Searles

Demo unter http://www.ak-solutions.de/demos/fader/

Mehr Infos unter https://github.com/nathansearles/Faded

[html]
<script type="text/javascript" charset="utf-8">
$(function(){
$("#faded").faded({
speed: 500,
crossfade: true,
bigtarget: true,
loading: true,
loadingimg: "loading.gif",
autoplay: 5000,
autorestart: 8000,
random: true,
autopagination:false
});
$("#faded2").faded({
autoheight: 250
});
});
</script>

[/html]

Netter jQuery Treppeneffekt

Ein Treppeneffekt in jQuery:

Demo: http://www.ak-solutions.de/demos/treppeneffekt.php

[html]
<html>
<head>
<style type="text/css">
ul { list-style-type: none; }
ul.menu {
width: 100px;
margin: 0;
padding: 0;
float: right;
}
ul.menu li {
position: relative;
background-color: #333333;
color: #FFFFFF;
display: block;
margin: 0;
padding: 2px;
}
ul.menu li a {
color: #FFFFFF;
text-decoration: none;
}
</style>
<script type="text/javascript" src="http://www.ak-solutions.de/demos/js/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready( function() {

var list = $(‘ul.menu li’);
var anim_time = 200;

list.hover(
function() {
$(this).animate({ left: "-20px"}, anim_time);
},
function() {
$(this).animate({ left: "0px"}, anim_time);
}
);

});
</script>

<div style="width:300px;">
<div style="width:130px;float: right;">
<ul class="menu">
<li><a href="#">Entry0</a></li>
<li><a href="#">Entry1</a></li>
<li><a href="#">Entry2</a></li>
<li><a href="#">Entry3</a></li>
<li><a href="#">Entry4</a></li>
<li><a href="#">Entry5</a></li>
<li><a href="#">Entry6</a></li>
<li><a href="#">Entry7</a></li>
<li><a href="#">Entry8</a></li>
<li><a href="#">Entry9</a></li>
<li><a href="#">Entry10</a></li>
<li><a href="#">Entry11</a></li>
<li><a href="#">Entry12</a></li>
<li><a href="#">Entry13</a></li>
</ul>
</div>
</div>

</body>
</html>
[/html]