How to resize windows with help of jquery on change event?

Question

I am trying to change the width of windows on dropdown change event. But I am stuck on it. The window is not resizing. here is my code:

 $(".optionextended-narrow-swap-select select").change(function() {
    $(window).resize(function(){
    // here comes the code for resize. 

     alert (""); // for now it is not event alerting

    });

});

Please help me to resize window. I just want to reduce it by 1 px just to trigger some event.

Milind Anantwar · Answer 1 · 2014-07-25T07:13:21.147

1

You can simply use:

window.resizeTo(window.innerWidth-1, window.innerHeight);

resizeTo(): The resizeTo() method resizes a window to the specified width and height.

For reducing width by 1 px: Get current width usingwindow.innerWidth and subtract 1 from it.

edited Jul 25 '14 at 07:13

answered Jul 25 '14 at 07:06

Milind Anantwar

81,290
25
94
125

Can you explain your code Please that why we understand little about that resizeTo – Sudharsan S Jul 25 '14 at 07:09
Not working. Does Jquery have some function to resize? – Faran Khan Jul 25 '14 at 07:16
I want it inside the .change function. like when user changes the value from dropdown, then windows resize. how can it be achived – Faran Khan Jul 25 '14 at 07:18
@user3800660: whoa...take it easy. i was away. in which browser have you tested this?? – Milind Anantwar Jul 25 '14 at 07:32
@user3800660: also there are some restrictions for this. see http://stackoverflow.com/a/7602372/1719752 – Milind Anantwar Jul 25 '14 at 07:35
Sorry man just frustated at the bug u know. its firefox. is there any way that i can use jquery function to resize? – Faran Khan Jul 25 '14 at 07:45
@user3800660: have you seen the restriction for this?? – Milind Anantwar Jul 25 '14 at 08:57

score 0 · Answer 2 · edited May 23 '17 at 10:33

0

you need to trigger the window resize event.

Check the below article.

How to trigger the window resize event in JavaScript?

edited May 23 '17 at 10:33

Community

1
1

answered Jul 25 '14 at 07:11

Nadeem

1

No i need to resize the window. the link you send triggers an event after resize – Faran Khan Jul 25 '14 at 07:25

Arunkumar · Answer 3 · 2014-07-25T09:12:20.253

0

Try like

$(".optionextended-narrow-swap-select select").change(function() {
$(window).trigger( "resize" );
});

This was demo How it works

fiddle

edited Jul 25 '14 at 09:12

answered Jul 25 '14 at 09:02

Arunkumar

5,150
4
28
40

How to resize windows with help of jquery on change event?

3 Answers3