jQuery Forum

i couldn't find a good easy to understand example allowing me to filter a json generated table: URL

i'm able to preload the entire page:
http://jsfiddle.net/timur/YN7Fx/

but how can i preload a specific class or id within a page?

thanks

Hi, i want to display a div upon focusing on a drop-down and blur upon leaving the drop-down...
my code works but focus/blur doesn't get executed perfectly.
http://jsfiddle.net/timur/kRCKu/

Is there a better way to do it?


I noticed that when executing this inline code, my results are much more consistent:
     

onfocus="document.getElementById('hide').style.display='block';" onblur="document.getElementById('hide').style.display='none';"

I have this code (which works) and my question is... is there a way to get the length's value in 1 line and maybe shorten this code?

var thisURL = window.location.href;
var getLastSplit = thisURL.split('&').length-1;
var lastValue = thisURL.split('&')[getLastSplit];            
       if(lastValue == 'callManager') {
                 $('#CallManager').trigger('click');
    }

i have a long 3 column list.

how can i assign a class to every li element?

eg:
.green to 1,4,7,10....
.yellow to 2,5,8,11....
.purple to 3,6,9,12....

i can do it manually: http://jsfiddle.net/timur/DAHgG/  but whats the smart way to do it?

Why does jQuery functionality not working when loading external pages?

when the HTML is one big page, the toggle function works: (click on the top left image)
eg: Single HTML File

however when i load the header with 2 separate html files, the toggle function doesn't work
eg: Multiple HTML Files

This is my code:

i'm practicing how to move an element which i was able to do here:
http://jsfiddle.net/timur/KLtYa/

however i am stuck when trying to add the functionality where:
> when moving to the right, i want the bear to be facing right
> and when moving to the left, i want the bear to be facing left

i'm using FF and using this css to horizontally rotate the character:
 .css('-moz-transform', 'scaleX(-1)

i was browsing the "chrome web store" and really liked the way they presented their apps;
i wanted to code something similar for my portfolio so i did and here is the link
now i want to take it to the next level where:
if i hover from the left side of the div, .cd will slide from left to right;
if i hover from the right side of the div, .cd will slide from right to left
etc...

i'm not really sure how to approach it as i don't know how to differentiate from which side i am hovering over the div

thx

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