Add HTML Based on Browser Width (Firefox)


 
Thread Tools Search this Thread
Top Forums Web Development Add HTML Based on Browser Width (Firefox)
# 1  
Old 09-22-2009
Add HTML Based on Browser Width (Firefox)

Here is a bit of code I wrote that includes some HTML (table and image code) based on the width of the browser. It works in Firefox. I am not sure if it works for IE. (Need to test.)

javascript code:
  1. <script type="text/javascript"><!--
  2. var winWidth = window.innerWidth;
  3. if (winWidth > 750) {
  4. document.write('<td><img src="http://www.yourdomain.com/images/yourspace.jpg"></td>');
  5. document.write('<td><img height="280px" src="http://www.yourdomain.com/images/yourimage.jpg"></td>');
  6. }
  7. //-->
  8. </script>


---------- Post updated at 04:34 ---------- Previous update was at 04:27 ----------

Update: Does not work in IE, only Firefox so far. (Have not tested in Opera).

---------- Post updated at 04:49 ---------- Previous update was at 04:34 ----------

Ha! Seems like window.innerWidth is supported on most browsers EXCEPT IE according to this site:

W3C DOM Compatibility - CSS Object Model View

To compensate for IE, we need something like:

javascript code:
  1. var winWidth = 0;
  2.   if( typeof( window.innerWidth ) == 'number' ) {
  3.     //Non-IE
  4.     winWidth = window.innerWidth;
  5.   } else if( document.documentElement && document.documentElement.clientWidth ) {
  6.     //IE 6+ in 'standards compliant mode'
  7.     winWidth = document.documentElement.clientWidth;
  8.   } else if( document.body && document.body.clientWidth ) {
  9.     //IE 4 compatible
  10.     winWidth = document.body.clientWidth;
  11.   }

Last edited by Neo; 10-04-2009 at 05:04 PM.. Reason: added highlight=javascript bbcode tags
Login or Register to Ask a Question

Previous Thread | Next Thread

7 More Discussions You Might Find Interesting

1. Shell Programming and Scripting

Copy and past html text use wrong character set - Firefox

Hello. The source code is here : WMI query to find memory slot and installed memory on each slot at post nbr 7 Looking at the text from firefox show nothing special. Then I Copy the text to notepad and make some change and save to file. Then I open the file in powershell and try to... (2 Replies)
Discussion started by: jcdole
2 Replies

2. UNIX for Beginners Questions & Answers

How to convert my /bin/sh script with cgi and html to run it on browser!??

Hello, I want to run this script on my CentOS 6 via browser : ________________________________________________________________________________________________ #!/bin/sh echo Username? read MY_NAME echo Provisional file name? read MY_FILE echo File NAME you want to save? read MY_FILE2... (16 Replies)
Discussion started by: juta2020
16 Replies

3. AIX

Mozilla firefox browser is not working

Hello, We enabled X11 and xming is riunning. we used to open firefox window using below command on AIX. /usr/bin/firefox Xclock is working fine now. But for some reason firefox stopped working on one of our AIX LPAR. Can you please look in to below error. />/usr/bin/firefox... (5 Replies)
Discussion started by: aaron8667
5 Replies

4. Shell Programming and Scripting

Fixed width file search based on position value

Hi, I am unable to find the right option to extract the data in the fixed width file. sample data abcd1234xgyhsyshijfkfk hujk9876 io xgla loki8787eljuwoejroiweo dkfj9098 dja Search based on position 8-9="xg" and print the entire row output ... (4 Replies)
Discussion started by: onesuri
4 Replies

5. Solaris

view HTML file through browser

Howdy experts, I have a HTML file in /var/tmp/file.html How can i view it through the webbrowser (mozilla or IE explorer) Thanks, purple (3 Replies)
Discussion started by: thepurple
3 Replies

6. UNIX Desktop Questions & Answers

How can I see current browser requests? (Firefox on Ubuntu Linux)

I'm not sure if this is the right forum (if there's a better forum elsewhere, then I would be grateful for any pointers), but anyway: I am using Firefox 2.0.0.14 on Ubuntu 7.10 for day-to-day graphical webbrowsing. I sometimes find that some websites take a long time to answer certain requests... (7 Replies)
Discussion started by: ropers
7 Replies

7. UNIX for Dummies Questions & Answers

Need Shell script for getting Firefox Browser Version

Hi, How to write a script for finding out firefox version in our linux machine? Could you please share the same? I am using Red Hat Linux machine. Thanks, Kammy (2 Replies)
Discussion started by: kjannu
2 Replies
Login or Register to Ask a Question