jQuery Forum

Hi, I spend the weekend trying to learn the basics of how JSON works.
I created a test table in mysql and have its data loading in an array.

Here are my assets: My Table  and  loadjson.php 

JSON output: http://www.webforward.ca/web/code/JSON/loadjson.php

HTML file output: http://www.webforward.ca/web/code/JSON/v1.html

As you can see I am able to return a 'single row' but what i am want to do is loop through all the records and output everything into a HTML table.

hi
i am trying to load a file and unload a file from a page.
i am able to load a file but then i can't unload it...
here are my files:

http://www.webforward.ca/web/code/xxload.html
http://www.webforward.ca/code/page.html

I am practicing with applying/removing attributes.
Here is the code: http://jsfiddle.net/timur/3mG8g/
How come my 'submit button' won't toggle when i'm checking and unchecking the checkbox?

thx

hi,
i am trying to count list elements.
i was successful at counting a single list.
however when i added a secondary list of elements, my code sums both lists (and i am interested to keep the count separately)
here is my code:
http://jsfiddle.net/timur/NNxw4/2/

thx

i am learning jQuery; last week, with some help from this forum resulted with this code:
http://jsfiddle.net/timur/pArSL/6/

now i want to add additional functionality to it which will shuffle the images.
(on every click, i want to generate and pull random image...)

i googled 'jquery shuffle' and came across with this lovely demo:
http://jsfiddle.net/timur/bAynQ/

can someone help me implement this shuffle logic onto my example.

i am trying to animate an image with jquery but running into issues.

first, I want the image to be initially hidden;
second, I want it to slide to the left from the right side of the screen; from its initial placement of 700px outside of the screen.

my code works on firefox.
my code doesnt work as expected on IE and Chrome.

questions:
1. how can i get rid of the bottom scroll bar in firefox?
2. why the fadeIn line doesnt get executed?
3. how can i make it work consistently in all browsers?

here is the link to my page and bellow is my code:

<script type="text/javascript">
$("#picture").find(function() {
    $("img:hidden:first").fadeIn("slow");
});

$("#picture").find(function() {
    $("#picture").animate({"left": "-=700px"}, "slow");
});
</script>


<style type="text/css">
#picture { position:absolute; top:0px; right:-700px; display:block;  }
.hide { display:none; }
</style>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<img src="/i/idximg.jpg" id="picture" class="hide" alt="" />

I have a background in html and css but new to js.
I started coding a 'tabs example' and got stuck when i reached the JS part...
The HTML has 2 lists 'nav' and 'content'
The CSS accommodates the design.

Here is the code: http://www.timur.ca/hztLIv4.html

Now; my intentions are that once you click the <li> in the nav,
1) show the content of the <li>;
2) hide the rest of the <li> content ;
3) add the class 'active' to a nav <li> (to make the tab white)
4) clear any 'active' classes from the rest of the nav <li> (to be gray by default)

Is this the correct approach? Can someone help getting started with the syntax..

thanks