jQuery Forum

Hi,

Several of my users are reporting a problem with jQuery on their Firefox on Windows.

They get this message:

A script on this page may be busy or not responding. You can stop the script now or wait to see if the script terminates.

The example error can be seen there:

http://www.europasprak.com/elearning/exercise/8/page/2718/subscription/

The problem disappears if they restart Firefox with the extensions disabled.

But it'd be nice to solve this issue. I can't tell every one of them to disable the Firefox extensions.

Kind Regards,

Stephane

Hello,

Anyone knows where to find the jquery extension file jquery.ui.datepicker.ext.js ?

I see it being used at:

http://code.google.com/p/jquery-ui/source/browse/branches/labs/datepicker2/demos/datepicker/day-hover.html?r=3875

I would like to implement an "on hover" event handler on my datepicker.

Thanks.

Hello,

I'd like to display a context menu on a drag and drop.

On the drop event the menu would appear and the user would be able to choose from a few actions.

I have seen some context menus but they all display on a right click event, which is not the event I'd like to trigger the menu display.

I don't know how to have it display on a drop event.

Thanks for any tip.

Stephane

Hello,

I have a page at http://www.guidesaventure.com/page/1/templateModelId/1 and when viewing it with IE(6 I guess) the drop down menu that should display when clicking on the link "Floating", does not drop down.
This happens only if I have a css for the round corner of its enclosing container.

When the round corner is not there, the menu drops down just fine.

I tried to see what it was that gets in the way, but had no success..

If you feel like having a look, that'd be very helpful.

Thanks

Stephane

Hello, I noticed something that bugged me for half an hour with the jCarousel examples.

I was trying to code a simple example and it would not display the ul list in a carousel, but instead the ul list would be displayed like a regular one, with the li items one below the other.

The issue for me was that I would include the jquery-1.4.2.min.js file AFTER the jcarousel one.

The order of javascript inclusion matters.

This does not work:

<script type="text/javascript" src="http://localhost/js/jquery/jquery.jcarousel.min.0.2.4.js"></script>
<script type="text/javascript" src="http://localhost/js/jquery/jquery-1.4.2.min.js"></script>

This is correct:

<script type="text/javascript" src="http://localhost/js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://localhost/js/jquery/jquery.jcarousel.min.0.2.4.js"></script>

Hello !

I have my colorbox plugin displaying the images in a strange way.. it includes the whole page !

Have a look at

http://www.thalasoft.com/engine/modules/photo/display_album.php?photoAlbumId=2

and click on one of the car photos.

Any clue ?

Hello,

I have a drag and drop feature that works fine on the computer browsers.

It can be seen at http://www.thalasoft.com/elearning/exercise/55/page/201/subscription/

But on the iphone/ipod it's a different story.

The dragging is apparently disabled for it is already a feature of the device.

What solution can be used to solve this issue and have a drag and drop on the iphone/ipod ?

Thanks for any tips.

Hello,

I was looking for a forum and finally found it !

On page load, the cycle is displayed above some content that should be below the cycle.

And after doing a page reload, the content is indeed pushed down and the display is then correct, with the cycle above said content.

I suppose it is due to a loading race condition, the images being loaded before or after the below content...?

I uploaded two snapshots to illustrate the issue.

Thanks for any tip...

Stephane

I have a jquery drag and drop that works quite well with only one thing to complain about: when the dragable object is larger than to drop zone, I would like the object to be dropable when the mouse cursor hovers the drop zone. As it is now, it feels like the object becomes dropable when its center enters the drop zone. For a large object with a greater width, that means the object must be dragged a bit more to the left so as to have its center enter the drop zone. And this can really be an issue if the object draggable area is limited, preventing this extra dragging on the left.
Any way to have the object dropable when the mouse cursor enters the drop zone instead?

<style type="text/css">
.elearning_question_draggable {
  cursor:pointer;
}
.droppable-hover {
  outline: 2px dashed;
}
.no_style_elearning_question_dropped_answer {
  cursor:pointer;
  margin:2px;
}
.elearning_question_answer_field {
  border-width:0px 0px 1px 0px;
  border-style:solid;
}
</style>
<script type="text/javascript">

$(document).ready(function(){

  $(".elearning_question_draggable").draggable({
    helper: 'clone', // Drag a copy of the element
    ghosting: true, // Display the element in semi transparent fashion when dragging
    opacity: 0.5, // The transparency level of the dragged element
    cursorAt: { top: 10, left: 10 }, // Position the mouse cursor in the dragged element when starting to drag
    cursor: 'move', // Change the cursor shape when dragging
    revert: 'invalid', // Put back the dragged element if it could not be dropped
    containment: '.elearning_exercise_page' // Limit the area of dragging
  });

  $(".elearning_question_droppable").droppable({
    accept: '.elearning_question_draggable', // Specify what kind of element can be dropped
    hoverClass: 'droppable-hover', // Styling a droppable when hovering on it
    drop: // Handle a drop event
      function(ev, ui) {
           // Update the answer id and display
          $(this).find('input').attr("value", ui.draggable.attr("elearningAnswerId"));
              $(this).find('span.elearning_question_answer_field').html(ui.draggable.html());
          var participantAnswer = $(this).find('input').attr("value");
       }
  });