William Straub | 29 Feb 20:57 2012
Picon

Re: mobile solution for ezproxy login pages?

I adapted some code that I found on an Adobe help site to create a CSS solution that sort of works (not completely):


In the menu.htm (and other .htm) files on EZproxy server in the docs directory (on Linux), link to /public/switchboard.css
i.e.
<link href="http://www.morris.umn.edu/styles/umm.css" rel="stylesheet" type="text/css">
(in the head section)

=====================================
switchboard.css looks something like this:
<at> charset "utf-8";
/* Desktop */
<at> import url("desktop.css");

/* Phone */
<at> import url("phone.css") only screen and (max-device-width:481px); 

 Tablet */
<at> import url("tablet.css") only screen and (min-device-width:481px) and (max-device-width:800px);
===================================
I then have 3 different CSS files: desktop.css, phone.css and tablet.css that are also located in the public directory with different font sizes ,etc.

===================================

You can try the actual working copy at:


If anyone has a better solution that is CSS only, I'd like to see that. I know others have coded solutions in js.

I hope that helps,

William Straub

Digital Services Coordinator Librarian


University of Minnesota, Morris

Rodney A. Briggs Library

600 East Fourth Street

Morris, MN 56267

 

(320) 589-6164

wlstraub <at> morris.umn.edu




On Wed, Feb 29, 2012 at 1:12 PM, Andrew Anderson <andrew <at> lirn.net> wrote:

Instead of fighting a (losing) battle with server-side browser detection, I would recommend using CSS media queries instead.  See http://css-tricks.com/css-media-queries/ for an excellent demonstration of this.

-- 
Andrew Anderson, Senior Systems Engineer, Library and Information Resources Network, Inc.
http://www.lirn.net/ | http://www.twitter.com/LIRNnotes | http://www.facebook.com/LIRNnotes

On Feb 29, 2012, at 1:08 PM, Klein, Stephen wrote:

OCLC suggests we need to find a non-PHP based solution:

“To begin with, you can add whatever you like to the HTML pages. Though, there is no guarantee that they will work with EZproxy. Sadly, we do not provide PHP or HTML support, only EZproxy support. So, any changes that you make will not be something that we can/will assist with customizing.”

Would like to use a non-PHP analog so I can have mobile users re-directed to mobile version.   What are your solutions?

 

Here is the PHP browser sniffer with redirect code, that I use on the rest of my site:

<?php 
  
$useragent=$_SERVER['HTTP_USER_AGENT']; 
if(preg_match('/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))) 
  
//Redirect URL 
header('Location: home_mobile.html'); 
  
?> 

 

 

 

You are currently subscribed to ezproxy as: andrew <at> lirn.net. 


To unsubscribe, send request to scacad <at> itec.suny.edu


You are currently subscribed to ezproxy as: wlstraub <at> morris.umn.edu.
To unsubscribe, send request to scacad <at> itec.suny.edu




You are currently subscribed to ezproxy as: gee-ezproxy2 <at> m.gmane.org.
To unsubscribe, send request to scacad <at> itec.suny.edu


Gmane