Dynamically obtaining the screen width in JSP using a variable

Question

Dynamically obtaining the screen width in JSP using a variable

Could someone provide assistance on how to resize an image using an img src="blah.jpg?width=x" so that my page can be displayed at various sizes? I just need x (width) as a JSP variable.

Update 2021: It's been 9 years since this question was posted. For those still seeking answers, Javascript has made significant advancements in the past decade. While resizing images in JSP may not be possible, it can be achieved using Javascript and CSS3. If you are trying to make elements responsive based on page width, consider utilizing CSS Flexbox for a more modern approach.

Cheers

javascript css jsp

Answer 1

Answer №1

Attempting to retrieve the screen width as a JSP variable is not feasible since JSP is processed on the server before being sent to the browser as HTML. The screen width is only accessible in the browser once the page has been loaded and JavaScript can be used.

An alternative approach would be to utilize JavaScript to capture the screen width on the previous page and pass it as a query parameter in a link or save it as a hidden field in a form. By doing so, you can access the screen width when the link is clicked or the form is submitted.

Keep in mind that this method may not prevent users from directly accessing the URL in their browser.

Another option is to use JavaScript to load an image after the page has finished loading. This way, you can obtain the screen width and dynamically adjust the URL for the image. Utilize the onload event of the body or $(document).ready in JQuery to trigger this process.

Answer 2

Attempting to retrieve the screen width as a JSP variable is not feasible since JSP is processed on the server before being sent to the browser as HTML. The screen width is only accessible in the browser once the page has been loaded and JavaScript can be used.

An alternative approach would be to utilize JavaScript to capture the screen width on the previous page and pass it as a query parameter in a link or save it as a hidden field in a form. By doing so, you can access the screen width when the link is clicked or the form is submitted.

Keep in mind that this method may not prevent users from directly accessing the URL in their browser.

Another option is to use JavaScript to load an image after the page has finished loading. This way, you can obtain the screen width and dynamically adjust the URL for the image. Utilize the onload event of the body or $(document).ready in JQuery to trigger this process.

Answer 3

Answer №2

I encountered a similar issue, but found a solution that worked for me:
Create a startup page, like index.html in Tomcat, that is automatically called at the beginning of the session and implement the following:

<!DOCTYPE html>
<html>
<head>
    <script>
    var initialize=function() {
        var height=window.innerHeight;
        url="myPage.jsp?rows="+height;
        link=document.getElementById('link');
        link.href=url;
        link.click();
    }
    </script>
</head>
<body onload=initialize()>
<A style='' id=link HREF=''>&nbsp;</A>
</body>

In your 'myPage.jsp' file, retrieve the 'rows' variable in your Java code and you're good to go!

Answer 4

I encountered a similar issue, but found a solution that worked for me:
Create a startup page, like index.html in Tomcat, that is automatically called at the beginning of the session and implement the following:

<!DOCTYPE html>
<html>
<head>
    <script>
    var initialize=function() {
        var height=window.innerHeight;
        url="myPage.jsp?rows="+height;
        link=document.getElementById('link');
        link.href=url;
        link.click();
    }
    </script>
</head>
<body onload=initialize()>
<A style='' id=link HREF=''>&nbsp;</A>
</body>

In your 'myPage.jsp' file, retrieve the 'rows' variable in your Java code and you're good to go!

Dynamically obtaining the screen width in JSP using a variable

Answer №1

Answer №2

Similar questions

The frozen first column in a CSS table does not have consistent height with the rest of the row

Is it necessary for vertex labels to be distinct within a graph?

Obtain the default/initial argument type of typescript for extension purposes

Ajax request not populating controller with data in ASP.NET CORE MVC

The correct functionality of canvas coordinates may become unreliable once CSS has been implemented

Most effective method for integrating a JS module across all browsers

Efforts to seamlessly combine two divisions of a business card through the use of CSS and HTML

What sets Protractor apart from Grunt?

The direction to the Excel document for conversion into JSON

Getting PHP Post data into a jQuery ajax request can be achieved by using the `$_POST

Mixing together an array of colors, experimenting with adding a touch of transparency

What is the best way to ensure that an iframe adjusts its height to fit the content within a tabbed container?

Issue encountered when sorting sequelize query by date in ascending sequence

Displaying a page using express.Router()

Choosing the Right Alignment for Your Selection Box

Having trouble with the contact form sending emails

Is there a way to prevent Chrome from highlighting text that matches the content of a `position: fixed` element?

Using Column CSS Property with Google Maps in Chrome: A Potential Bug?

Issues arise when trying to implement Angular SCSS with ngx-datatable

Creating a dynamic input box with an add/remove button in each row using jQuery