Answered by : code-grepper
//listen for window resize event
window.addEventListener('resize', function(event){ var newWidth = window.innerWidth; var newHeight = window.innerHeight;
});Source : | Last Update : Wed, 07 Aug 19
Answered by : cheerful-cockroach-toc8yw0x6x05
window.addEventListener("resize", () => { // CODE
});Source : | Last Update : Wed, 10 Jun 20
Answered by : perfect-peacock-us6kdtbojcz9
window.onresize = function() { if (window.innerHeight >= 820) { /* ... */ } if (window.innerWidth <= 1280) { /* ... */ }
}Source : https://stackoverflow.com/questions/9828831/jquery-on-window-resize | Last Update : Fri, 14 Oct 22
Answered by : robert-misener
addEventListener('resize', (event) => {});
onresize = (event) => {};Source : https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event | Last Update : Wed, 05 Oct 22
Answered by : frightened-flamingo-e0u2lcv05szd
1
2
3
$( window ).resize(function() { $( "#log" ).append( "<div>Handler for .resize() called.</div>" );
});Source : https://api.jquery.com/resize/ | Last Update : Wed, 24 Nov 21
Answered by :
window.resizeTo(width, height);Source : | Last Update : Wed, 02 Jun 21
Answered by : zarden
//PUT IN YOUR BROWNSER'S CONSOLE OR CODE "OnCLick()"
javascript:(function(){window.open(document.URL, '','width=320,height=480');})();Source : | Last Update : Sat, 14 May 22
Answered by : abhilash-mund
<!doctype html>
<html lang="en">
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Resizable - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <style> #resizable { width: 150px; height: 150px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } </style> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $( function() { $( "#resizable" ).resizable(); } ); </script>
</head>
<body>
<div id="resizable" class="ui-widget-content"> <h3 class="ui-widget-header">Resizable</h3>
</div>
</body>
</html>Source : https://jqueryui.com/resizable/ | Last Update : Tue, 03 May 22