Search jQuery

jQuery Forum

Screen name:
Rahul Maroli

Rahul Maroli's Profile

4 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jquery ui draggable not working properly when changing the angle of parent element with css rotate

[1Reply]

25-May-2015 03:38 AM
Forum: Using jQuery UI

When I change the angle of the parent element which is specified for containment of a draggable element draggable is not working properly. The draggable element is going outside the containment element. Its working properly If I didn't rotate the element. jsFiddle is here

Here is my code

<div class="container">
    <div class="draggable"></div>
</div>

$('.draggable').draggable({
   containment: ".container"
});

.container{
width : 250px;
height : 250px;
margin: 70px 0 0 70px;
border : solid 1px #333;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.draggable
{
position: relative; 
cursor: pointer; 
width : 100px;
height : 100px;
border:solid 1px #f00; 
}

Not getting jQuery.extend options correctly inside an event
[3Replies]
- 31-Mar-2014 04:40 PM
- Forum: Developing jQuery Plugins
I'm trying to create a plugin with some form processing & i need to call a success function if form submitted correctly. I used $.extend to extend the options.
1. function Foo(elem,options){
3. var self = this;
4. $elem = $(elem);
5. settings = $.extend({}, $.fn.test.defaults, options);
6. self.init();
7. }
9. Foo.prototype.init = function(){
11. $elem.on('click', function(e){
12. e.preventDefault();
13. if(typeof settings.onSuccess === 'function' ){
14. settings.onSuccess.call(this);
15. }
16. });
17. }
19. $.fn.test = function(options) {
21. return this.each(function(){
22. var element = $(this);
24. var form = new Foo(this, options);
26. });
28. };
30. $.fn.test.defaults = {
31. onSuccess : null
32. };
i created two forms and called two different functions for these form onSuccess .
<form id="form1">
<input type="text" name="input1" />
<input type="submit" name="submit1" />
</form>

<form id="form2">
<input type="text" name="input2" />
<input type="submit" name="submit2" />
</form>

(function($){
$('#form1').test({
onSuccess : function(){alert('form1 submitted');}
});
$('#form2').test({
onSuccess : function(){alert('form2 submitted');}
});
})(jQuery);
but while submitting both forms only executes the last extended function. ie, alert('form2 submitted').

but when calling outside of submit function, it works....

Please anyone help me to findout what's the actual problem...

Can we get the MAC Address of a PC using jQuery or javascript
[7Replies]
- 26-Feb-2014 08:03 AM
- Forum: Getting Started
I'm working on a php application and i need to take the MAC Adress of the client PC. Is there any way to find the MAC Adress of a PC using jQuery or javascript??

Can we use two $.extend method in a plugin
[7Replies]
- 20-Feb-2014 01:33 AM
- Forum: Developing jQuery Plugins
Hi...
I'm new to plugin development and i created a new plugin for form validation. I use
1. config : {
2. //basic configurations
3. },
4. messages : {
5. //success error messages
6. }
i used $.extend(this.config,config); for extending the configuration. Also i need to extend the messages, so that the users can write their custom messages. is there any way to do this??

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend