JavaScript - Switch Works In Ie Not Firefox

Works in Firefox, chrome, even my phone, but not IE

Code:

<a onmouseover="document.getElementById('statusbox').innerHTML='<table width=100%><tr><th colspan=3>Carrot statuses</th></tr><tr><th>Status</th><th>Magnitude</th><th>Duration</th></tr><tr class=alt><td>DamageResistDebuff</td><td>5</td><td>2</td></tr><tr class=alt><td>DamageResistDebuff</td><td>5</td><td>2</td></tr><tr class=alt><td>Repeatattack</td><td>5</td><td>1</td></tr><tr class=alt><td>Defense</td><td>10</td><td>2</td></tr><tr class=alt><td>Regen</td><td>7</td><td>4</td></tr></table>'; document.getElementById('statusbox').style.opacity = 100; document.getElementById('statusbox').style.display = 'inline'; document.getElementById('statusbox').style.backgroundColor = 'beige'; document.getElementById('statusbox').style.zIndex = 10; document.getElementById('statusbox').style.filter  = 'alpha(opacity=1.0)'" onmousedown="postXMLDoc('/ajaxget?battlerel="nofollow" target=10634','view='+10634)">

Any ideas?

Hi,

I'm making a Google Map that reads info from a database and pulls Twitter usernames from it to plot points on a map. In the infowindow of these points I have some code that displays the Twitter users latest tweet. There's alot of code for this map so i'll only show you the part i'm working on:

Code:

function readData() {
      var request = GXmlHttp.create();
      request.open("GET", "phpsqlinfo_result.php", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = GXml.parse(request.responseText);
          // obtain the array of markers and loop through it
		  	  i=[0];
			  markers=[0];
			  map.getInfoWindow().hide();
			  gmarkers = [];
			  map.clearOverlays();
			  side_bar_html = "";
			  
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
          for (var i = 0; i < markers.length; i++) {
            // obtain the attribues of each marker
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat,lng);
            
            var label = markers[i].getAttribute("name");
			var address = markers[i].getAttribute("address");
			var type = markers[i].getAttribute("type");
			
			
			var html = '<' + 'script src="http://twitter.com/javascripts/blogger.js"><' + '/script><' + 'script type="text/javascript" src="http://twitter.com/statuses/user_timeline/' + label + '.json?callback=twitterCallback2&count=1"><' + '/script><br /><div id="twitter_update_list" style="list-style:none"></div>';
            
            // create the marker
            var marker = createMarker(point,label,html);
            map.addOverlay(marker);
          }
          // put the assembled side_bar_html contents into the side_bar div
          document.getElementById("side_bar").innerHTML = side_bar_html;
        }
      }
      request.send(null);
    }

var html is where it's all happening. I'm using the Twitter script from http://limetouch.com/article/valid-x...vascript-code/ and I have it laid out with all them ' + ' to break it up so it doesn't end the actual javascript used to create the map.

I'm new to Javascript so I don't know too much. I know that this method is a really backwards way of doing it, but it works for Firefox. I'm able to retrieve the users latest tweet when I click on their map marker.

What I want to know is why it doesn't work in any other browser? I've tried IE7+8, Google Chrome, Opera, and Safari and no tweet displays.

Sub-question: While a tweet does display in Firefox, the infowindow doesn't resize with the dynamic content. Any way to fix that?

Hi,

I am using googles O3D software and it uses a javascript base, one of there plugins works in Firefox only and not Internet Explorer I was wondering if anyone here could help me find out why it isnt working in IE and even how to fix it, here is the page that works in firefox but not IE

http://o3d.googlecode.com/svn/trunk/...edesigner.html

Many Thanks,
Simon

I have a portfolio page on our company site that functions properly on Mac, but not in Windows. The page is here, but I warn you it will possibly freeze IE if you click it. I include it for reference.

http://www.dgindy.com/html/portfolio.html

In IE, the first thumbnail (of 32) will display and then the page generally locks.

I believe the javascript that governs the popups may be the culprit, but I only know enough to be dangerous and need an assist as this site is already live and that was my screwup.

The script link is:
<script type="text/javascript" src="popup.js"></script>

And the script is:
function popup(url)
{
newwindow=window.open(url,'name','height=575,width=620,top=200,left=200');
if (window.focus) {newwindow.focus()}
return false;
}

And finally, here is one of the popup links:
<a href="01.html" class="p01" onclick="return popup('01.html')"><span class="displace">Portfolio 01</a>

Any assistance is greatly appreciated. If you need to see my css, let mw know.

been a while since i been to the experts for help figures i was about due for an issue beyond my solving capabilities

ok so the code
The function containing the rogue setTimeout
Code:

function refresh_timer(){
//alert(window.timer);
	var total = getTotal();
	document.getElementById('status').innerHTML = 'Updating in '+ (total-(window.timer+1))+' seconds.';
	if((total-window.timer) == 0){
		refresh_feed();
	}
	else{
		//setTimeout("refresh_timer()",1000);
		setTimeout(function(){ alert("");},1000);
		window.timer++;
//alert("1");
//alert(window.timer);
	}
}

everything in the above function works except the setTimeout itself the script doesn't break and i get no errors in the firebug

initially window.timer is set to 0 and everytime refresh_feed() executes window.timer gets reset to 0
refresh_timer() gets called up by the return from an ajax call(again works in chrome and ie8)

any help is appreciated

Hi
I am not really sure where to start with this as my function works perfect in IE 6. However when I select one of my categories and hit submit in Firefox or IE7 or 8 nothing happens. No error message. Just nothing. How can I get this working for firefox and IE7/8?

Code:

<script language="JavaScript">
var categories=[];
var categorieslist=[];
var thecategories=[];
var ItemDetails=[];
var selDate=[];
var content=[];
var imagePaths=[];
var art=[];
var aTheDates=[];
var aTheYear=[];
var catDM=" ";
var catUrl="";
var startposition=0;
var theImage="";
var pageDectect=0;
var thepage=0;
var pc=0;
var starty=0;
var pagenumber=0;
var filteredlist="<ul class='press-items'>";
function changeFilter(){
var selCategory=document.getElementById("browsetopic").value;
//alert(selCategory + " aha");
var selYear=document.getElementById("browseyear").value.substring(2,4);
var selMonth=document.getElementById("browsemonth").value;
//var selDate=document.getElementById("browsemonth").value + "/" + document.getElementById("browseyear").value.substring(2,4);


//alert(pagenumber);
for(pagenumber;pagenumber<art.length;pagenumber++){
//alert(selDate + "=" + aTheDates[pagenumber]);
//alert(selYear + "=" + aTheYear[pagenumber]);
//alert(selCategory + "=" + categories[pagenumber]);

	if(((selCategory=="nofilter"||categories[pagenumber]==selCategory))&&(selYear==aTheYear[pagenumber]||selYear=="00")&&(selMonth==aTheDates[pagenumber]||selMonth=="00")){
		filteredlist=filteredlist+art[pagenumber];	
	}
}
filteredlist=filteredlist+"</ul>";
//alert(filteredlist);
document.getElementById("theid").innerHTML=filteredlist; 
filteredlist="<ul class='press-items'>";
pagenumber=0;      
}

</script>

And the button

Code:

<a href="javascript:changeFilter();"><img style=" float: left;  margin-top: 0px;" class="submit" src="/images/submit.gif" /></a>

I have a script where the user selects an item on the main nav and it will display the sub-nav below. It works fine in every browser except Firefox. ANy ideas?

http://tinyurl.com/79wlwq3

EDIT: It's just that script that won't work, btw. I tested an alert box for Firefox and it works fine.

Can anyone tell me why the following works in IE but not the other browsers?

It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm

Code:

<TD>
	                  <form name="whichCat" style="margin-bottom:0" method="get">
                        <select name="catChoice" onChange="sendValue(this);">
                          <option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
                          <option class="news4" value="php/IraqWars.php?q=Iraq%20Wars">Iraq Wars/Current Affairs</option>
						  <option class="news4" value="php/AncientHistory.php?q=Ancient%20History">Ancient History</option>
                          <option class="news4" value="php/AmericanRevolution.php?q=American%20Revolution">American Revolution</option>
                          <option class="news4" value="php/NapoleonicWar.php?q=Napoleonic%20War">Napoleonic War</option>
                          <option class="news4" value="php/AmericanCivilWar.php?q=American%20Civil%20War">American Civil War</option>
                          <option class="news4" value="php/IndianWars.php?q=Indian%20Wars">Indian Wars</option>
                          <option class="news4" value="php/WorldWars.php?q=World%20Wars">World Wars</option>
                          <option class="news4" value="php/Naval.php?q=Naval">Naval</option>
                          <option class="news4" value="php/MilitaryScience.php?q=Military%20Science">Military Science</option>
                          <option class="news4" value="php/SportsHistory.php?q=Sports%20History">Sports History</option>
                          <option class="news4" value="php/Other.php?q=Other">Other</option>
                        </select>
                      </form>
                    </TD>

I've been called in to help with this, but did not build the site. There's a frame that's supposed to display the link contents, and it's returning the error:

Error: document.getElementById("SB_Frame") is null
Source File: http://savasbeatie.com/jscripts/SB_util.js
Line: 11

I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.

Thanks for any help. - David

Code:

function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {el.style.display = 'none';}
}
function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportheight = window.innerHeight;
	} else {
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} else {
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} else {
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height=200
	popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerHeight;
	} else {
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=window_width/2-150;//150 is half popup's width
	popUpDiv.style.left = window_width + 'px';
}
function popup(windowname) {
	blanket_size(windowname);
	window_pos(windowname);
	toggle('blanket');
	toggle(windowname);		
}

I have know much about javascript, but the code above works fine in safari and firefox but not IE.

it's for a popup, when you click a link it blankets the page and theres a popup window.

here's other parts of supporting css/php

Code:

<?php

 if(!$_POST['submit'] == 'login'){
      echo "<div id=\"blanket\" style=\"display:none;\"></div>\n";
	  echo "<div id=\"popUpDiv\" style=\"display:none;\">\n";
	  echo "<div id=\"loginform\">\n";
	  echo '<div id="close">';
	  echo "<a href=\"#\" onclick=\"popup('popUpDiv')\">\n";
	  echo '<img src="images/login/close.png" border="0">';
	  echo "</a>\n";
	  echo '</div>';
	  echo '<div class="clear"></div>';
	  echo "<form name=\"login\" method=\"post\" action=\"#\">\n";
	  echo "<div id=\"usernametext\">Username</div>\n";
	  echo "<input name=\"username\" type=\"text\" id=\"usernameinput\">\n";
	  echo '<div class="clear"></div>';
	  echo "<div id=\"passwordtext\">Password</div>\n";
	  echo "<input name=\"password\" type=\"password\" id=\"passwordinput\">\n";
	  echo '<div class="clear"></div>';
	  echo '<div id="loginsubmit"><input type="submit" name="submit" value="Submit"></div>';
	  echo "</form>\n";
	  echo "</div>\n";
	  echo "</div>\n";
	  echo "<span class=\"login_text\"><a href=\"#\" onclick=\"popup('popUpDiv')\">LOG IN</a></span>\n";

?>

Code:

#blanket {
background-color:#000000;
opacity: 0.40;
filter:alpha(opacity=40);
position:absolute;
z-index: 10;
padding:0;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
margin:0 0 0 0;
}


#popUpDiv {
position:absolute;
background-color:#FFFFFF;
width:280px;
height:135px;
z-index: 10;
}

any help would be VERY much appreciated.

thanks

function hasTagsInText(text)
{

if(text.indexOf("<TABLE") >=0 || text.indexOf("<table") >=0)
return 'table';


///this line of code doesnt work in firefox

The following script grabs a string (*.abc.org, e.g. from &sid=xyz.abc.org) from the current URL and changes it (to ABC:abc.org). Everything works perfectly in IE, but Firefox and Chrome appear to get themselves into an endless loop. When I check the URL, xyz.abc.org has successfully been changed to ABC:abc.org, but the page just seems to keep refreshing over and over.

Code:

var tomatch = /abc.org/i;
var usrString = document.referrer;
var is_a_match = tomatch.test(usrString);
var newString = document.URL.replace(/[a-z]*\.abc\.org/, "ABC:abc.org"); if (is_a_match) {
    window.location.replace(newString);
}

Any suggestions much appreciated.

Hi, JS newbie here trying to cobble together enough to get this page done.
Here's the snippet I'm having trouble with (sorry, I know it's sloppy, if you have a better way to do it by all means please post):

Code:

function showAdv() {
if(claroxanadvanced.style.display == "none")
{
claroxanadvanced.style.display = "block";
claroxanoriginal.style.display = "none";
smokersformula.style.display = "none";
}
else
{
}
}

function showOri() {
if(claroxanoriginal.style.display == "none")
{
claroxanadvanced.style.display = "none";
claroxanoriginal.style.display = "block";
smokersformula.style.display = "none";
}
else
{
}
}

function showSmo() {
if(smokersformula.style.display == "none")
{
claroxanadvanced.style.display = "none";
claroxanoriginal.style.display = "none";
smokersformula.style.display = "block";
}
else
{
}
}

And the page where it is implemented: http://www.claroxan.com/test/
Firefox's debug window says it might be an issue of undeclared variables - 'claroxanadvanced', 'claroxanoriginal' and 'smokersformula' are all div IDs in the html, what line should I put to declare them? Thanks

// otherwise search the parent element
tempElem=tempElem.parentElement;

// return when it reaches the top of the code
if(tempElem.tagName=="HTML") {
return el;
}

}


return tempElem;
}

function fixTBpos()
{

var OCode = document.getElementById('OCode');

var ODiv = document.getElementById('ODiv');

st=document.body;
if(isW3Mode)
OCode.style.height=ODiv.style.height=st.clientHeight-119;
else
OCode.style.height=ODiv.style.height=st.clientHeight-113;

typeof(toc) == "undefined" ? '':Resizetoc();
}

function hasTagsInText(text)
{

if(text.indexOf("<TABLE") >=0 || text.indexOf("<table") >=0) return 'table';<<<<<<<<NOT WORKING

if(text.indexOf("<TD") >=0 || text.indexOf("<td") >=0)
return 'column';

if(text.indexOf("<IMG") >=0 || text.indexOf("<img") >=0)
return 'image';

if(text.indexOf("<H2") >=0 || text.indexOf("<h2") >=0)
return 'h2';

if(text.indexOf("<DIV") >=0 || text.indexOf("<div") >=0)
return 'div';

if(text.indexOf("<A") >=0 || text.indexOf("<a") >=0)
return 'link';

if(text.indexOf("<FORM") >=0 || text.indexOf("<form") >=0)
return 'form';

if(text.indexOf("<P>") >=0 || text.indexOf("<p>") >=0)
return 'invisible paragraph-mark';

if(text.indexOf("<BR>") >=0 || text.indexOf("<br>") >=0)
return 'invisible new-line-mark';

return '';
}

function hasFormatInText(text)
{
var format = ''
if(text.indexOf("id=subtitle") >=0)
format+= 'id=subtitle'

if(text.indexOf("class=greytext") >=0)
format+= 'class=greytext'
if(text.indexOf("class=prices") >=0)
format+= 'class=prices'
if(text.indexOf("class=small") >=0)
format+= 'class=small'
if(text.indexOf("class=bct") >=0)
format+= 'class=bct'

// jae added
if(text.indexOf("class=price") >=0)
format+= 'class=price'

if(text.indexOf("class=error") >=0)
format+= 'class=error'
// to here

if(text.indexOf("<BLOCKQUOTE ") >=0 || text.indexOf("<BLOCKQUOTE>") >=0)
format+= 'header=blockquote'


if(text.indexOf("formatted-text") >=0 || text.indexOf("class=")>=0)
format+= 'id=misctext'

if(text.indexOf("<SPAN ") >=0 || text.indexOf("<SPAN>") >=0)
format+= 'span'

if(text.indexOf("<H1 ") >=0 || text.indexOf("<H1>") >=0)
format+= 'header=h1'

if(text.indexOf("<H2 ") >=0 || text.indexOf("<H2>") >=0)
format+= 'header=h2'

if(text.indexOf("<H3 ") >=0 || text.indexOf("<H3>") >=0)
format+= 'header=h1'

if(text.indexOf("<H4 ") >=0 || text.indexOf("<H4>") >=0)
format+= 'header=h2'

if(text.indexOf("<EM ") >=0 || text.indexOf("<EM>") >=0)
format+= 'style=em'

if(text.indexOf("<B ") >=0 || text.indexOf("<B>") >=0)
format+= 'style=b'
if(text.indexOf("<STRONG ") >=0 || text.indexOf("<STRONG>") >=0)
format+= 'style=strong'
if(text.indexOf("<I ") >=0 || text.indexOf("<I>") >=0)
format+= 'style=i'

if(text.indexOf("<U ") >=0 || text.indexOf("<U>") >=0)
format+= 'style=u'
if(text.indexOf("<FONT ") >=0 || text.indexOf("<FONT>") >=0)
format+= 'style=font'

return format
}

ok so ive nearly finished the animated javascript in my site.
http://calumk.com/

to see the effect launch in chrome or safari, it works fine..
but its not working in Firefox
(and i havent tested IE.. if someone could, i would appreciate it)

i have no-idea why.. .
im using the http://berniecode.com/writing/animator.html library
which works fine in all browsers..

Any help would be apreciated...

I would post the code, but its probably easier if you just view source

Hi, can anyone help me with this? The following html is to upload an image, it works ok on firefox, but while using google chrome, nothing happened when I clicked "upload LOGO" button.
.................................................................................................... ....
<html>
<body>
<form method="post" action="action_start_initial_registration.php" name="initial_registration" id="initial_registration" enctype="multipart/form-data">
<input type="file" style="display:none" onchange="checkLogo()" name="input_logo_file" id="input_logo_file" value="input_logo_file">
<input type="text" name="logo_flag" id="logo_flag" value="0" style="display:none;"/>
<a href="javascript:void(0);" onclick="input_logo_file.click()"><em>upload LOGO</em></a><br />
</form>
<script type="text/javascript">
function checkLogo(){
document.getElementById("logo_flag").value="1";
document.getElementById("initial_registration").submit();
}
</script>
</body>
</html>
.............................................................................................