JavaScript - Javascript Not Showing Button..

Hello,

I'm new to the forum. I tried coding this myself, but i'm just not that well versed in javascript and need a little help. I am trying to show certain div tags when you click on a hyperlink in an html document. I have four links (bio, news, portfolio, and resume) and four div tags (bio, news, portfolio, and resume). I am just going to show the code for one of the links. This is what I have for the bio link in the head of the html:

Code:

function setVisible( setting )
{
var myElement = document.getElementById("bio");

if(setting)
        myElement.style.visibility="visible";
else
        myElement.style.visibility="hidden";
}
    </script>

This is what I have in the style sheet:

Code:

#bio {
	position: absolute;
	font: 9pt arial;
	line-height: 10.5pt;
	color: #fff;
	width: 575px;
	height: 300px;
	margin-top: 390px;
	margin-right: auto;
	margin-left: 40px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;
}

This is what I have on the link in the html doc (I'm assuming this is wrong, I don't know what the proper code should be):

Code:

<a href="javascript:onClick="setVisible(true)";">BIO</a>

Does what I'm trying to do make sense? I'm assuming that it would be the same set up for all four links? Please let me know if I need to be more specific. Any help would GREATLY be appreciated!

Thank you,

Gerry

Hello guys!
I have a jquery fancybox that pop's up on exit (using onbeforeunload), now i want it to show only once so i tried doing it with cookies but i just can get it to work. this is my script so far hope you can help me with this, Thanks!
Code:

<script type="text/javascript">
	function PopIt() 
	{
		if (document.cookie.length == 0)
		{
			var exdate=new Date();
			exdate.setDate(exdate.getDate()+7);
			document.cookie="cook=yes" + ";expires="+exdate.toUTCString();

			$("a#trigger").trigger('click');
			window.onbeforeunload = UnPopIt;
			return "Before you leave:\nPlease take a few seconds to answer 2 questions\nso we can better assist you and others in the future. \nThanks!"; 				
		}
	}
	
	function UnPopIt()  { /* nothing to return */ } 
 
	$(document).ready(function() {
		window.onbeforeunload = PopIt;
 
		$("a#trigger").fancybox({
			'hideOnContentClick': false,
			'showCloseButton': true
		});
 
		$("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
	});	
</script>

HI so sorry to bother you with what seems to be a simple problem i am just getting back into my coding and i can not see what i am doing wrong. i have my folder with index page in named "tester_fixed.html" and then a folder for images where i have place header1 header 2 and header 3 . i downloaded a script from http://www.javascriptkit.com/script/...bleslide.shtml
and edited my images in and i think i mucked up as they are not showing. please could you tell me what i am doing wrong and point me in the right direction.
Many thanks
Bec
the code:
Code:

<script type="text/javascript">

// Flexible Image Slideshow- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

var ultimateshow=new Array()

//ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]

ultimateshow[0]=['images/header1.jpeg', '', '']
ultimateshow[1]=['images/header2.jpeg', 'http://www.dynamicdrive.com', '_new']
ultimateshow[2]=['images/header3.jpeg', 'http://www.codingforums.com', '']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth="240px" //set to width of LARGEST image in your slideshow
var slideheight="940px" //set to height of LARGEST iamge in your slideshow
var slidecycles="3" //number of cycles before slideshow stops (ie: "2" or "continous")
var randomorder="no" //randomize the order in which images are displayed? "yes" or "no"
var preloadimages="yes" //preload images? "yes" or "no"
var slidebgcolor='white'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById
var curcycle=0

if (preloadimages=="yes"){
for (i=0;i<ultimateshow.length;i++){
var cacheimage=new Image()
cacheimage.src=ultimateshow[i][0]
}
}

var currentslide=0

function randomize(targetarray){
ultimateshowCopy=new Array()
var the_one
var z=0
while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
ultimateshowCopy[z]=targetarray[the_one]
targetarray[the_one]="_selected!"
z++
}
}
}

if (randomorder=="yes")
randomize(ultimateshow)
else
ultimateshowCopy=ultimateshow

function rotateimages(){
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer='<center>'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='<a href="'+ultimateshowCopy[currentslide][1]+'" target="'+ultimateshowCopy[currentslide][2]+'">'
ultcontainer+='<img src="'+ultimateshowCopy[currentslide][0]+'" border="0">'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='</a>'
ultcontainer+='</center>'
if (ie||dom)
crossrotateobj.innerHTML=ultcontainer
if (currentslide==ultimateshow.length-1) currentslide=0
else currentslide++
if (curcycle==parseInt(slidecycles) && currentslide==0)
return
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
rotateimages()
}

if (ie||dom)
window.onload=start_slider

</script>

<p style="font: normal 11px Arial">This free script provided by<br />
<a href="http://www.javascriptkit.com">JavaScript Kit</a></p>

thanks

Hello everyone,

I am trying to make a canvas element display an image with some text on using canvas.drawImage and canvas.fillText. Only problem is my code is generating a very odd and hard to debug error.

Thanks in advance,

Alex

Code(JS):
Code:

function runstuff() {
	canvasthing = document.getElementById('1');
	context = canvasthing.getContext('2d');
	purple = new Image();
	purple.src = 'img/buttonpurple.png';
	purple.onload = function() {
    context.drawImage('purple', 0, 0);
	};
	context.font = '16px Vani';
	context.textBaseline = 'top';
	context.fillText('Test', 26, 24);
}

Code(html):
Code:

<!doctype html>
<html lang="en">
	<head>
		<title>POB.G</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="style.css">
		<script type="text/javascript" src="script.js">
		</script>
	</head>
	<body onload="runstuff()">
	<canvas id="1" width="127" height="128"></canvas>
	</body>
</html>

Error:
Code:

Error: uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMCanvasRenderingContext2D.drawImage]"  nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"  location: "JS frame :: file:///C:/Users/*BlahBlahBlah/script.js :: <TOP_LEVEL> :: line 7"  data: no]

Hi,

Sorry for the (HELP!) addition in the title, but i'm just stumped here. I am trying to show and hide div layers when I click on a button in a flash movie. The flash movie is in it's own div and the content below is also in it's own div. Is there a way to call the function from flash so that content in another div is affected?

The code to show and hid layers in html is working and is he

Code:

//visible layers
function $_(IDS) { return document.getElementById(IDS); }

function setVisible( IDS ) {
  var obj;
  var sel = $_('divContent').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) {
    obj = sel[i].id;
    if (obj != IDS) { $_(obj).style.display = 'none'; }
    else { $_(obj).style.display != 'block' ? $_(obj).style.display="block" : $_(obj).style.display="none"; }
  }
}
window.onload = function() {
setVisible('BIO');
};
</script>
</head>

<body>
<div id="navigation">
<a href="#" onClick="setVisible('BIO'); return false;">Who I Am</a><span class="text4"> |</span>
<a href="#" onClick="setVisible('News'); return false;">What's New</a><span class="text4"> |</span>
<a href="#" onClick="setVisible('Portfolio'); return false;">Portfolio</a><span class="text4"> |</span>
<a href="#" onClick="setVisible('Resume'); return false;">Resume</a>
</div>

<div id="divContent">
                <div id="BIO" class='divElem'>
                <p>This is my content for bio</p>
                </div>
                <div id="News" class='divElem'>
                <pThis is my content for news</p>
                </div>
                <div id="Portfolio" class='divElem'>
                <p><This is my content for portfolio </p>
                </div>
                <div id="Resume" class='divElem'>
                <p>This is my content for resume</p>
                </div>
</div>

</body>

Is there a way to call the function in flash on a button? Any help you can give would be GREATLY appreciated.

Thanks and forever indebted.

Gerry

Hya, I've been trying to get a marquee working for my site, and would like it to use an external file for the text that it scrolls.

Currently nothing is showing up except for a little space where it should be that is only visible when I highlight the page by selecting edit>select all

I have used the script avaliable here



but instead of inserting the script into the body I have put it into an external .js

my script is the same as theirs except I have made the links point to my documents instead of the samples they gave, however I will paste it here incase I have managed to delete one vital full stop or something.

Code:

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onmouseover="this.scrollAmount=2" onmouseout="this.scrollAmount=4" src="News.htm">
</marquee>


<script language="Javascript1.2">


function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata


</script>

<![endif]-->

I'm guessing it's because I have incorrectly moved the code from inside the HTML to the external .js. My website is avaliable here

And the code I have used to insert this into the HTML (which I have a feeling is the problem) is as follows:

Code:

<div>
<script type="text/javascript" src="/News.js">  
</script>
</div>

Cheers,

Al

Hi there

I've just completed a lovely slideshow script on my homepage. It works great in Firefox, but doesn't display at all in IE.

It's on a live test page he
http://www.modern-wedding-ideas.co.uk/index2.html

I'm sure I'm just missing something really simple. Any help would be greatly appreciated.

Also, this is a copy and paste job: I'm a newbie to javascript! So please be gentle.

Many thanks
Nicola

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks

i am trying to achieve a JS driven button for a cms. for example i have a text in a textarea so i select the text and add the bold attribute to this text.
my text before : text
my text with bold added : <b>text</b>
what the function to achieve this ?
thanks

Trying to build a timer for an image array, it works, I've created also a stopTimer on hover event. But, what I wish to do Is create buttons so the users can press previous or next and see the sliding images as they wish.

here'S my code so far :

<script type="text/javascript">

var currPic=1;

var totPics=8;

var keepTime;

function setupPicChange()

{ keepTime=setTimeout("changePic()", 15000); }

function changePic()

{ currPic++; if(currPic>totPics) currPic=1;

document.getElementById("picture").src="/images/services/picture"+currPic+".png";

setupPicChange(); }

function stopTimer()

{ clearTimeout(keepTime); }

function startTimer()

{ keepTime=setTimeout("changePic()", 5000); }

function prevTimer()

{ currPic-1 }

function nextTimer()
{currPic+1}

</script>


I've created the nextTimer and prevTimer functions but they do not seem to work. I do not know how to integrated these functions in CSS sor my button, which are designed with CSS hover, down and active states...

can you guys help me out ? am pretty basic here with codes...

hello everyone

I am working on a quiz which marks the user and displays to different screens when the total has been calculated. If the user gets over 80% a congratulations page is shown but if you score less your told to go back and look at some of the material again.
I would like the congratulations page to show a button to let the users continue on to the next section of the tutorial. Does any one have any ideas how I could do this? im stumped. I have inserted the code below, any help would be much appreciated as I'm a little stuck :/

Code:

// Function to create arrays.
function makeArray(len) {
    for (var i = 0; i < len; i++) this[i] = null;
this.length = len;
}

// creates objects for this question.
function makeQuestion(question, correctAnswer) {
var args = makeQuestion.arguments;
this.question = question;
this.correctAnswer = correctAnswer;
this.userAnswer = null;
this.isCorrect = isCorrect;
this.showForm = showForm;
this.userChoices = new makeArray(args.length - 2);
   for (var i = 0; i < args.length - 2; i++) { 
   this.userChoices[i] = args[i + 2];
   }
}

// determins if the questions answered correctly
function isCorrect() {
if (this.correctAnswer == this.userAnswer) return true;
else return false;
}

// Method to display contents of question object.
function showForm(n) { //argument n is the number of the question.
document.write((n + 1) + '. ' + this.question + '<BLOCKQUOTE><FORM>'); //n+1 = the number of the question in the array (has to add one because the array starts with 0 or the first question would be number 0, this question displays the questions text, blockquote off sets the answer making them indented.
    for (var i = 0; i < this.userChoices.length; i++) { //goes through the questions one by one.
        document.write('<INPUT TYPE = "RADIO" NAME = "q' + n + //create the radio buttons.
                       '" onClick = "quiz[' + n + '].userAnswer = ' + i + '">');
        document.write(this.userChoices[i] + '<BR>');
    }
document.write('</FORM></BLOCKQUOTE>');
}

// 	This corrects the quiz, dispays the correct answers and the score.
function correctQuiz() {
var correct = 0; // sets the correct page to a score of zero
correctPage = '<HTML><TITLE>Corrections</TITLE><BODY BGCOLOR = "#FFFFFF">'; // sets the attributes of the correction page
    for (var i = 0; i < quiz.length; i++) { //loop runs through questions
    if (quiz[i].isCorrect()) correct++; // the is correct starts at 0 every time is correct returns true (an answer is correct) it adds 1 to the number adding up correct answers.
    }
var score = Math.round((correct / quiz.length) * 100); // find out the % of correct answers by using math and the % equation
correctPage += 'Sco  <STRONG>' + score + '</STRONG> %';
    if (correct < (quiz.length / 100) * 80) {  //if the correct number is less than the quiz length then not all the answers were correct if it is the same then all ansers were correct.
    correctPage += ifWrong; // if there were wrong answers
        for (var i = 0; i < quiz.length; i++) {  // starts a for loop through the answers
            if (!quiz[i].isCorrect()) { // if quiz doesn't = to iscorrect.
            correctPage += (i + 1) + '. ' + // this shows what number was wrong.
            quiz[i].userChoices[quiz[i].correctAnswer] + '<BR>'; // displays the correct answes for the questions that were wrong
            }
        }
    }
    else correctPage += ifAced;  // this is the correct page displayed if all the answers were right.
correctPage += '</BODY></HTML>'; // opens the window of correct page
correctwin = window.open ('', '', 'height=300,width=300,scrollbars=yes'); 
    if (correctwin.opener == null) correctwin.opener = window;
correctwin.location = 'javascript:opener.correctPage';
}

// Message to display if quiz is aced.
var ifAced = "<P>Well done! you have passed the test. You can now move on to the next section of the tutorial<P>"; 
// Message to display if any are wrong.
var ifWrong = "<P>Check below to see the answers that you got wrong. It maybe helpful if you go back and read the bits your unsure of.<P>";

// Create seven question objects...
quiz = new makeArray(8); // this is how many questions there is in the quiz 
quiz[0] = new makeQuestion("What is the correct name for the leg marking found in picture 1?", // 1st question  starts at 0 because thats the first number in an array
                            2,                             // correct answer           
                           "Sock",                // choice 0
                           "Stocking",                // choice 1
                           "Coronet band",                    // choice 2         
                           "half cannon");    // choice 3        

quiz[1] = new makeQuestion("What is the correct name for the leg marking found in picture 2?",         // 2nd question 
                            0,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon"); //choice 3

quiz[2] = new makeQuestion("What is the correct name for the leg marking found in picture 3?",         
                            1,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon");

quiz[3] = new makeQuestion("What is the correct name for the leg marking found in picture 4?",
                             3,                             // correct answer
                           "Sock",    // choice 0
                           "Stocking",        // choice 1
 	        			   "Coronet band", //choice 2
                           "half cannon");

quiz[4] = new makeQuestion("What is the correct name for the face marking found in picture 5?", 
                            2, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

quiz[5] = new makeQuestion("what is the correct name for the face marking found in picture 6?",
                              0, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

quiz[6] = new makeQuestion("what is the correct name for the face marking found in picture 7?",
                              3, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");
quiz[7] = new makeQuestion("what is the correct name for the face marking found in picture 8?",
                             1, 
                           "Bald",
                           "Star", 
                           "Snip",
                           "Blaze");

I'm trying to make radiobuttons with a javascript function that gets called when a button is selected to make an image appear depending on what they click. However, after looking it up for a while I have nothing since some tell me to do document.formName.name.value; some tell me to use an id with my buttons and just use a document.getElementByID(""); etc.

This is for a project and we havent used parameters yet and I dont know how to implement them in the HTML as well

This is my code:

function classchoice()
{
if(document.getElementById('mage') == true)
{
classtype = "<img class='display' src='mage.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.paladin == true)
{
classtype = "<img class='display' src='paladin.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.hunter == true)
{
classtype = "<img class='display' src='hunter.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
if(document.classes.classes.rogue == true)
{
classtype = "<img class='display' src='rogue.jpg'>";
document.getElementById("picture").innerHTML=classtype;
}
}

This is the HTML:

<form name="classes">
<input type="radio" name = "classes" id="mage" onmousedown="classChoice();"> <img src = "mage.jpg" />
<input type="radio" name = "classes" id = "Paladin" onmousedown="classChoice();"> <img src = "Paladin.png" />
<input type="radio" name = "classes" id = "hunter" onmousedown="classChoice();"> <img src = "hunter.PNG" />
<input type="radio" name = "classes" id = "rogue" onmousedown="classChoice();"> <img src = "rogue.jpg" />
</form>


I hope it's readable because I copy and pasted my code and the indentations are a bit messed up

Hello, I am trying to implement a radio button option so that users can search specific sites such as google, yahoo, or bing from input box. Here's my code. Please help.


<script type="text/javascript">
<!--
function goSearch(){
//search according to checked radio button
}
-->
</script>


<h1>Search Option</h1><br />
<input type="radio" name="search" id="google"/><a href="http://www.google.com" rel="nofollow" target="_blank"><img src="images/google.jpg" /></a>
<input type="radio" name="search" id="yahoo"/><a href="http://www.yahoo.com" rel="nofollow" target="_blank"><img src="images/yahoo.jpg" /> </a>
<input type="radio" name="search" id="bing" /><a href="http://www.bing.com" rel="nofollow" target="_blank"><img src="images/bing.jpg" /> </a>
<br /><br />

<form method="get" action="goSearch()" rel="nofollow" target="_blank">

<div style="border:1px solid black;padding:4px;width:20em;">
<table border="0" cellpadding="0">
<tr>
<td>
<input type="text" name="q" size="25" maxlength="255" value="" />
<input type="submit" value="Search" />
</td>
</tr>
</table>
</div>
</form>

Hey everyone I want to go ahead and say my issue with javascript is in a homework assignment so...I'm just looking to get more of a nudge in the right direction of how to fix this issue than anything ^^' I'm not asking to have the code fixed for me. I've been assigned to code a simple currency converter of just US dollars to a few other kinds of currency. I have most of the basic stuff done, I used an example piece of javascript and am editing it to try and make it into what I need. I'm just having issues with the button that is supposed to run the function and output the value of the currency, I can't seem to get the button to work. Here is the code I've gotten so far, if someone could just point out maybe where the issue is as sort of a hint I'd be really grateful!

Code:

<html>
<head>
<title>Currency Converter</title>




<script type = "text/javascript">

function calcvalue() {
   
   if (CurrencyType == "USDollars")
      {price = 1;}
   if (CurrencyType == "BritishPounds")
      {price = 0.632766;}
   if (CurrencyType == "Euros")
      {price = '.709723';}
   if (CurrencyType == "CanadianDollars")
      {price = 0.970476;}
   if (CurrencyType == "JapaneeseYen")
      {price = 83.073;}
    if (CurrencyType == "ChineeseYuan")
      {price = 6.55649;

Currency.answer.value=price*DollarAmount;
}
  

   if (!( DollarAmount >= 1001 || DollarAmount <= 0))
   {
       alert ("Please Enter a value between 1 and 1000");
	   return;
	}

	
   


}


</script>
<body>
<body bgcolor="CCCCFF">





<form name="Currency">

  <center>
  <table>
  <tr> 
    <td>Currency Type: </td>
    <td>
      <select name="Currency">
        <option value="USDollars">US Dollars</option>

        <option value="BritishPounds">British Pounds</option>
	<option value="Euros">Euros</option>

        <option value="CanadianDollars">Canadian Dollars</option>
        <option value="JapaneeseYen">Japaneese Yen</option>
	 <option value="ChineeseYuan">Chineese Yuan</option>



       </select>
  

   <tr>
     <td>Dollar Amount</td>
     <td> $<input type=parsefloat() value="1" name="DollarAmount" size=3></td>
   </tr>
   <tr>

      <td> </td>

      <td><p class="submit"> 
           <input type=button value="Convert" onclick=calcvalue()></p></td>
   </tr>
   <tr>
      <td>value:</td>
      <td><input  type=text size=6 name="answer"><td>
   </tr>

   </table>

   </center>

</form>
</body>
</html>

Okay, I'm good at PHP but using javascript so the user doesnt need to refresh the page is a neat thing.

I want to make a button that says "Do you like this game? Yes or No"

How can I use javascript to tell Yes to send

games->rating_yes = 1
or
No games->rating_no = 1

Or if you could link me with resource on building something that can teach me how to use javascript to update/insert into my database.

I've tried stuff like this

Code:

Do you like this game? <a href="javascript://" onclick="ajaxYESorNO('<?=$gameid;?>','like');">Yes</a> or <a href="javascript://" onclick="ajaxYESorNO('<?=$gameid;?>','dislike');">No</a>

Code:

function ajaxYESorNO(gameid,answer) {
	ajax = ajaxFunction();
	ajax.onreadystatechange = function () { ajaxRateGame_stateChanged(vote); };
	var url = base_url+ "includes/ajaxYESorNO.php";
	url = url+ "?vote=" +answer;
	url = url+ "&gameid=" +gameid;
	ajax.open("GET",url,true);
	ajax.send(null);
}

PHP Code:
<?php
$gameid = $_GET[gameid];
$vote = $_GET[vote];

@include "config.php";

if($_GET['vote']=='like')
{
    $result = $GLOBALS['dFetch']->exec ("update games
                        set rate_yes=rate_yes+1
                        where gameid = $gameid");
} else {
    
    $result = $GLOBALS['dFetch']->exec ("update games
                        set rate_no=rate_no+1
                        where gameid = $gameid");
}
?>

But yet cant seem to figure how to get it working properly

Thanks.