Script untuk posisi acak


Status
Not open for further replies.
Bestariweb Hosting

Bestariweb Hosting

Hosting Guru
The Warrior
Verified Provider
awaliah said:
Maaf, yg saya maksud acak pada posisi kotak warnanya. Contoh kotak hijau dgn no. 14 berada d depn, setelah di reload kotak hijau no.14 tersebut nanti posisinya berpindah misalnya k posisi 2 atau 3 atau ke posisi....
Kotak warna dgn warna dan nomor yg tetap sama (ex. Kotak hijau no. 14)
Bgmn scriptnya?
Mohon bantuannya untuk menjawab pertanyaan ini.
Terima kasih
Click to expand...
Lho.. Hasil yang terakhir kan sudah seperti itu..
Kotak 1 warna orange.. posisi pindah pindah, tapi warnanya sama
Kotak 5 warna kuning.. posisi pindah pindahm warna juga tetap sama
Kotak 20 Warna biru.. posisi pindah pindahm warna juga tetap sama
tinggal buat formulasi warnanya saja biar lebih bagus.. script yg saya tulis itu hanya script dadakan tanpa pemikiran matang.. jadi warnanya yang penting konstant, walau banyak yang mirip..
 
Bestariweb Hosting

Bestariweb Hosting

Hosting Guru
The Warrior
Verified Provider
sedikit modifikasi untuk warna, munkin bisa memberikan gambaran yang lebih jelas:

Code: 
<html>
<title>Posisi acak</title>
<style>
</style>
<body>
<?php
$angka=range(1,20);
$warna=array("#F00","#0F0","#00F","#F60","#F06","#700","#070","#007","#760","#0F7","#Ff0","#0FF","#F0F","#F6F","#37B","#70F","#07F","#FA4","#76F","#FF7");
shuffle($angka);
$i=0;
while ($i<20){
?>
<div>
<div class="drag_container2" ondrop="drop(event)" ondragover="allowDrop(event)">
<div id="patch_1_<?php echo $i;?>" style="background: <?php $j=$angka[$i]; echo $warna[$j-1];?>; float:left" class="drag_patch" draggable="true" ondragstart="drag(event)" value="<?php echo $j; ?>"><span style="padding:10px;color:0;text-align:center"><?php echo $j; ?></span></div>
</div>
<?php
$i++;
}
?>
</body>
</html>

Hasil: https://www.humayraa.com/demo/randomposition/contoh2.php
Di script tersebut, bisa di atur warna untuk angka 1 apa, angka 2 warna apa di variabel $warna
silahkan kreasikan sendiri warnanya
 
Status
Not open for further replies.

Top