Search jQuery

jQuery Forum

Screen name:
beingcommunications

beingcommunications's Profile

6 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How do you call a function in an iframe from outside?
[0Replies]
- 17-Jul-2010 08:19 AM
- Forum: Using jQuery
I was wondering if there was a way in jQuery to call a function from within an iframe.

Is there another way of writing:

window.frame['myframe'][0].myFunction();

I tried:

$('#myframe').contents().find('iframe').contents().myFunction();

but this does not work.

Thanks for any help anyone can be.

simulate plugin mousemove does not cause mouseover event to fire
[4Replies]
- 24-Mar-2010 08:06 AM
- Forum: QUnit and Testing
First, my apologies if this is the wrong forum for my question.

I want to trigger a mouseenter event by simulating a mousemove (see code below).

Is this possible. What I have does not appear to be working.

Thanks for any help anyone can be.
1. <!
  DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
  <
  html xmlns="http://www.w3.org/1999/xhtml">
  
  <
  head>
  
  <
  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
  <
  title>Untitled Document</title>
  
  <
  script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
  
  <
  script language="javascript" type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
  
  <
  script language="javascript" type="text/javascript" src="jquery.simulate.js"></script>
  
  <
  script language="javascript" type="text/javascript">
  
  $(
  function() {
  
  $(
  '#mytarget').bind('mouseenter', function(e) {
  
  $(
  '#debug').text('in');
  
  });
  
  $(
  '#mytarget').bind('mouseleave', function(e) {
  
  $(
  '#debug').text('out');
  
  });
  
  $(document).simulate(
  "mousemove", { clientX: 155, clientY: 155 });
  
  });
  
  </
  script>
  
  </
  head>
  
  <
  body>
  
  <
  div id="debug" style="position:absolute;top:500px;left:0;width:30px;height:30px;background-color:#aaa;">DEBUG>> </div>
  
  <
  div id="myobject" style="position:absolute;top:0;left:0;width:30px;height:30px;background-color:#ff6633;">moveme</div>
  
  <
  div id="mytarget" style="position:absolute;top:100px;left:100px;width:300px;height:300px;background-color:#005555;">here</div>
  
  </
  body>
  
  </
  html>

trigger syntax in UI does not appear to work
[3Replies]
- 15-Mar-2010 07:52 AM
- Forum: Developing jQuery UI
I am trying to programmatically call the dragstop event of a draggable but it does not appear to work with the syntax I'd expect. When I use a different syntax it does not pass through any event or ui details so I don't seem to be able to access these parameters. I have posted a similar question here - http://forum.jquery.com/topic/calling-draggable-droppables-events-using-triggers - but I felt this is a more fundamental issue and so decided to post it separately. I trust this is okay.

Other post
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script language="javascript" type="text/javascript" src="jquery-ui-1.8rc3.custom.min.js"></script>
  <script language="javascript" type="text/javascript">
      $(function() {
  
          $('#dragitemecho').draggable({
              stop: function(event, ui) {
                  alert('drag stop');
              }
          });
  
          $('#checker').click(function(e) {
              //does not work.
              $('#dragitemecho').trigger('dragstop');
  
              //works.
              //$me = $('#dragitemecho');
              //$('#dragitemecho').draggable('option', 'stop').call($me);
          });
  
      });
  
  </script>
  <style type="text/css">
  li {width:100px;height:100px;background-color:#999;}
  </style>
  </head>
  
  <body>
  <div id="dragitemecho" style="width:120px;height:50px;background-color:yellow;z-index:99999999;">drag echo</div>
  <div id="checker" style="width:120px;height:50px;background-color:blue;z-index:99999;">click</div>
  
  </body>
  </html>

calling draggable droppables events using triggers
[2Replies]
- 15-Mar-2010 05:04 AM
- Forum: Using jQuery UI
I was wondering if anyone has done much by way of calling events on the UI widgets.

What I'd like to do is determine programmatically whether a drop event should be called. If an element is over a droppable element I'd like to be able to simulate the events that would happen if I were to release a draggable element over it. In the example below, by clicking the 'checker' element, if the 'dragitemecho' element is over the droppable then I'd like it to fire the event.

Thanks for any help anyone can be.

Please see code to illsutrate better
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Untitled Document</title>
  <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script language="javascript" type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
  <script language="javascript" type="text/javascript">
      $(function() {
  
          $('#dragitemecho').draggable({
              stop: function(event, ui) {
                  alert('drag stop');
              }
          });
  
          $('li').droppable({
              drop: function(event, ui) {
                  alert('dropped');
              }
          });
  
          $('#checker').click(function(e) {
              $me = $('#dragitemecho');
              $('#dragitemecho').draggable('option', 'stop').call($me);
          });
  
      });
  
  </script>
  <style type="text/css">
  li {width:100px;height:100px;background-color:#999;}
  </style>
  </head>
  
  <body>
  <div id="dragitemecho" style="width:120px;height:50px;background-color:yellow;z-index:99999999;">drag echo</div>
  <div id="checker" style="width:120px;height:50px;background-color:blue;z-index:99999;">click</div>
  <ul>
  <li id="a">one</li>
  <li id="b">two</li>
  <li id="c">three</li>
  </ul>
  </body>
  </html>

doppable offsetParent
[0Replies]
- 11-Mar-2010 10:55 AM
- Forum: Using jQuery UI
I am using jquery ui draggables and droppables.

To keep things simple in explanation I am trying to drop an element onto another element which is contained inside an iframe.

When I bind the sortable from the outermost page it works but it seems to move the 'hotspots' so that if I request the id attribute of the element I've dropped it onto it gives me a different element.

I think I know the reason for this. The offset for the droppable inside the iframe uses the body attribute of the outermost as the positioning context because my jQuery that does the binding exists in the outermost page.

What I can't figure out is how to rectify this without re-writing the plugin. Ideally if an offsetParent could be specified it would solve my problem - I think!

Thanks for any help anyone can be.

[jQuery] jquery UI Dialog containment
[1Reply]
- 07-Jan-2009 05:57 AM
- Forum: Using jQuery
I have created a few Dialogs and want them contained within a div.
I was surprised to see that the containment options is not available
for the UI Dialog. Is there any technical reason for this. I have
used
$.extend($.ui.resizable.defaults, {
containment: '#myContainingDiv'
}
but I also want the end user to not be able to resize the dialog's
outside this containing div. When I extend the resizable defaults it
works but does not allow resizing right to the edge of the containing
div.
Thanks for any help anyone can be.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend