Javascript data to PHP script

supa_scoopa

I want to use some of Javascript's features with PHP. I'm not a big fan of JS, but I'm writing my 1st serious site (that's, with graphics and stuff) and just found out how annoying the users' resolution problem is. I'd like to check that using JS and then pass it to PHP, only to use a couple images of different sizes.

I have no idea how to pass data (simple numbers) from JS to PHP. Maybe a hidden input field in a form would make it, but isn't there a better way?

Thanks!

Stinger51

I've been able to mix PHP and JS, but only in ONE direction. That is, passing PHP vars to JS functions, e.g., using an "onClick" event. You pass the PHP $var_name to the JS function, and everything works fine.

But going the other way is damned near impossible, since PHP runs server side and JS only runs client side (well, almost).

You will probably end up solving your screen resolution size using JS alone -- sorry. PHP just can't handle that. But you could move into Java proper, with it's big, bloated, baggage package, and tedious development path to accomplish this.

But before I'd tackle all that "C++ like" Java crapolla, I'd try anything I could find in JS to get this to work.

HTH

Pests

You could always find out the info you need from javascript and then use javascript to redirect to a page with the info in the querystring. And then from there you could set a cookie for the info and then use it on all the other pages for what you need or just do whatever 🙂

kellog

Originally posted by supa_scoopa
I want to use some of Javascript's features with PHP. I'm not a big fan of JS, but I'm writing my 1st serious site (that's, with graphics and stuff) and just found out how annoying the users' resolution problem is. I'd like to check that using JS and then pass it to PHP, only to use a couple images of different sizes.

I have no idea how to pass data (simple numbers) from JS to PHP. Maybe a hidden input field in a form would make it, but isn't there a better way?

Thanks!

I'm not exactly sure what your wanting to do, but I've dealth with using javascript to size images on the screen before. Here's a little code from a page I made:

This was used on a page where I was going to display a photo, but I needed it to be just big enough to fit in the users window and to be able to display some text i had on the side of the photo (hence subtracting some of the screen width from the width of the photo).

The JS is resetting the width of an image I had earlier int he page:
<img src="some image" name="Photo">

When the page is loaded, the JS is run, which finds out the resolution of the users screen, then resets the width of the image to fit.

Hope this helps.

supa_scoopa

Thanks guys, I'll try your ideas. Probably storing the info in a cookie/session will be best, have to think about it. Sorry for the delay in the reply, I'm moving and have a helluva lot of things to do.

Pests

There is an example of getting the screen width/height in javascript and then sending it to php for it to be displayed in the PHP FAQ at www.php.net/FAQ.php

Here, I found it for you:

<?php
if (isset($_GET['width']) AND isset($_GET['height'])) {
  // output the geometry variables
  echo "Screen width is: ". $_GET['width'] ."<br />\n";
  echo "Screen height is: ". $_GET['height'] ."<br />\n";
} else {
  // pass the geometry variables
  // (preserve the original query string
  //   -- post variables will need to handled differently)

  echo "<script language=\"javascript\">\n";
  echo "  location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}"
            . "&width=\" + screen.width + \"&height=\" + screen.height;\n";
  echo "</script>\n";
  exit();
}
?>