Far comparire JS in tabelle casualmente

10-08-2007, 19.40.30

Salve a tutti, vi spiego cosa ho in mente di fare.
Ho una pagina che contiene una tabella impostata da me con vari spazi, uno occupato e gli altri temporaneamente no. Vorrei che in questi spazi vuoti compaiano casualmente degli script js però in spazi diversi da me scelti.

Esempio:
Script 1: Spazio Sopra spazio occupato
Script 2: Spazio accanto a spazio occupato
Ecc...

Qualcuno sa darmi il codice preciso?

**funcool** · 11-08-2007, 08.07.50

Non ho capito bene cosa vuoi fare, comunque ti indico cosa dovresti utilizzare.
Math.random() restituisce un numero a caso da 0 a 1. Quindi per avere un numero a caso da 0 a 4 devi utilizzare Math.floor(5*Math.random()).
Per scrivere dentro una cella devi assegnare alle celle un id (es.: <td id="nome">). Per selezionare quella cella devi utilizzare document.getElementById("nome") e per scriverci dentro devi utilizzare innerHTML. Quindi per scrivere "ciao" dentro alla cella utilizzerai document.getElementById("nome").innerHTML="ciao";.

**miki92** · 11-08-2007, 11.10.57

Praticamente, se se ho capito bene, lui ha una tabella con più celle, e una di queste è occupata. Nelle altre vuote, alternamente, vorrebbe far comparire uno script js sempre diverso. E' cosi sfur?

11-08-2007, 11.59.51

Esatto miki92 è proprio questo!

**funcool** · 11-08-2007, 12.12.18

Hai provato a fare qualcosa utilizzando le cose che ti ho detto?

11-08-2007, 12.22.32

Non so cosa devo fare ?!?!??!!

**funcool** · 11-08-2007, 12.24.52

Leggi cosa ho scritto e scrivi cosa non capisci.

**miki92** · 11-08-2007, 12.31.19

Una cosa del genere?

Codice PHP:


Math.floor(4*Math.random())

document.getElementById("cella1").innerHTML="<script type....";

**funcool** · 11-08-2007, 12.38.41

Originalmente inviato da miki92

Una cosa del genere?

Codice PHP:


Math.floor(4*Math.random())

document.getElementById("cella1").innerHTML="<script type....";

No.

I valoro da scrivere nelle celle li puoi inserire in un array:

Codice:

valori=new Array("valore 1","valore 2");

Per assegnare un valore tra quelli alla cella con id "cella 1":

Codice:

document.getElementById("cella1").innerHTML=valori[Math.floor(valori.length*Math.random())];

**miki92** · 11-08-2007, 12.53.22

Scusami un momento funcool, mi sto imbrogliando, se io ho uno script come lo inserisco in un array? E' troppo lungo no? Poi come dovrei unire i tuoi codici?

Codice PHP:


$script1 = "...";

$script2 = "...";

$script3 = "...";

valori=new Array("$script1","$script2");

val2=new Array("$script3","nessuno script");

document.getElementById("cella1").innerHTML=valori[Math.floor(valori.length*Math.random())];

document.getElementById("cella2").innerHTML=val2[Math.floor(valori.length*Math.random())];

**funcool** · 11-08-2007, 18.43.44

Originalmente inviato da miki92

Scusami un momento funcool, mi sto imbrogliando, se io ho uno script come lo inserisco in un array? E' troppo lungo no? Poi come dovrei unire i tuoi codici?

Codice PHP:


$script1 = "...";

$script2 = "...";

$script3 = "...";

valori=new Array("$script1","$script2");

val2=new Array("$script3","nessuno script");

document.getElementById("cella1").innerHTML=valori[Math.floor(valori.length*Math.random())];

document.getElementById("cella2").innerHTML=val2[Math.floor(valori.length*Math.random())];

Tu stai utilizzando un misto di PHP e JavaScript e non si può fare.

Codice:

valori=new Array("script 1","script 2");
valori2=new Array("script 3","nessuno script");
document.getElementById("cella1").innerHTML=valori[Math.floor(valori.length*Math.random())];
document.getElementById("cella2").innerHTML=valori2[Math.floor(valori2.length*Math.random())];

**miki92** · 11-08-2007, 18.54.33

Non mi funziona.

Codice HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
</head>

<body>
<script type=text/javascript>
valori=new Array("script 1","script 2");
valori2=new Array("script 3","nessuno script");
document.getElementById("cella1").innerHTML=valori[Math.floor(valori.length*Math.random())];
document.getElementById("cella2").innerHTML=valori2[Math.floor(valori2.length*Math.random())];
</script>
<table border="0" cellpadding="0" cellspacing="0" width="799" height="543">
	<!-- MSTableType="layout" -->
	<tr>
		<td id=cella2 valign="top" colspan="2" height="74">
		<!-- MSCellType="ContentHead" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td id=cella1 valign="top" height="49">
		<!-- MSCellType="ContentHead2" -->
		&nbsp;</td>
		<td valign="top" rowspan="2" width="138">
		<!-- MSCellType="NavBody" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td valign="top" height="420" width="661">
		<!-- MSCellType="ContentBody" -->
		&nbsp;</td>
	</tr>
</table>

</body>

</html>

**funcool** · 11-08-2007, 18.59.46

Lo script lo dovresti far partire dopo che carichi la tabella attraverso una funzione o scrivendo lo script dopo la tabella. Inoltre invece di scrivere solo "non funziona" cerca di dare qualche informazione in più.

**miki92** · 11-08-2007, 19.03.48

Sorry? Ora e tutto ok.

ma posso mettere anche più array vuote?

**funcool** · 11-08-2007, 19.06.08

Cosa intendi dire?

**miki92** · 11-08-2007, 19.13.24

Allora ti spiego cosa voglio fare di preciso, ho una tabella a 5 celle. Quella centrale è occupata da un flash, quelle attorno sono vuote. Voglio che con il tuo script esca in una cella per volta un determinato script o frase. Quindi quando l'utente vede vedrà 2 celle occupate e 3 vuote, naturalmente una occupata e sempre la stessa mentre l'altra sarà in posizioni diverse ogni volta che desidere e per far questo devo fare cosi vero?

Codice HTML:

valori=new Array("c1","","");
valori2=new Array("","c2","");
valori3=new Array("","","c3");

(c sta per codice)
In modo tale che ogni volta ci sia un codice diverso.

**funcool** · 11-08-2007, 19.19.01

Hai cinque celle. In una cella del file in Flash e in una delle altre quattro deve apparire uno script (sempre lo stesso?). In quale delle altre quattro è deciso a caso. E' questo che vuoi fare?

**miki92** · 11-08-2007, 19.40.42

Scusa sto facendo un po di casino, il flash al centro non si muove. E' uno script sempre diverso in una cella sempre differente.

**funcool** · 12-08-2007, 07.33.53

Questo script prende uno script a caso dell'array scripts e lo scrive dentro una cella a caso dell'array celle:

Codice:

scripts=new Array("script 1","script 2","script 3");
celle=new Array("cella1","cella2","cella3");
document.getElementById(Math.floor(celle.length*Math.random())]).innerHTML=script[Math.floor(scripts.length*Math.random())];

**miki92** · 12-08-2007, 11.32.17

Visualizzo pagina bianca.

Codice HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="799" height="543">
	<!-- MSTableType="layout" -->
	<tr>
		<td id=cella2 valign="top" colspan="2" height="74">
		<!-- MSCellType="ContentHead" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td id=cella1 valign="top" height="49">
		<!-- MSCellType="ContentHead2" -->
		&nbsp;</td>
		<td valign="top" rowspan="2" width="138">
		<!-- MSCellType="NavBody" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td id=cella3 valign="top" height="420" width="661">
		<!-- MSCellType="ContentBody" -->
		&nbsp;</td>
	</tr>
</table>
<script type=text/javascript>
scripts=new Array("script 1","script 2","script 3");
celle=new Array("cella1","cella2","cella3");
document.getElementById(Math.floor(celle.length*Math.random())]).innerHTML=script[Math.floor(scripts.length*Math.random())];
</script>
</body>

</html>

**funcool** · 13-08-2007, 07.35.34

Prova a modificare questa riga:

Codice:

document.getElementById(Math.floor(celle.length*Math.random())]).innerHTML=script[Math.floor(scripts.length*Math.random())];

In questo modo:

Codice:

document.getElementById(Math.floor(celle.length*Math.random())).innerHTML=script[Math.floor(scripts.length*Math.random())];

**miki92** · 21-08-2007, 13.51.09

Anche ora pagina bianca (scusate se rispondo solo ora ma ero bannato e ho bisogno di questo script):

Codice HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="799" height="543">
	<!-- MSTableType="layout" -->
	<tr>
		<td id=cella2 valign="top" colspan="2" height="74">
		<!-- MSCellType="ContentHead" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td id=cella1 valign="top" height="49">
		<!-- MSCellType="ContentHead2" -->
		&nbsp;</td>
		<td valign="top" rowspan="2" width="138">
		<!-- MSCellType="NavBody" -->
		&nbsp;</td>
	</tr>
	<tr>
		<td id=cella3 valign="top" height="420" width="661">
		<!-- MSCellType="ContentBody" -->
		&nbsp;</td>
	</tr>
</table>
<script type=text/javascript>
scripts=new Array("script 1","script 2","script 3");
celle=new Array("cella1","cella2","cella3");
document.getElementById(Math.floor(celle.length*Math.random())).innerHTML=script[Math.floor(scripts.length*Math.random())];
</script>
</body>

</html>

**funcool** · 22-08-2007, 08.21.27

Metti questo (testato e funzionante):

Codice:

document.getElementById(celle[Math.floor(celle.length*Math.random())]).innerHTML=scripts[Math.floor(scripts.length*Math.random())];

**miki92** · 22-08-2007, 11.12.44

Ok ora funziona, ho risolto quasi quello che volevo fare io. Grazie funcool. Ora mi manca un ultima cosa per fare quello che ho in mente.

Discussione: Far comparire JS in tabelle casualmente

LinkBack

Strumenti discussione

Display

Far comparire JS in tabelle casualmente

Regole di scrittura