Skip to main content

Random Layer using javascript

By
Display random layer/div in javascript

<HTML>
<Head>
<Script Language="javascript">

//global var
var last_index=0;
box_len=5;

function ret_index()
{
var ran;
do{
ran=Math.floor(Math.random()*box_len);
if(ran==0)ran=box_len;
}while(ran==last_index);

last_index=ran;
return ran;
}

function show_one(){
vBox=ret_index();
for(var i=1;i<=box_len;i++){
if(vBox!=i){
obj=document.getElementById("box_0"+i);
obj.style.display="none";
}else{
obj=document.getElementById("box_0"+i);
obj.style.display="inline";
}
}
}

</Script>
<Body>
<a href="javascript:show_one();">show One</a>
<div id='box_01' style="position:absolute;left:120;width:100;height:100;border:1px solid red;text-align:center">
<br>Box1
</div>
<div id='box_02' style="position:absolute;left:240;width:100;height:100;border:1px solid red;text-align:center">
<br>Box2
</div>
<div id='box_03' style="position:absolute;left:360;width:100;height:100;border:1px solid red;text-align:center">
<br>Box3
</div>
<div id='box_04' style="position:absolute;left:480;width:100;height:100;border:1px solid red;text-align:center">
<br>Box4
</div>
<div id='box_05' style="position:absolute;left:600;width:100;height:100;border:1px solid red;text-align:center">
<br>Box5
</div>
</body>
</Html>
Labels:

Comments

Post a Comment

Popular posts from this blog

Flex Interview Questions

By
1) What is Flex? Flex is used to devleop Rich Internet Application (RIA) You can both desktop & web based applicaiton.It is markup language and object-oriented languages its many syntax match with flash action script. Flex Developers use typically five distinct phases to develoep Rich Internet Application. Design Configure Build Deploy Secure 2) How do i get Page URL and Query String ? We can use mx.core.Application.application.url (mx.core)package to work with current page URL. & query string. 3) Describe flex component file types ? There are following file types we can use in flex. extension .mxml - a component implemented as an MXML file. extension .as - a component implemented as an ActionScript class. extension .swc - a SWC file contains components in a packge. 4) Difference between target & currentTarget ? target : This property is set by the dispatchEvent() method. You cannot change this to a different object. currentTarget : This property is set by component instan...
3 comments
Read more

Ethereum Programming Language

By
Solidity: The Programming Language of Ethereum Blockchain technology has revolutionized various industries by introducing decentralized and secure applications. Ethereum, one of the leading blockchain platforms, has gained immense popularity due to its ability to support smart contracts, which enable the execution of self-executing code with predefined rules. To write these smart contracts, developers use Solidity, a high-level, contract-oriented programming language specifically designed for Ethereum. In this article, we will explore Solidity in detail, including its features, syntax, use cases, advantages, and challenges. 1. Introduction to Solidity Solidity was introduced by Gavin Wood in 2014 and is the primary language for developing smart contracts on the Ethereum platform. It is a statically-typed language that supports inheritance, libraries, and complex user-defined types. Solidity code is compiled into bytecode, which can be executed on the Ethereum Virtual Machine (EVM), mak...
Post a Comment
Read more

How to Format My Source Code For Blogger ?

By
How to format my source code for blogger, blog, Blogging, weblog & website ? Now you can format you source code for blogger, blog, Blogging, weblog & website using online source code formatter. This application build in javascript. This source code beautifier or formatter provide for your blogger, Blog and websites a good code indentation. You can can format your source code with alternative background using <pre> tag. It does not add unnecessary tags in formatted source code excpet <pre> and <code> so just try onto your source code for blog or blogging & website posts . This is absolutly free online line source code formatter tool for your blogger & website. http://codeformatter.blogspot.com/ See example.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT=""> <META NAME="A...
2 comments
Read more