javascript - Generering af random numre ved åbning af ny side? - Udvikleren.dk

Tags: javascript

Bruger #15723 @ 01.03.10 13:23

Hej

Jeg er ved at lave en hjemmeside og er ret noob til det, på en nogle af siderne skal jeg have genereret nogle tilfældige tal mellem fx 3-18, gerne i en tabel.

Tallene skal genereres når siden loader, og ikke når man trykker på en knap.

Jeg har søgt på nettet men kan kun finde nogle scripts der generer tallene når man trykker på en knap.

Kan det jeg vil overhovedet lade sig gøre, og hvordan, og er det overhovedet javascript jeg skal bruge til det?

Hvis ikke det kan lade sig gøre hvordan pokker laver jeg så en knap der generer tilfældige tal til flere steder i samme tabel?

8 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #11506 @ 01.03.10 16:17

190

Du kan løse det ved først at lave det som en DOM opgave, hvor du lader et script søge efter hvor mange celler der er i et TABLE. Hvis TABLE har et ID kan scriptet finde alle TD og indsætte tal i. Du kan så bare føre flere TD ind i TABLE så vil der automatisk komme tal i.

I mit eksempel har jeg brugt onload kode, jeg ved ikke om du skal bruge den til noget andet..

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
window.onload = function(){
    insertRanNum();
}


var maxVal = 13;
var minVal = 3;

function insertRanNum(){
    if (document.getElementById("randomNumTable")) {    
    
        var randomNumTD = document.getElementById("randomNumTable").getElementsByTagName("TD");
	for (var i = 0; i < randomNumTD.length; i++) {		
		randVal = minVal+(Math.random()*(maxVal-minVal));
        randomNumTD[i].innerHTML =  Math.round(randVal);        
        };
   }
    
}

</script>
</head>
<body>
<table width="0" border="0" cellspacing="0" cellpadding="0" id="randomNumTable">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>

Bruger #14641 @ 01.03.10 17:13

Du kan også gøre det simplet sådan her

Ved ikke om det vil løse dit problem, koden er i php i stedet

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="207" border="1">
  <tr>
    <td width="37">text</td>
    <td width="72"><?php echo rand(3,18) ?></td>
    <td width="76">text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td><?php echo rand(3,18) ?></td>
    <td>text</td>
  </tr>
</table>
</body>
</html>

Indlæg senest redigeret d. 01.03.2010 17:17 af Bruger #14641

Bruger #15723 @ 01.03.10 16:55

Du kan løse det ved først at lave det som en DOM opgave, hvor du lader et script søge efter hvor mange celler der er i et TABLE. Hvis TABLE har et ID kan scriptet finde alle TD og indsætte tal i. Du kan så bare føre flere TD ind i TABLE så vil der automatisk komme tal i.

I mit eksempel har jeg brugt onload kode, jeg ved ikke om du skal bruge den til noget andet..

Hvor er det smukt =) det var lige det jeg ledte efter, jeg kan bare ikke hitte ud af hvordan jeg skriver i tabellen også..altså jeg er jo besværlig =)

Det jeg er ude efter er noget lignende det jeg har skrevet i den kode der.

Hvis jeg ændre på din tabel så flytter tallende bare ind i de nye rum...

Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>


<body>
<table width="207" border="1">
  <tr>
    <td width="37">text</td>
    <td width="72">random tal</td>
    <td width="76">text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
  <tr>
    <td>text</td>
    <td>random tal</td>
    <td>text</td>
  </tr>
</table>
</body>
</html>

Bruger #11506 @ 01.03.10 17:12

190

Det kan du fx løse ved at bruge className med javascript.

Det er en lidt doven løsning, men bedre end at finde hver 3. eller hver 4. TD i tablet.

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
window.onload = function(){
    insertRanNum();
}


var maxVal = 13;
var minVal = 3;

function insertRanNum(){
    if (document.getElementById("randomNumTable")) {    
    
        var randomNumTD = document.getElementById("randomNumTable").getElementsByTagName("TD");
	for (var i = 0; i < randomNumTD.length; i++) {	
		if (randomNumTD[i].className == "randomNumTD") {
		randVal = minVal+(Math.random()*(maxVal-minVal));
        randomNumTD[i].innerHTML =  Math.round(randVal); 
		}       
        };
   }
    
}

</script>
</head>
<body>
<table width="0" border="0" cellspacing="0" cellpadding="0" id="randomNumTable">
  <tr>
    <td class="randomNumTD"> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td class="randomNumTD"> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td class="randomNumTD"> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td class="randomNumTD"> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td class="randomNumTD"> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
</table>
</body>
</html>

Bruger #15723 @ 01.03.10 17:25

Det kan du fx løse ved at bruge className med javascript.

Det er en lidt doven løsning, men bedre end at finde hver 3. eller hver 4. TD i tablet.

Perfekt, superduper lige hvad jeg skulle bruge det er så smukt =D

Tror godt jeg kan regne resten ud mange tak for hjælpen.

190 Pu til dig når jeg lige hitter ud af hvordan jeg giver dem =)

Du kan også gøre det simplet sådan her
Ved ikke om det vil løse dit problem, koden er i php i stedet

Jeg gør sikkert noget forkert for dit virker ikke, men Peters virker perfekt så jeg bruger bare det, tak anyway =) 10 PU fordi du prøvede =)

Bruger #14641 @ 01.03.10 17:27

Jeg takker

Du skal huske at gemme siden som (.php) før det virker

Bruger #15723 @ 01.03.10 17:33

Jeg takker
Du skal huske at gemme siden som (.php) før det virker

Ah, ja...jeg er ikke den hurtigste model på catwalken, men tror nu stadig Peters løsning passer mig bedst, men tak =)

Bruger #14641 @ 01.03.10 17:37

Hehe bare iorden

Generering af random numre ved åbning af ny side?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler