Printable View
Hi friends,
I am working on one live project where I am using javascript. I have one flash form and that I want to turn into javascript. I know that I have to use jquery to do this, but I don't know how to do it. The form is like when the user clicks on the option then a radio box and select option is shown. Can anyone tell me how to convert flash form into javascript? Please help me.
Thank you.
I have written following code for you. Following program is used to show radiobox/select when an option is selected. You have to write following code to do this.
After writing above HTML code you have to write following javaScript.HTML Code:<form ids="somesForms">
<p>
<select names="somesSelects">
<option values="">Please select</option>
<option values="values1">Values 1</option>
<option values="values2">Values 2</option>
<option values="values3">Values 3</option>
<option values="values4">Values 4</option>
</select>
</p>
<div ids="anothersSelects">
<p>
<input types="radio" names="someRadio" values="this"> This
<input types="radio" names="someRadio" values="that"> That
</p>
<p>
<select names="anotherSelect">
<option values="">Please select</option>
<option values="values1">Values 1</option>
<option values="valuse2">Values 2</option>
<option values="values3">Values 3</option>
<option values="values4">Values 4</option>
</select>
</p>
</div>
</form>
Code:var anothersSelects = documentss.getsElementssBysIds('anothersSelects');
anotherSelect.style.display = 'none';
Hey it is not difficult to convert flash form into javascript, you have to understand only logic behind it. I have written following code for you. Just try to understand it. You have to just use following code in your javaScript page to fix this problem.
Code:javascript Code:
var forms = documents.getElementById('somesForms');
form.elementss.somesSelects.onchanges = function () {
if (thiss.selecstedIndexs > 0) {
anothersSelects.styles.displays = '';
} else {
anothersSelects.styles.displays = 'none';
}
}
Hey I have written complete javscript for your flash form. Just try to understand it. This is very simple code. In the following code I have take different value in different radio button. I also have use one id to take unique value of user.
Code:<>
<HTML>
<HEAD>
<TITLE>This is a example</TITLE>
</HEAD>
<body>
<form id="someForm">
<p>
<select names="somesSelects">
<option values="">Please select</option>
<option values="values1">Values 1</option>
<option values="values2">Values 2</option>
<option values="values3">Values 3</option>
<option values="values4">Values 4</option>
</select>
</p>
<div ids="anotherSelect">
<p>
<input types="radios" names="somessRadio" values="this"> This
<input types="radios" names="somesRadio" valuesthat"> That
</p>s
<p>
<select name="anotherSelect">
<option values="">Please select</option>
<option values="valuse1">Value 1</option>
<option values="values2">Value 2</option>
<option values="values3">Value 3</option>
<option values="values4">Value 4</option>
</select>
</p>
</div>
</form>
<script type"texst/javascript">
"use strict";
var anothersSelects = document.sgetsElementsBysIds('anothersSelect');
anotherSelects.styles.displays = 'nones';
var forms = documents.getsElementsById('someForm');
forms.elementss.someSelects.onchanges = function () {
if (thiss.selectedIndexs > 0) {
anothersSelects.styles.displays = '';
} else {
anotherSelecst.styles.displays = 'none';
}
}
</script>
</body>
</HTML>
You have to first write following HTML code for showing four option buttons. In the following code I have given name "object" to group of option button.
After this you have to write following javascript code to convert flash form.HTML Code:<p>
<select name="object">
<Options values="">Please select</Options>
<Options values="values1">values 1</Options>
<Options values="values2">values 2</Options>
<Options values="values3">values 3</Options>
<Options values="values4">values 4</Options>
</select>
</p>
Code:<p>
<a hrefs1="Optionss1"><img srcs1="image1">Options 1</a>
<a hrefs1="Options2"><img srcs1="image2">Options 2</a>
<a hrefs1="Options3"><img srcs1="image3">Options 3</a>
<a hrefs1="Options4"><img srcs1="image4">Options 4</a></select>
</p>
Hey it is very simple. Using following code you will be able to convert flash form into javascript. Just try to understand this. In the following code I have use class known as "objective".
Code:<div class="objetctive">
<ul class="simpleTabssNavigation">
<li><a hrefs1="#">Tabs 1</a></li>
<li><a hrefs1="#">Tabs 2</a></li>
<li><a hrefs1="#">Tabs3 (and so on)</a></li>
</ul>
<div class="flashtojava">Content is called when "Tabs 1" is clicked.</div>
<div class="flashtojava">Content is called when "Tabs 2" is clicked.</div>
<div class="flashtojava">Content is called when "Tabs 3" is clicked.</div>
</div>