Search jQuery

jQuery Forum

Screen name:
maruf

maruf's Profile

12 Posts

7 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Accessing jQuery's resolveWith() arguments
[2Replies]
- 17-Feb-2012 11:34 PM
- Forum: Using jQuery
I understand that the first argument passed to resolveWith defines the 'this' for the done callback, I just can't figure out how to access the second argument from the call back.

here's my test subject
2. function turkey(elem) {
3. var dfd = $.Deferred();
4. $(elem).fadeOut('fast',function() {
5. dfd.resolveWith(elem,{harry:'potter'});
6. })
7. return dfd.promise()
8. }
10. function key(elem) {
11. $.when( turkey(elem) ).then( function() { console.log(arguments) });
12. }

Mouse Move not working
[0Replies]
- 10-Sep-2011 07:18 PM
- Forum: Developing jQuery Plugins
I can't for the life of me understand why the mousemove event is not firing. Everything runs up until line 20 and then stops.
2. (function($) {
3. $.fn.iScroll = function(options) {
4. var $this = this;
5. var $offset = getOffset();
6. var $origin, $current, $difference;
8. init();
10. function init() {
11. $this.bind('mousedown',scrollCheck)
12. }
14. function scrollCheck(e) {
15. data = $.data($(e.target).get(0),'events')
16. if (data && (data.click || data.mousedown)) return false
18. $origin = e.clientY;
20. $this.bind('mousemove',function() { console.log($this) });
21. $this.bind('mouseup',stopScroll);
22. $this.trigger('mousemove')
23. }
25. function scrollMove(e) {
26. $current = e.clientY;
27. $difference = $origin - $current;
28. console.log($current);
29. $this.children().each(function() {
30. var y = this.offset().top;
31. this.offset({top:y + $difference});
32. });
33. }
35. function stopScroll(e) {
36. $this.unbind('mousemove').unbind('mouseup');
37. }
39. function getOffset() {
40. var o = $this.offset()
41. return [o.left,o.top];
42. }
44. return this
45. };
46. })(jQuery);

iPhone shows unwanted white space at bottom
[4Replies]
- 06-Sep-2011 06:10 PM
- Forum: jQuery Mobile
Here's two screenshots to illustrate my problem. I have a mini scroll bar in the content section of my app, and the footer and header don't move. Yet when they are dragged on the iphone, they show this white space, that I can't seem to get rid of by decreasing the page's height or anything.

http://mvmdesign.org/other/Beacon/temp/normal.png
http://mvmdesign.org/other/Beacon/temp/off.png

Selecting every slide element on every page
[0Replies]
- 28-Jun-2011 08:38 PM
- Forum: jQuery Mobile
I have a slider in the footer of every page, and I'm trying to make them all act as one, so if one changes on a page, they all change, but so far I can only get the slider on the menu page working, even though all the sliders are identical.
Here's the code:
2. function beaconActive() {
3. $('select[data-role=slider]').val(beaconActivity()).unbind('change').bind('change',function() {
4. if ($('select[data-role=slider]').val() == beaconActivity(!W.active)) {
5. W.active = !W.active;
6. $('select[data-role=slider]').unbind('change').val(beaconActivity())
8. var dataString = 'user_id=' + W.uid + '&active=' + W.active;
9. $.getJSON('http://mysite.org/other/ws/set_activity.php?'+dataString+'&callback=?',function(data) {
10. alert(data.response + ' ' + W.active);
11. $(document).oneTime(2000,function() { beaconActive() });
12. });
13. }
14. });
15. }
17. function beaconActivity(num) {
18. if (!num) num = W.active
19. switch (num) {
20. case false:
21. return 'off'
22. case true:
23. return 'on'
24. default:
25. alert('not a boolean');
26. }
27. }
beaconActive() inits when the menu loads.
Basically when the slider is hit on the menu page, it changes the value of all the other sliders and works correctly, but when the sliders on other pages are hit, the change events don't register

data-role Header and Footer Completely messed up in webkit browsers
[1Reply]
- 18-Jun-2011 02:07 PM
- Forum: jQuery Mobile
So here's the the link http://mvmdesign.org/other/goldy/m/#about

click on black book interview - which works because it's shorter I guess
Then click on either creative living or why we like david. It's like it's too much text show it cuts the header off and places the footer according to screen size. any idea?

Here's the code for the black book page, which is identical to the other pages, except the others have like 3 times the text
2. <div data-role="page" id="blackbook">
3. <div data-role="header" data-backbtn="false">
4. <img src="files/misc/logo.png" alt="David Goldman" class="margin home" />
5. <img src="files/misc/name.png" alt="David Goldman" class="home" style="margin:5px 0" />
6. <div class="small" style="float:right;text-align:right;" >
7. <br>
8. 41 Union Square W.<br>
9. Suite 918<br>
10. New York, NY<br>
11. 10003<br>
12. </div>
13. </div>
15. <div data-role="content"><h2>Black Book Interview</h2>
16. Thank you for your time David. Please tell us, how did you get into the industry?<BR><BR><font color="#5C4A64">I hated my previous job and one day I said that I would not allow anybody to boss me around, so I quit my job in the garment industry. Then in early spring of 1980, Paul Margolies, one of my best friends growing up, asked me if I would consider representing his career as a location photographer. Paul believed strongly that I would do well as a photographer's representative. I told him "All I needed was a desk, an office, a phone, guidance, and a $200/week guarantee, and I would start on May 1st."</font><BR><BR>How was it trying to break into becoming an artist's representative?<BR><BR><font color="#5C4A64">My journey between '75-'80
17. </div>
18. <div data-role="footer" class="center-wrapper">
19. <div data-role="navbar">
20. <ul>
21. <li><a href="#about" id="about" data-role="button" data-icon="custom">About</a></li>
22. <li><a href="tel:1-212-807-6627" title="212-807-6627" id="tel" data-role="button" data-icon="custom">Call Me</a></li>
23. <li><a href="mailto:dg@davidgoldmanagency.com" id="email" data-role="button" data-icon="custom">E-mail Me</a></li>
24. </ul>
25. </div>
26. </div>
27. </div>

Don't know how to return variables within onload function
[1Reply]
- 17-Jun-2011 06:30 PM
- Forum: Developing jQuery Plugins
Any idea on how to return the variables in bold?
1. preload: function(source) {
2. var proto = new Image()
3. var w,h;
5. proto.onload = function() {
6. w = proto.width;
7. h = proto.height;
8. delete proto;
9. return {width:w,height:h}
10. }
11. proto.src = source;
12. }

Centering h1 Buttons inset
[3Replies]
- 17-Jun-2011 05:03 PM
- Forum: jQuery Mobile
I'm having trouble centering buttons so they're all on the same line. the code is below with how it appears on the right. and the center wrap style is
2. .center-wrapper{
3. text-align: center;
4. }
6. .center-wrapper * {
7. margin: 0 auto;
8. }
Any advice?

jquery sg video
[1Reply]
- 14-Mar-2011 02:45 AM
- Forum: Using jQuery
2. var myVideo = {
3. 'ogg': (source + '.ogv'),
4. 'h264': (source + '.m4v'),
5. 'webm': (source + '.webm'),
6. 'swf': (source + '.swf')
7. }
9. var options = {
10. width: ($('#content').height() * .75) * 1.11111,
11. height: $('#content').height() * .75
12. }
14. $('#videoContainer').video(myVideo,options);
Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's something about the MIME but I have no idea what to do about that.

unbinding custom scrollbar (Jscrollpane)
[0Replies]
- 24-Dec-2010 05:15 PM
- Forum: Using jQuery
I've got a section that I added the Jscrollpane:

$(mail).jScrollPane();

How would I get rid of it because even after I close the section and hide it, the jScrollPane() messes with other aspects of the site

including data in animate callback function
[2Replies]
- 06-Dec-2010 09:37 PM
- Forum: Using jQuery
at the end of the animation, I'm trying to run a function that relates to 'i', but every time it represents the last possible number instead of a range
1. for (var i = 0; i < bubbleArray.length; i++) {
2. var _this = bubbleArray[i]
3. var mLeft = parseInt($(_this.div).css('margin-left').split('px')[0]);
4. $(_this.div).animate({
5. 'left': -scrll
6. },750,function() {
7. alert(i + ' ' + xmlLength);
8. if (i == xmlLength - 1) alignArrows();
9. });
10. }

Won't let me animate back
[0Replies]
- 05-Dec-2010 04:41 PM
- Forum: Using jQuery
I've got an object that when clicked triggers an animation that expands the div based on variables defined right before the animation. The first animation works fine without problems.

I've got two problems, first after the animation is complete, It can no longer find css properties (Ex. line 22) which are required to to trigger to second animation to return to normal, second, the second animation won't do anything at all
1. bubble.prototype.expand = function() {
2. var _this = this;
3. this.mLeft = parseInt($(this.div).css('margin-left').split('px')[0]);
4. this.mTop = parseInt($(this.div).css('margin-top').split('px')[0]);
5. this.iWidth = $(this.iconImg).width();//icons dimensions
6. this.iHeight = $(this.iconImg).height();
7. this.bDiam = $(this.bubbleImg).width();
8. this.divWidth = $(this.div).width();
9. this.divHeight = $(this.div).height();
10. var fWidth = this.iWidth + this.margins * 2;//divs final width
11. var fHeight = this.iHeight + this.margins * 2;
12. $(this.div).stop().animate({
13. 'width': fWidth,
14. 'height': fHeight,
15. 'borderRadius': this.margins * 2,
16. '-moz-border-radius': this.margins * 2,
17. '-webkit-border-radius': this.margins * 2,
18. 'marginLeft': mLeft - fWidth/4,
19. 'marginTop': mTop - fHeight/4
20. },1000,function() {
22. alert(this.mLeft);//returns undefined
23. }).one('click',_this.shrink);
24. }
26. bubble.prototype.shrink = function() {
28. $(this.div).stop().animate({
29. 'width': 70
30. },1000,function() {
31. //complete
32. }).one('click',this.expand);
33. }

for loop returns same # every time in a click function
[3Replies]
- 02-Dec-2010 12:08 AM
- Forum: Using jQuery
I have a for loop which has a length of 8. It's meant to run through an array of objects and bind a click function to all of them. So the alert should run a range 0-7 but instead it returns 8 no matter which object is being clicked.

for (var j = 0; j < bubbleArray.length; j++) {
$('#icon' + j).bind('click',function() {
var icon = this.id;
this.diam = $(this).width();
var iconID = setInterval(function() {iconExpand(icon)},0);
alert(j);
});
}

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend