jQuery Forum

Hi.. I have developed a game. Drag n drop cards in slots. The cards are bigger than the slots so while i drag them i also resize them with the drag event. How can I resize them when the revert is occuring???

hello, i am confused about how i can do something about this.

Hello, I have created a game, a poker. And 10 players are playing. 

Hello.
I have the same code (i created a backgammon game) in two pages. In one it is a simple html with the js attached, and it does not communicate with the server. So i cannot send the move to the other player.

The other other one is an aspx page with the same html (literally nothing changed) and is imported at a main page as an iframe so as to create the tables for two players to play.

The weird think is this. In both pages, in the js code (which i repeat that it is the same exactly) i have a draggable

$('div[title="' + i + '"]')
    .draggable({
        containment: 'table',
        cursor: 'pointer',
        revert: true,
        start: takePieceForDragStart,
        stop: removeValidForDragOnStop
        });
    $('div[title="' + i + '"]').bind("click", makeMove);

and a dropable

$('div[title="'+k+'"]').addClass("valid").droppable({
        drop: leavePieceDragAndDropped
    });

in the non-i frame when i drop the draggable in the droppable the stop function of the draggable is NOT happening.

while in the i-frame imported, when i drop the draggable in the dropable the stop function is happening.

So can anyone suspect why is this happening? or tell me which one of them is the correct so i could find out whats going on?

Hello,

lets assume i have the outer div ( class= outer) which has inside of it 5 inner divs (class = inner) and one button (id = buttonID).

i want to bind a click on the button. (DONE)
the button will call a function to fadeOut(5000)  the divs. and then fadeIn(5000) (DONE)

if i press the button while the fading is happening then another fade "queue" will add to the one happening.

i want to unbind the click while the effect starts. (DONE)

i want to queue the binding to the button after the effect have ended. (NOT DONE!!!)
.queue() refers to an element while i have different elements.
.setTimeout is not an option because the time is not standard.

can i do something like:

$('body').queue( function() {
                          function to select the divs and fade them
                         })
            .queue( function () {
                          function to select the button and bind the click
                        });

Hellow,
i m trying to learn jQuery by building a backgammon game.
I have almost made it, with click events.
I would like to add the same movement with drag n drop.
In order to make this happen i must find a way so as the click event wont happen on drag and drop.
I could'n find any answer to that. So i guess it cannot be done?
I m thinking about using the stop event of draggable() but haven't  figure out how to do it.

by the way my project is on
http://apogee.biz.nf/BackGamon/blackgamon.html
with just the first movement can be made just to check its working.
every reply is most welcomed :) 

According to this example :

<script>$(document.body).click(function () {
 $("div").show("slow");
 $("div").animate({left:'+=200'},2000);
 $("div").queue(function () {
 $(this).addClass("newcolor");
 $(this).dequeue();
 });
 $("div").animate({left:'-=200'},500);
 $("div").queue(function () {
 $(this).removeClass("newcolor");
 $(this).dequeue();
 });
 $("div").slideUp();
 });</script>

When using effects, one is done after the other.
But when changing classes,you have to issue the queue() function in order 
to queue the "change class effect" after the effects have finished.
(am i wrong?)
so i have this :

function showResults() {
 $("div#inner").fadeOut(200);
 $("div#inner").removeClass();
 $("div#outer").eq(resultNo.No1-1).children("div#inner").delay(0).
      fadeIn(500).addClass("result");
 $("div#outer").eq(resultNo.No2-1).children("div#inner").delay(1000).
        fadeIn(500).addClass("result");
 $("div#outer").eq(resultNo.No3-1).children("div#inner").delay(2000).
      fadeIn(500).addClass("match");
}

and i should put the second line in queue in order to remove the classes 
AFTER the fade out has happened and not simultaneously.

so this is what i created :

function showResults() {
 $("div#inner").fadeOut(200);

      $("div#inner").queue(function () {
       $(this).removeClass();
       $(this).dequeue();
       });

 $("div#outer").eq(resultNo.No1-1).children("div#inner").delay(0).
       fadeIn(500).addClass("result");
 $("div#outer").eq(resultNo.No2-1).children("div#inner").delay(1000).
      fadeIn(500).addClass("result");
 $("div#outer").eq(resultNo.No3-1).children("div#inner").delay(2000).
      fadeIn(500).addClass("match");
}

It is almost the same but it doesn't seem to work. 
I also tried instead of $(this) the $("div#inner").
So i must have misunderstood something. 
Can someone tell me what am i thinking wrong? 

Hello, i cant seem to be able to use the false argument in either bind() or live(). I cant see what i am missing.
I want to create a 3x3 table of divs.
Each div has another one in it. Like this :

<div class="checked">
        <div class="original"></div>
</div>

The original div has as background picture the number 1 as1.png
The checked div has as a background picture the number 1 in red font as 1-checked.png

.checked{
    background-image:url(images/1-checked.png);
}
.original{
    background-image:url(images/1.png)
}

now i want on first click to fade out the original div. So i want the click event to apply only on original div.
on the second click since the original div have faded, the click event will be applied only on the checked div.
so i have this:

$(document).bind(
    "ready",
    function(){
        $("div.original").live(
            "click",
            function(){
                $(this).fadeOut(200);
            },
            false
        );
       
        $("div.checked").live(
            "click",
            function(){
                $(this).children("div.original").fadeIn(500);
            },
            false
        );
    }
);
       
Am i thinking wrong?