I am trying to create a tic tac toe game using jQuery. In the game the player starts a game and when someone else does the same they can then play each other.
So far I am stuck for ideas as to how to construct the javascript. This is the javascript i have so far.
Code:
Should i use a plugin? I thought it would be easier..
I am studying webdesign and we also go through a chapter of javascript-programming. Our first assignment is to create a dice game. I have written a code and in the beginning it worked, except that all the dices showed the same random number. I tried to fix that and now I do not know what I have done! In the game, you shall click on a link and the three dices will show random numbers.
Here is my code:
Which program do you use to create your 3d characters? I'm trying to get into 3d programming but don't know where to start. I've looked at the o3d plugin and javascript is straight forward to me so it seems like a good place to start. I wanna create a world maybe more like a car racing game instead of a mario style world.
View 4 Replies View RelatedI have to create the 15 puzzle game and im having a difficult time getting started. i need to create a table (4x4) that has one empty space. All the other spaces must have a random generated value between 1 and 15. All i got so far is a onclick image swapping function.
View 6 Replies View RelatedI have a website assignment we've been given the following criteria:
This assignment aims to satisfy assessment of the following module requirements:
1. create web pages which use the range of facilities provided by XHTML,
2. format XHTML content using CSS,
3. write simple JavaScript applications,
4. validate XHTML pages and their CSS,
5. understand the importance of usability in developing Web sites,
6. work cooperatively in a small group to accomplish a complex development task
It's got to be a 100% client based interactivity site e.g. NO server programming such as PHP or any SQL databases.
I am trying to create an xmlhttprequest object to update the shopping cart on my web page without submitting the entire page to the server for processing. However, what I have done so far is not working. All that is happening when I click the "update cart" button is the page sort of flashes and the check marks in the remove item check boxes disappear. The first code snippet is the "traditional" way of submitting the whole page to the server for processing - and it works. The second snippet is what I have done to try and implement AJAX to submit only the shopping cart - and it does not work.
<html>
How to create a popup via Ajax Jquery?
View 4 Replies View RelatedThe website I'm working on has a top banner that's loaded from the database. It may be an image, animation, and even HTML code, including <script> tags. Everything is working fine, HTML is loaded correctly, except when I insert a script tag. Here's the code I'm using, which partially makes the <script> work in Firefox, but not in any other browser:
Code:
[Code]....
I have an html page and would like to add collapsible pannels but the page is run on a linux server can any one help me in less then 100 lines?
View 1 Replies View RelatedI m getting problem while creating a dynamic website. In Ajax I have good tutorial book. but it missing, "how to create XML file filled with data which comes from SQL server. How to retrieve the data from XML file.
View 1 Replies View RelatedFor a social system I am working on, I am in desperate need of being pointed in the right direction for how to create a live ajax feed which calls data from a database.
View 2 Replies View RelatedI'm actually new on jquery ajax. I just wanna ask a little idea about how to create simple file upload (with form) using ajax. I tried using this code:
//form html
<p id="status"></p>
<form id="form1" enctype="multipart/formdata">
<input type="file" id="photo" name="photo" />
<input type="submit" id="save" name="save" value="Upload" />
</form>
//php file
if($_POST){
$name = $_POST['photo']['name'];
$tmp = $_POST['photo']['tmp_name'];
$path = "images/".basename(name);
if(move_uploaded_file($tmp,$path)){
print("Done! File saved...");
}else{
die("Error on uploading!")
}}
//js
$(document).ready(function(){
var photo = $("#photo").val();
$.post("upload.php",{photo:photo},function(data){
$("#status").html(data);
});});
I am creating an admin in ColdFusion and am trying to add a feature where when the user clicks the "edit" button for something, a modal window will pop up which contains a form (loaded from an external file) that when the user submits it, it's an AJAX submit and then the modal window closes and fires off a function that updates the display page. I am using SimpleModal [URL] and I managed to load an external form file into the modal window using $.get but then I can't figure out how to get that form that loads in the modal window to submit via AJAX instead of the default form post that happens. I need to submit their data via AJAX and then if successful, close the window and do the update function on the display. Has anyone already done this?
View 2 Replies View RelatedI want to create an AJAX sender form for a contact page.
My standard php mail() form does not work on the server I have a site hosted on so I am going to send the request to the form on another server.
What I want to do is use AJAX to send the data in each section of a form to another URL (external) but I don't want to go to another page.
So I really want the AJAX form to send / post the data, get a tell back signal to say if it worked or not and then dependant on that I would like to load a success of failure page.
Looking for ajax pagination script, to create page navigation.
View 2 Replies View RelatedI'm trying to create a simple registration form with ajax validation. I've got the form working almost how I'd like... a message appears on the page with the errors for each field entered incorrectly.
The problem is all the error messages appear in one div together and I would like to have each field have its own div containing only its own error.
I think I need to wrap my error messages in xml and use something like this -
Code:
- but can't seem to get it working
Does anyone know how I should modify my code to do this?
Attached are the 3 I'm currently using
And Here is my code for my ajax page only.
Code:
I have a page which has a dropdown box.On selection a value is sent to a php script (Ajax), based on the value a html table is created and sent back to the responseText.The table is outputted to the html page, I want the table to have sortable columns, so I have used jquery datatables for this, but it is not working.I have cut and pasted the exact table into the html and ran the page, and then sorting works.
View 1 Replies View RelatedI'll admit to being a newbie with JQuery, XML and Ajax. I'm trying to create a page which pulls dynamic links from an XML file. Here is the page: [URL] Here is the link to the xml file: [URL] I can get the url to pull as text, but I cannot make it into a link, no matter what I seem to try. I'm sure it's a syntax error - but I just don't know enough to know what it is. I'm also going to need to pull a URL for an image, and I am guessing that the process is similar.
View 2 Replies View RelatedHave 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 been making a game in javascript. The game works now but I would like to know if the user has completed the game. Hope some one have an idea on how to find out if the user has completed the game. Code:
View 1 Replies View RelatedI am trying to get a line of text that a user types into a textfield to appear somewhere else on the screen. AT teh moment when the user presses submit it refreshes the page and does write the text line to the screen but it is a brand new page and I lose all my content.
View 11 Replies View RelatedHas anyone got a script to run a higher or lower card game on a web page.
View 1 Replies View RelatedHow to empty one of the cells and identify the adjacent cells (the ones with which the empty cell could swap on the first move.) code...
View 4 Replies View RelatedI need a racing game in java graphics doesn't matter but speed should be good ?
View 2 Replies View RelatedI'm wanting to know how does the computer know whose scored more in a game?
View 1 Replies View Relatedi am in my efforts to perform a coding for a chess game between two persons who play with each other from different computer systems through internet. i want to know about how i can code in such a manner that when player 1 makes some move, player 2's chess board in his respective screen shows him the move of player 1 and vice versa. this has to happen without reloading the page.
View 5 Replies View Related