Forum PHP.pl > [JavaScript]Losowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Maniek1313

24.10.2011, 16:00:35

Witam mam taki kod :

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function losujlink1()
{
	document.getElementById('losowanie').innerHTML="Forum PHP";
	document.getElementById('losowanie').href="http://forum.php.pl";
}
function losujlink2()
{
	document.getElementById('losowanie').innerHTML="Google";
	document.getElementById('losowanie').href="http://www.google.pl";
}
function losujlink3()
{
	document.getElementById('losowanie').innerHTML="Wortal";
	document.getElementById('losowanie').href="http://wortal.php.pl/";
}
</script>
</head>
<body>
 
<a id="losowanie" href=""></a>
<input type="button" onclick="losujlink()" value="Wylosuj link ">
 
</body>
</html>
[HTML] pobierz, plaintext

Mój problem tkwi w tym że chciałbym żeby za każdym razem gdy kliknę na przycisk to żeby się zmienił link tylko że nie wiem jak zrobić żeby do przycisku dodać taki kod losujący liczbę.

[HTML] pobierz, plaintext 
var LOSUJ=['1','2','3'];
document.write(LOSUJ[~~(Math.random()*LOSUJ.length)]);
[HTML] pobierz, plaintext

andrew8666

24.10.2011, 21:50:35

Nie za bardzo utrudniasz sobie życie?

[HTML] pobierz, plaintext 
<script type="text/javascript">
function losujlink(){
	var rand = Math.floor(Math.random()*3);
	switch(rand){
		case 0:
			document.getElementById('losowanie').innerHTML="Forum PHP";
			document.getElementById('losowanie').href="http://forum.php.pl";
			break;
		case 1:
			document.getElementById('losowanie').innerHTML="Google";
			document.getElementById('losowanie').href="http://www.google.pl";
			break;
		case 2:
			document.getElementById('losowanie').innerHTML="Wortal";
			document.getElementById('losowanie').href="http://wortal.php.pl/";
			break;
	}
}
</script>
[HTML] pobierz, plaintext

croc

24.10.2011, 23:25:54

Lub trochę bardziej elegancko:

[JAVASCRIPT] pobierz, plaintext 
function losujlink() {
	var links = new Array(
		{href: 'http://forum.php.pl', text: 'Forum PHP'},
		{href: 'http://www.google.pl', text: 'Google'},
		{href: 'http://wortal.php.pl', text: 'Wortal'}
	);
	link = links[Math.floor(Math.random() * links.length)];
	document.getElementById('losowanie').innerHTML = link.text;
	document.getElementById('losowanie').href = link.href;
}
[JAVASCRIPT] pobierz, plaintext

Możesz sobie oczywiście dodawać/usuwać pozycje w links i nie przejmować się resztą kodu.

Maniek1313

25.10.2011, 14:28:07

Dzięki ja dopiero zaczynam naukę z js dlatego miałem problemy z tym.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.