Ball to Ball collision handling - JavaScript Discussion Boards

AspDotNetDev7-Apr-13 13:10

7-Apr-13 13:10

Just as an idea, try setting the focus after the slide out animation has finished, rather than right when the slide element is clicked. If you are using the animate function in jQuery, I believe there is a "complete" function you can pass in that will execute once the animation is complete.

Thou mewling ill-breeding pignut!

Re: Jquery - Setting focus on Canvas

Simon Lee Shugar7-Apr-13 21:34

Simon Lee Shugar

7-Apr-13 21:34

I've had a go, doing some experiment over the weekend I found it was actually the key EvenListeners not firing. My website's a little mashed togeather due to time constraints so I figured I was going to take a step back and see what javascript / Jquery is running and what I can cut back.

Simon Lee Shugar (Software Developer)
www.simonshugar.co.uk

"You can be a king or a street sweeper, but everybody dances with the grim reaper" - Robert Alton Harris

AJAX Javascript ShowModalDialogBox in IE 7 and above not working

unniyadan28-Mar-13 20:53

unniyadan

28-Mar-13 20:53

0 I am trying to achive a ause functionality in javascript.

I am making an asynchronous AJAX call and trying to achive synhronous functionality of AJAX. I want to pause the javascript until i receive the AJAX response for the asyn call of AJAX. Due to some reason i am not using the AJAX synchronous call which will solve my problem.

Once i make a call i use the following two functions to pause the JS

function pause2(numberMillis) {
var dialogScript = "window.setTimeout(" +
" function () { document.write(' '); window.close(); }, "
+ numberMillis + ");";
var result = window.showModalDialog('javascript.document.writeln(' +
'"' + dialogScript + '<' + '/script>")');
}

function pause3()
{

do
{
if(lmsCommitTimeOut<9000){
lmsCommitTimeOut=lmsCommitTimeOut+1000;
pause2(1000);
}
else
{
//alert("TimeOut");
lmsCommitStatus="false";
return;
}

}while(readStateAchived=="false")

}

I call the pause3(); function which internally calls the pause2(1000) for every 1sec until i get the ajax response back, which i check with the help of a js variable "readStateAchived".

This is working well in IE6, but in IE7 it is poping up the modal window and not getting closed, I have to close it manually.

Can anyone help me with this?

Thank you.

Re: AJAX Javascript ShowModalDialogBox in IE 7 and above not working

Prasad Khandekar11-Apr-13 3:44

Prasad Khandekar

11-Apr-13 3:44

Hello,

Tyr using jquery blockUI (v2.31) plugin instead. Before your AJAX call just use

JavaScript

$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });

. More help can be obtained from here[^].

Regards,

Prasad P. Khandekar
Knowledge exists, man only discovers it.

unniyadan28-Mar-13 20:52

unniyadan

28-Mar-13 20:52

0 I am trying to achive a ause functionality in javascript.

I am making an asynchronous AJAX call and trying to achive synhronous functionality of AJAX. I want to pause the javascript until i receive the AJAX response for the asyn call of AJAX. Due to some reason i am not using the AJAX synchronous call which will solve my problem.

Once i make a call i use the following two functions to pause the JS

function pause2(numberMillis) {
var dialogScript = "window.setTimeout(" +
" function () { document.write(' '); window.close(); }, "
+ numberMillis + ");";
var result = window.showModalDialog('javascript.document.writeln(' +
'"<script>' + dialogScript + '<' + '/script>")');
}

function pause3()
{

do
{
if(lmsCommitTimeOut<9000){
lmsCommitTimeOut=lmsCommitTimeOut+1000;
pause2(1000);
}
else
{
//alert("TimeOut");
lmsCommitStatus="false";
return;
}

}while(readStateAchived=="false")

}

I call the pause3(); function which internally calls the pause2(1000) for every 1sec until i get the ajax response back, which i check with the help of a js variable "readStateAchived".

This is working well in IE6, but in IE7 it is poping up the modal window and not getting closed, I have to close it manually.

Can anyone help me with this?

Thank you.

Jquery JqGrid

Member 962382927-Mar-13 2:30

Member 9623829

27-Mar-13 2:30

Hi , i Need TO customize the 'recordtext:{0}-{1}of {2}' in Jqgrid Using Jquery

I need Like this 1-10 of 29 (Users) ,
1-10 of 29 (Administrators) ,
1-10 of 29 (Emails)

In My project I am using Around 10 Jqgrids , i want to change the text inside the brackets for each single grid.

I need Urgent Solution .

The record text Format is in Language File of jqgrid(grid-en.js) and format like this 'recordtext:{0}-{1}of {2}'

Re: Jquery JqGrid

Jasmine250127-Mar-13 7:48

Jasmine2501

27-Mar-13 7:48

You need to add the navigation bar, and read up on "paging" that's what it's called.

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:pager[^]

Ball to Ball collision handling

SRJ9226-Mar-13 14:19

SRJ92

26-Mar-13 14:19

hi,
I have looked all over and can't find something that suits my needs... so here goes...

I am creating a snooker game in HTML 5 canvas and JavaScript and have now came to the part of resolving the ball to ball collisions.

So far I have this, which is great, it detects the cue ball hitting another ball:

JavaScript

function isColliding(ball){
var distance = Math.sqrt(((this.posX - ball.posX)*(this.posX - ball.posX)) + ((this.posY - ball.posY) * (this.posY - ball.posY)));
	
if (distance < this.radius + ball.radius){
//balls have collided now work out where they collided
					
var collisionPointX = ((this.posX * ball.radius) + (ball.posX * this.radius)) / (this.radius + ball.radius);

var collisionPointY = ((this.posY * ball.radius) + (ball.posY * this.radius)) / (this.radius + ball.radius);
					
ball.speed = this.speed;
					
this.directionX = Math.cos(?);
					
this.directionY = Math.sin(?);
					
ball.directionX = Math.cos(?);
					
ball.directionY = Math.sin(?);
							
}
							
}

However I need to know how do I work out the Math.cos and Math.sin for the balls to move in a direction that is expected (using elastic collision), when they collide?

Thanks for help in advance..
Steve

Re: Ball to Ball collision handling

Kenneth Haugland26-Mar-13 15:29

Kenneth Haugland

26-Mar-13 15:29

I think you should have a look at the three top articles in the search below:
http://www.codeproject.com/search.aspx?q=snooker&x=0&y=0&sbo=kw[^]

In any case you should use vector calculus to calculate the angles as well as the elsatic collition. The Angles would be dependent on the incoming vector and the deviation should be from this line of reference. I know that the code is written in C# but I think you should get the understanding of the physics.

Re: Ball to Ball collision handling

dusty_dex26-Mar-13 21:00

dusty_dex

26-Mar-13 21:00

There are physics engines already implemented in JS

Physics Engine comparison

Smile | :)

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Re: Ball to Ball collision handling

Kenneth Haugland26-Mar-13 22:01

Kenneth Haugland

26-Mar-13 22:01

Did not know that. Smile | :)

Re: Ball to Ball collision handling

SRJ9227-Mar-13 4:04

SRJ92

27-Mar-13 4:04

Thanks

Ajax request call using jquery

Raj G121-Mar-13 2:49

Raj G1

21-Mar-13 2:49

I m using the below code.But my page is taking much time to render.I m APS.net developer .Please suggest me solution.

XML

function GetRecord() {
           $.ajax({
               type: "POST",
               url: "abc.aspx/GetData",
               data: "{NextPreviousYear:'" + parseInt($("#hdnNextPervious").val()) + "'}",
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               success: OnSuccessCall,
               error: OnErrorCall
           })
       }

       function OnSuccessCall(response) {
           $j(document).ready(function () {
               var xmlDoc = $.parseXML(response.d);
               var xml = $(xmlDoc);
               var tblcalendar = xml.find("Report");
               $('.tbl_calendar').html('');
               $.each(tblcalendar, function (index) {
                   var row = "<tr>";
                   row += "<th>" + $(this).find("Month").text() + "</th>";
                   row += "<td class=" + $(this).find("D1").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D2").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D3").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D4").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D5").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D6").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D7").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D8").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D9").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D10").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D11").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D12").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D13").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D14").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D15").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D16").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D17").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D18").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D19").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D20").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D21").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D22").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D23").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D24").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D25").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D26").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D27").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D28").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D29").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D30").text() + "> &nbsp; </td>";
                   row += "<td class=" + $(this).find("D31").text() + "> &nbsp; </td>";
                   row += "</tr>";
                   $(".tbl_calendar").append(row);
               });

           });
       }
       function OnErrorCall(response) {
           alert(response.status + " " + response.statusText);
       }

Raj
ASP.net Developer

Re: Ajax request call using jquery

dusty_dex21-Mar-13 8:33

dusty_dex

21-Mar-13 8:33

Haven't you spotted the spelling mistake?

hdnNextPervious *Previous*

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Re: Ajax request call using jquery

jkirkerx21-Mar-13 9:24

jkirkerx

21-Mar-13 9:24

I just spent another 5 minutes looking for it, and just caught it.

nice job dusty!

[edit]

Oh, I copied the mistake into my code sample, even worse!, oh well

Slide show

Tichaona J21-Mar-13 0:10

Tichaona J

21-Mar-13 0:10

I’m trying to get my website to show images one after the other using java script I got from www.javascriptkit.com/howto/show2.shtml and have followed there example as closely as I can but with no luck.

HTML

<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Acrele - Home</title>
 <meta name="keywords" content="" />
<meta name="description" content="" />
<link href="CSS1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

        var image1=new Image()
        image1.src="16.jpg"

        var image2=new Image()
        image2.src="employee-training.jpg"

        var image3=new Image()
        image3.src="Real_Estate_Investment_Education.jpg"

        var image4=new Image()
        image4.src="Unti2tled.jpg"

        var image5=new Image()
        image5.src="Untitled.jpg"

        var image6=new Image()
        image6.src="zclassroom.jpg"

</script>

</head>

2. Added the html code were I want the image to show:

HTML

<div id="left-feature-colum">

                     <div id="slider-bg">

                        <div id="slider">


                                    <img src="16.jpg" id="slide" width="600px" height="300px">

                         </div>

               </div>

            </div>

3. Edited there javascript accordingly to the number of images I’m using:

JavaScript

<div id="left-feature-colum">

                     <div id="slider-bg">

                        <div id="slider">

                                    <img src="16.jpg" id="slide" width="600px" height="300px">

                                    <script>
                                    var step=1;

                                  //if browser does not support the image object, exit.
                                  var img = document.getElementById('slide');
                                  img.src = "image" + step + ".src";
                                  console.log(img.src);
                                  if (step < 6) step++;
                                      else step = 1;
                                      //call function "slideit()" every 2.5 seconds
                                      setTimeout(slideit, 3500);


                             </script>
                         </div>

               </div>

            </div>

This isn’t working, it only load the first image “16.jpg” only…Help

Re: Slide show

Graham Breach21-Mar-13 1:37

Graham Breach

21-Mar-13 1:37

You have removed the code from inside the "slideit" function, so now there is no way for it to repeat and the setTimeout(slideit, 3500) is trying to call a function that doesn't exist.

Re: Slide show

jkirkerx21-Mar-13 7:55

jkirkerx

21-Mar-13 7:55

There are a lot of bad slideshow scripts out there, I rewrote one that was a CMS plugin for word press which had many errors in it, and made no sense to me. It might be too advanced for you, and requires JQuery, but is simplistic in design.

[Display Advertising Filmstrip^]

Re: Slide show

alisener198022-Mar-13 9:41

alisener1980

22-Mar-13 9:41

you must use setinterval...

A question to dust_dex

Hakan Bulut20-Mar-13 22:51

Hakan Bulut

20-Mar-13 22:51

Your profile is not active so I'm can not know your name. I have a question ..

Re: A question to dust_dex

dusty_dex21-Mar-13 5:29

dusty_dex

21-Mar-13 5:29

I have my account back now.

Also changed my profile to allow email replies.

Smile | :)

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Re: A question to dust_dex

Hakan Bulut24-Mar-13 21:13

Hakan Bulut

24-Mar-13 21:13

XML

<html>
<head>
<script type="text/javascript">
    var rec = ["19","20","21","40","41","45","12","23","34","36","37","46"]
    document.write("Weekly records for 2 week : ");
    for(var i=0; i<12; i++) {
        document.write(rec[i] + ",");
    }
    document.write("<BR>");
    for(var z=0; z<6; z++) {
        var q = Math.round(12 * Math.random());
        document.write(rec[q], + "," + z);
    }
</script>
</head>
<body>
</body>
</html>

I wrote a simple random permutations, but May Have NaN Error Can help me with this?

modified 25-Mar-13 3:23am.

Re: A question to dust_dex

dusty_dex24-Mar-13 21:53

dusty_dex

24-Mar-13 21:53

Off by one error - range of random 0-12, valid range for Array 0 - 11

Removed an unwanted comma (,) after rec[q] in your document write. Smile | :)

<html>
<head>
<script type="text/javascript">
    var rec = ["19","20","21","40","41","45","12","23","34","36","37","46"];
    document.write("Weekly records for 2 week : ");
    for(var i=0; i<12; i++) {
        document.write(rec[i] + ",");
    }
    document.write("<BR>");
    for(var z=0; z<6; z++) {
        var q = Math.round(11 * Math.random());
        document.write(rec[q] +", "+ z +" ");
    }
</script>
</head>
<body>
</body>
</html>

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Re: A question to dust_dex

Hakan Bulut24-Mar-13 23:47

Hakan Bulut

24-Mar-13 23:47

Well.. now how do i prevent adding the numbers of array elements value, array elements only among themselves, I just wanted to combine random..

Output is:
19, 0 23, 1 20, 2 19, 3 34, 4 45, 5

it must be:
19, 23, 20, 19, 34, 45

Why does it wrote the numbers of random array and how do i prevent the same number selection..¿

Quickly remove the shameless

Re: A question to dust_dex

Hakan Bulut25-Mar-13 1:11

Hakan Bulut

25-Mar-13 1:11

I have to special thanks for all ur helps.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.