I am randomly selecting the maths symbol (+,-,*,/) using a math.random and then applying the relevant symbol to a variable based on the result, ie if result == 1 then symbolGen = "+"
I now need to use this symbol in the Javascript for it's original purpose, as I have two other numbers being generated and need to work out the answer.
I'm aiming for a page filled with a stack of images (about 20) - each pulled at random from a set of hundreds, ideally but not necessarily without repetition.There are heaps of threads discussing rotating individual images at random but I can't find any referencing a whole wall of images. The plan is for the arrangement to be determined only by the width of the browser so there really doesn't need to be any design to the page - just a long line of pictures, without gaps, wrapped.
View 14 Replies View RelatedI found the following script for random banner ads at [URL]. It is almost what I want, except it only appears to work once, and then no more. I suspect it has something to do with the "today" functions near the end, but being a complete novice, have no idea what to do to make it work every time I refresh.
Here's the script:
<SCRIPT>
<!-- written by The Omega
// [URL]
// the_omega@geocities.com
// You must leave these comments in to use the script
// (hey, I wrote it. Let me have a little credit!)
// put info for randomly selected banners here, as in the examples
gfx0="banner1.gif";
lnk0="page1.html";
alt0="Alt code 1";
txt0="Tagline 1";
gfx1="banner2.gif";
lnk1="page2.html";
alt1="Alt code 2";
txt1="Tagline 2";
gfx2="banner3.gif";
lnk2="page3.html";
alt2="Alt code 3";
txt2="Tagline 3";
len=3; // change to equal number of banners
today=new Date();
today=today.getTime()/10;
rnd=today%len;
document.writeln('<A HREF="'+eval("lnk"+rnd)+'"><IMG SRC="'+eval("gfx"+rnd)+'" ALT="'+eval("alt"+rnd)+'"><BR>'+eval("txt"+rnd)+'</A>');
//-->
</SCRIPT>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="[URL]">JavaScript
Kit</a></font></p>
Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that thisblank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
I found this---but havent figured out how to implement it in my scenario:
I found this---but havent figured out how to implement it in my scenario:
Code:
Source: [url]
Have a look at this maths game I made. It tests you on adding, subtracting, multiplying and dividing and has three different levels.
Note-you must save the code below as mathsgamefinal.htm for the reset button to work.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-gb">
<title></title>
</head>
<body bgcolor="#FF0000">
<script type="text/javascript">
function next1(){
var outof=document.getElementById('outof').value;
if(document.getElementById('next').value=="Next" && document.getElementById('type').value=="a"){document.getElementById('next').value='Enter' add(); document.getElementById('answer').value='answer'}
else if(document.getElementById('next').value=="Next" && document.getElementById('type').value=="m"){document.getElementById('next').value='Enter' times(); document.getElementById('answer').value='answer'}
else if(document.getElementById('next').value=="Next" && document.getElementById('type').value=="t"){document.getElementById('next').value='Enter' minus(); document.getElementById('answer').value='answer'}
else if(document.getElementById('next').value=="Next" && document.getElementById('type').value=="d"){document.getElementById('next').value='Enter' divide(); document.getElementById('answer').value='answer'}
else if(document.getElementById('next').value=="Enter" && document.getElementById('answer').value==(cr)){ document.getElementById('question').value='Correct' document.getElementById('next').value='Next' document.getElementById('outof').value=parseInt(document.getElementById('outof').value)+1; document.getElementById('score').value=parseInt(document.getElementById('score').value)+1; pc();}
else{ document.getElementById('question').value='Wrong. Answer= '+cr; document.getElementById('next').value='Next' document.getElementById('outof').value=parseInt(document.getElementById('outof').value)+1; pc();}
document.getElementById('answer').select();
}
function add(){
ea1=(Math.floor(Math.random() * (1 - 10)) + 10);
ea2=(Math.floor(Math.random() * (1 - 10)) + 10);
ma1=(Math.floor(Math.random() * (21 - 49)) + 49);
ma2=(Math.floor(Math.random() * (21 - 49)) + 49);
ha1=(Math.floor(Math.random() * (111 - 299)) + 299);
ha2=(Math.floor(Math.random() * (111 - 299)) + 299);
if(document.getElementById('level').value=="e"){document.getElementById('question').value=ea1+' plus '+ea2; cr=ea1+ea2}
if(document.getElementById('level').value=="m"){document.getElementById('question').value=ma1+' plus '+ma2; cr=ma1+ma2}
if(document.getElementById('level').value=="h"){document.getElementById('question').value=ha1+' plus '+ha2; cr=ha1+ha2}
}
function times(){
em1=(Math.floor(Math.random() * (2 - 10)) + 10);
em2=(Math.floor(Math.random() * (2 - 10)) + 10);
mm1=(Math.floor(Math.random() * (11 - 19)) + 19);
mm2=(Math.floor(Math.random() * (6 - 12)) + 12);
hm1=(Math.floor(Math.random() * (21 - 29)) + 29);
hm2=(Math.floor(Math.random() * (21 - 29)) + 29);
if(document.getElementById('level').value=="e"){document.getElementById('question').value=em1+' times '+em2; cr=em1*em2}
if(document.getElementById('level').value=="m"){document.getElementById('question').value=mm1+' times '+mm2; cr=mm1*mm2}
if(document.getElementById('level').value=="h"){document.getElementById('question').value=hm1+' times '+hm2; cr=hm1*hm2}
}
function minus(){
et1=(Math.floor(Math.random() * (10 - 20)) + 20);
et2=(Math.floor(Math.random() * (1 - 10)) + 10);
mt1=(Math.floor(Math.random() * (50 - 99)) + 99);
mt2=(Math.floor(Math.random() * (20 - 50)) + 50);
ht1=(Math.floor(Math.random() * (350 - 1000)) + 1000);
ht2=(Math.floor(Math.random() * (350 - 1000)) + 1000);
if(document.getElementById('level').value=="e"){document.getElementById('question').value=et1+' minus '+et2; cr=et1-et2}
if(document.getElementById('level').value=="m"){document.getElementById('question').value=mt1+' minus '+mt2; cr=mt1-mt2}
if(document.getElementById('level').value=="h"){document.getElementById('question').value=ht1+' minus '+ht2; cr=ht1-ht2}
}
function divide(){
ed1=(Math.floor(Math.random() * (2 - 10)) + 10);
ed2=(Math.floor(Math.random() * (2 - 10)) + 10);
md1=(Math.floor(Math.random() * (11 - 19)) + 19);
md2=(Math.floor(Math.random() * (11 - 19)) + 19);
hd1=(Math.floor(Math.random() * (21 - 29)) + 29);
hd2=(Math.floor(Math.random() * (21 - 29)) + 29);
ed3=ed1*ed2;
md3=md1*md2;
hd3=hd1*hd2;
if(document.getElementById('level').value=="e"){document.getElementById('question').value=ed3+' divided by '+ed2; cr=ed1}
if(document.getElementById('level').value=="m"){document.getElementById('question').value=md3+' divided by '+md2; cr=md1}
if(document.getElementById('level').value=="h"){document.getElementById('question').value=hd3+' divided by '+hd2; cr=hd1}
}
function answerreset(){
if(document.getElementById('answer').value=="answer"){document.getElementById('answer').value=''}
}
function pc(){
document.getElementById('scorepercent').value=document.getElementById('score').value/document.getElementById('outof').value*100;
document.getElementById('scorepercent').value=Math.round(document.getElementById('scorepercent').val ue);
}
</script>
<table border="0" width="198" height="180" bordercolor="#000000" style="background-color: #FFFF00; border-style: solid">
<tr>
<td height="33" width="99" colspan="2">
<p align="center">
<select size="1" name="type" id='type'>
<option value="a" selected>Add</option>
<option value="t">Take away</option>
<option value="m">Multiply</option>
<option value="d">Divide</option>
</select></p>
</td>
<td height="36" width="99" colspan="2">
<p align="center">
<select size="1" name="level" id=level>
<option value="e" selected>Easy</option>
<option value="m">Medium</option>
<option value="h">Hard</option>
</select></p>
</td>
</tr>
<tr>
<td height="36" width="198" colspan="4">
<p align="left">
<input type="button" name="T1" id='question' value="Click next to begin" style="background-color: #FFFF00; border: 0 solid #FFFF00">
</p>
</td>
</tr>
<tr>
<td height="33" width="66">
<p align="center"><input type="text" name="answer" size="6" id='answer' onclick=answerreset()></td>
<td height="36" width="66" colspan="2">
<p align="center"><button onclick='next1()' id='next'>Next</button></td>
<td height="33" width="66">
<p align="center"><button onclick='window.location="mathsgamefinal.htm"'>Reset</button></td>
</tr>
<tr>
<td height="36" width="66">
<p align="center">Score %:</td>
<td height="33" width="66" colspan="2">
<p align="center">Score Marks:</td>
<td height="33" width="66">
<p align="center">Out of:</td>
</tr>
<tr>
<td height="33" width="66">
<p align="center"><input type="button" name="T1" size="3" id=scorepercent value="0"></td>
<td height="33" width="66" colspan="2">
<p align="center"><input type="button" name="score" size="3" id=score value="0"></td>
<td height="36" width="66">
<p align="center"><input type="button" name="outof" size="3" id=outof value="0"></td>
</tr>
</table>
</body>
</html>
Any feedback would be much apprieciated...
I have javascript calculating the total price of all the products in a shoppping cart. The prices are in the format of 10.99 or 5.50 or 10 ete.g if there are five items bought for 10.99 and 1 bought for 10, the script will multiply 10.99 by 3, then multiply 10 by one, then add the two results.
The resulting number is sometimes right, but quite often it ads an extra '000000002' or so to the amount??
[Code]...
I have a variable which I'm dividing ..
var ltotal = (data/12)
I now need to sqaure this, and also cube it after that ..
Not sure at all how to square and then cube this result, seperately .. can anyone give me some pointers?
I don't really know javascript but I have one to display pricing in a dropdown. Here is what I have. What I would like to change is this.
Currently amounts 0.075 shows as ---> 0.075
4.9999 shows as ---> 4.99
0.1 shows as ---> 0.1
0.095 shows as ---> 0.095
I would like to get the above to show as follows:
0.075 shows as ---> 7.5
4.9999 shows as ---> $4.99
0.1 shows as ---> 10
0.095 shows as ---> 9.5
The first column (pricing data) is a standard format I cannot change so it must stay that way. Here is my code as it is now.
<script type="text/javascript">
function showrate(strValue){
var objLabel = document.getElementById("lblMessage");
if(objLabel.childNodes.length < 1) {
var objNodeValue = document.createTextNode(strValue);
objLabel.appendChild(objNodeValue); .....
If Microsoft Sans Serif is installed, I want to use symbol ḳ but if that font is not installed then I want to use sans-serif k How do I test whether Microsoft Sans Serif is
installed and then choose ḳ or k accordingly?
I have the 10000th word and I want to put the this symbols [ and this ] the beginning and end of words .. so my question is .. how do I put the symbol is simultaneously the 10000th word that is .. there is not any program that can do such ...
example :
I want to remove all symbols of an input string, so I have this javascript command:
Code:
this.value=this.value.replace(/[,.s;/\:{}[]<>?`~!@#$%^&*()_+-=]/g,"");
But, this command removes also the numbers. How can I keep the numbers but remove the symbols?
How can I remove the currency symbols from a string, for example I could be dealing with strings like -
$54.32
€54.00
£20.11
Is there a single function that can remove the currency symbol no matter what it is?
I need to hide 90% of a div and I'm not able to figure out a way to do wit with JS or CSS. Here is the code I'm working with:
Code:
td colspan="2" class="vCSS_breadcrumb_td">
<a href="[URL]">Home</a> >
<a href="/SearchResults.asp?Cat=208" title="Living room furniture"> Living Room</a> >
<a href="/SearchResults.asp?Cat=209" title="Living Room Sectionals"> Sectional Sofas</a> >
<a href="/SearchResults.asp?Cat=235" title="Discount Leather Sectionals"> Leather Sectionals</a> >
<a href="/SearchResults.asp?Cat=273" title="Modern Leather Sectionals"> Modern Leather Sectionals</a> ><br />
<img src="v/vspfiles/templates/SAR/images/clear1x1.gif" width="5" height="5" alt="" /><br />
<font class="productnamecolorLARGE colors_productname">PAGE SPECIFIC TEXT</font><br />
<img src="v/vspfiles/templates/SAR/images/clear1x1.gif" width="5" height="5" alt="" />
</td>
I need to keep the font tag with the page specific text and hide everything else. I've tried using the following in my CSS file but it leaves several ">" symbols that aren't enclosed in a tag (other than td):
Code:
td.vCSS_breadcrumb_td a {display: none;}
How do I use JS to hide the > characters in the td, or use JS to hide everything in the td tag except for the text in the font tag (and not use the CSS code).
Is it possible using some kind of Script to get text/pictures/symbols from typed text and from a gif. file (already on the web site) to show on another place in the web site by clicking on a button.My coding is like this:
<!--
<h4><strong>First line</strong></h4>
<form action="MAILTO:someone@someone.com" method="post" enctype="text/plain">[code]....
By pressing "Show" I want the text typed in the form to show on the same site, and then the user should have the opportunity to also place a symbol (the gif. file) the same way as the text and to be viewed on the same site too.
Can we override windows regional settings (including numeral symbols) in HTML pages?
Explanation:Go to control panel >> Regional and language options >> Regional options and Change Locale to Arabic (saudia arabia). Then click customize and change the 'Digit substituion' option to national.
This would cause all the number symbols throughout your computer system to be changed from latin english '1234567890' to arabic number symbols '١٢٣٤٥٦٧٨٩٠ '. Even if you open up an HTML page, the numbers in it would be displayed in Arabic symbols.
I want my HTML pages to somehow override that customized locale behaviour. Despite having the windows regional settings locale and number symbols in Arabic...I want HTML page to display numbers in English Latin '1234567890'.
I have the following code but it simply writes the path to the webpage.I actually want it to randomly select the .js code in that path and run it.
View 1 Replies View RelatedI am currently designing a site, and on it there will be affiliate advertising. As i have many different affiliates i want the page to randomly select one of these affiliates' adverts to show in the places that i have designated. Each affiliate has given me some code to drop in to my html page. I was wondering if there was some javascript that would select randomly one of these bits of code and display it on the page load, in effect removing the need for me to continually have to manually update and change the code so that it shows a rotation of these adverts.I imagine that it would be some sort of script that reads from an array (this array has each different advert code in it).
View 6 Replies View RelatedI want to display varying company information from a javascript array randomly each time the page is refreshed. My problem is that the each piece of company information must be split up into 3-4 array elements since I have set up spans in the body where the information go accordingly and as such I don't how to randomize that.So essentially the process is:
1. The person clicks on the company name.
2. Relevant information from the array is shown in the div.
But what I want is that on startup, information about a random company is shown automatically. How can I achieve this?
I am trying to make a script that would open a link every xx randomly seconds.
So far I have come up with this after searching:
<script>
function reloadMe() {
window.location.reload();
}
[Code].....
This works on refreashing a page every xx seconds between 30 and 60 seconds. But it does not open a link.
Is it possible to make a script that opens a link every xx seconds at random. It would be even greater if it can exclude certian times of the day, or can that be done with a cron job?
I've managed to get a slideshow to randomly display pictures, but each time I try to add a fade into it, it never seems to work.
<script language="javascript">
var delay=2500 //set delay in miliseconds
var curindex=0
[Code]....
Using JavaScript, I require a code that allows me to play .wav sound files randomly and automatically on page start-up, I also need them to loop as they are drum beats. The plan: to load my web page and hear a random drum beat that loops continuously. I need it to be compatible with most, if not all Internet browsers (Chrome, Internet Explorer, Firefox and Opera are crucial) and to state what sound file is playing on the page (allowing me to identify the looping drum beat/sound file), and if possible to provide a link to the actual sound file for download.
View 15 Replies View RelatedI created a slideshow that displays the 5 images randomly. It is for a college project for a class I am in.
Here is the HTML for the area that holds the images
And here is the external .js file for it
I had the slideshow working completely fine... then when i finished the rest of the site and added more pages, it is now not working for me. It just sits at the original image that is loaded when they site loads.
Im trying to design a website at the moment...
and i dont know the first thing about javascript...
Basically what i want to do is have 6 images change randomly on load of the webpage...
Basically i have:
- 1 main image
- 1 logo
- 4 buttons
Now these buttons all have a certain colour in them...
Each one is different... (green, blue, orange, purple)
So when someone loads the webpage i need all the images to change randomly...
BUT, here comes the hard part for me...
I need the images to all change together...
So i dont have a green button, a red logo, a blue main image...
As they are randomly changing on load of the page, i need them to all change together... so there are 6 RED images...
Next time they load, there are 6 green images...
Its essential that colours are not mixed...
I have a flash menu bar at the top of my html page... I have 4 flash files with the same menu but the main image for each is different. When someone goes to the page I want it to randomly pic on of the 4 flash files to display in the table... They are called menu_1.swf, menu_2.swf, menu_3.swf, menu_4.swf...
View 1 Replies View RelatedIf I have a .js file filled with data like links. how do i access just
1 element [random] and bring it on my page
I have a concept I want to develop but haven't been able to find a jQuery plugin that will do what i need. I am hoping if someone knows of a script or even to share if this is possible.
What I want is to have about 10 small images to be displayed horizontally and have each of these images fade in and out at random times and being replaced by other images.
I have a flash example that i would like to replicate that would give you an example of what i want to achieve. If you look at the bottom of the page where the platinum sponsors are this is what i want to replicate.
[URL]
