Response title
This is preview!
Move this topic
Hi. Please let me know where i am going wrong
in Using jQuery
•
9 years ago
on click of a button i want to change the background color:
$(document).ready(function(){
$.ajax({
type:'GET',
url:'blue.json',
dataType:'json',
success:function(){
$("button").click(function(){
result = $("body").css("background-color",data.color);
return result;
});
}
});
});
this script is not working
1
Replies(10)
- $(document).ready(function () {
- $.ajax({
- type: 'GET',
- url: 'blue.json',
- dataType: 'json',
- success: function () {
- $("button").click(function () {
- $("body").css("background-color", data.color);
- return false;
- });
- }
- });
- });
assumes blue.json is proper json, and a button exists.
JΛ̊KE
Leave a comment on jakecigar's reply
Thanks for replying. But nothing is happening on my click. In response though i am getting the json.
Leave a comment on pallavi1811's reply
Success should have a parameter defined. I missed that!
- $(document).ready(function () {
- $.ajax({
- type: 'GET',
- url: 'blue.json',
- dataType: 'json',
- success: function (data) {
- $("button").click(function () {
- $("body").css("background-color", data.color);
- return false;
- });
- }
- });
- });
JΛ̊KE
Leave a comment on jakecigar's reply
still not able to solve.Not getting any error also.
this is my htmland json:
HTML:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="abc.js"></script>
</head>
<body>
<button id="red" value="RED">RED</button>
<button id="green" value="GREEN">GREEN</button>
<button id="blue" value="BLUE">BLUE</button>
</body>
</html>
JSON:
{
"color":'blue'
}
Leave a comment on pallavi1811's reply
Do you have 1 JSON ? So, no matter which button they press , the background goes blue???
JΛ̊KE
My working demo is:
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, user-scalable=no" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $.ajax({
- type: 'GET',
- url: 'blue.json',
- dataType: 'json',
- success: function (data) {
- $("button").click(function () {
- $("body").css("background-color", data.color);
- return false;
- });
- }
- });
- });
- </script>
- </head>
- <body>
- body
- <button>click me</button>
- </body>
- </html>
JΛ̊KE
Leave a comment on jakecigar's reply
But i am doing the same thing right.Then why not working for me?
Also,my basic requirement is 3 jsons are there. On click of each button , background shoould change to red,gree,blue. But this should work also.
Leave a comment on pallavi1811's reply
Did you save the pages to a server? Or run in an environment that supports ajax via local files?
JΛ̊KE
JΛ̊KE
Leave a comment on jakecigar's reply
Leave a comment on pallavi1811's reply
Leave a comment on rminde's reply
Your page may fail because jQuery is not loading from your server.
JΛ̊KE
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
It may fail because abc.js is missing.
<script type="text/javascript" src="abc.js"></script>
It could be that your server does not serve files properly. It could be gremlins.
Do you have a link that others can see?
You should run firefox with firebug open to see errors.
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to pallavi1811's question