Firefox vs. Internet Explorer

Practically a Master Poster

656 posts since Dec 2007

Reputation Points: 31

Solved Threads: 10

0

Can we have some code from you

Luckychap

Posting Pro in Training

444 posts since Aug 2006

Reputation Points: 83

Solved Threads: 61

0

There is alot of code in short:

// Javascript
function load(image) {
 switch(image) {
  case 1:
   company.innerHTML="COMPANY";
   screenshot.src="screenshot.jpg";
   screenshot.alt="SCREENSHOT";
   url.href="http://www.comapny.com";
   url.innerHTML="COMPANY WEBSITE";
   line.innerHTML="Company is Blah Blah Blah";
   break;
 }
}

//HTML
<h1 id="company"></h1>
<img onclick="load(1)" id="screenshot" />
<a href id="url"></a>
<p id="line"></p>

Practically a Master Poster

656 posts since Dec 2007

Reputation Points: 31

Solved Threads: 10

0

You'll need to specify both method's with your elements to make it work in IE and firefox.
Here's a short example

//The getElementById Method handles all modern browser -
// while the document.all goes with IE mode browser.

var company = (( document.getElementById ) ? document.getElementById("company") : document.all["company"] );

Switch( image ) {
case1 : company.innerHtml = "COMPANY"; break;
// So on....
}

Posting Shark

974 posts since Aug 2008

Reputation Points: 114

Solved Threads: 138

0

So 'essential' in short that line of code will be interupted by all modern browsers and IE to retrieve the HTML id "company", which will then allow alterations to be preformed?

I attempted this and it still dosent work. Any ideas?

Should I be using a different variable name to id name eg. company > company?

Thankyou, Regards X

Practically a Master Poster

656 posts since Dec 2007

Reputation Points: 31

Solved Threads: 10

0

Definitely it will be thrown by the modern browser, especially in firefox, chrome, konqueror, etc.

So you must apply those methods mentioned above, if you want to make it cross-platform.

Just let us know if you still need anything.
Good day...

Posting Shark

974 posts since Aug 2008

Reputation Points: 114

Solved Threads: 138

0

Ya sorry I was in the process of editing it.

I attempted this and it still dosent work. Any ideas?

Should I be using a different variable name to id name eg. company > company?

Practically a Master Poster

656 posts since Dec 2007

Reputation Points: 31

Solved Threads: 10

0

You have to use getElementById() not only for company but all the other HTML element you are using in the code like: screenshot, url and line.
And You do not have to use different name from id's of HTML elements.

Luckychap

Posting Pro in Training

444 posts since Aug 2006

Reputation Points: 83

Solved Threads: 61

Show Comments

1

Try this, it's your modified script.

<html>
<head>
<title>Test Page</title>
<script type="text/javascript">
<!--
// Keeping all the basic so that you can easily interpret all code lines..

// Defining Global Variables
var $load;
var $company, $screenshot, $line, $url;

// Creating function
$load = function( $image ) {

   $company = (( document.getElementById ) ? document.getElementById("company") : document.all["company"] ); // First Level Heading <h1>

  $screenshot = (( document.getElementById ) ? document.getElementById("screenshot") : document.images["screenshot"] ); // Goes to your image <img>

   $url = (( document.getElementById ) ? document.getElementById("url") : document.all["url"] ); // goes to you anchor <a>

   $line = (( document.getElementById ) ? document.getElementById("line") : document.all["line"] ); // paragraph <p>


// Switch statement
   switch( $image ) {
   case 0 : alert( false ); break;
   case 1 : {    
   $company.innerHTML = "COMPANY";
   $screenshot.src = "screenshot.jpg";
   $screenshot.alt = "SCREEN";
   $url.href = "http://www.company.com/";
   $url.innerHTML = "COMPANY WEBSITE";
   $line.innerHTML = "Company blah blah blah";
break; 
   }
   default : $screenshot.src = ""; break; 
   } 
};
//-->
</script>
</head>
<body>
<h1 id="company"></h1>
<img src="./image1.png" id="screenshot" onclick="$load( 1 );" alt="test image" />
<a href="#" id="url">Testing absolute path</a>
<p id="line"></p>
</body>
</html>

Posting Shark

974 posts since Aug 2008

Reputation Points: 114

Solved Threads: 138

0

I will attempt that now, but should we be using $ for variables and functions in javascript I thought that was only for php?

Practically a Master Poster

656 posts since Dec 2007

Reputation Points: 31

Solved Threads: 10

0

I've put up a $ sign next to your variables to skip you out of any trouble that it might cause you, Since your load variable, is also a referred as a javascript properties used to load XML(e.g. xmlDoc.load("myXml.xml"); //Loading XML Document document for DOM Manipulation.

A $dollar sign is considered as a legal identifier in javascript, so using it with your variables is not an issue...

It's been tested 99.9%

Posting Shark

974 posts since Aug 2008

Reputation Points: 114

Solved Threads: 138