JavaScript - Click-expand Works In Ie But Not Firefox

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

Hey,

I'm trying to write a script that makes it so that when using a screen width of 1280 or lower, Google shows one ad at the top of the page. With screen widths over 1280, it shows 2 ads along the side of the screen.

I've checked it several times and I don't know what I've done wrong (but I'm also a beginner). The script works flawlessly in all versions of Firefox for both high and low res (I checked with FF 2.0, 3.0, 3.5, and 3.6) but in IE6 and IE8 while displaying almost correctly at the high resolution, it gets completely screwed up at the low resolution.

Basically I'm just using Javascript to insert HTML comment tags around the ads that I don't want to appear for that resolution.

Apparently it doesn't work in Opera, Chrome, or Safari either and the code doesn't validate as XHTML so there is definitely something wrong.






Code:

<!-- Test run of Google AdSense -->
<!-- One ad floats left, one floats right, the rest of the body is center aligned in between (high res only) -->
<!-- There are 3 ads, scripting makes it so that 2 appear on the sides with a screen width above 1280 pixels, and below 1280 pixels just one appears across the top -->


<script type="text/javascript">
<!--
var skip1 = "<!--";
if ( screen.width <= 1280 )
{
document.write (skip1);
}
//-->
</script>

<div style=" float:left; font-size:7pt; color:#777; ">
Advertisement<br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* 160x600, created 2/2/11, left side homepage */
google_ad_slot = "6021069285";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div style=" float:right; font-size:7pt; color:#777; ">
Advertisement<br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* 160x600, created 2/2/11, homepage */
google_ad_slot = "3502793671";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<script type="text/javascript">
<!--
var skip2 = "-->";
if ( screen.width <= 1280 )
{
document.write (skip2);
}
//-->
</script>


<script type="text/javascript">
<!--
var skip3 = "<!--";
if ( screen.width > 1280 )
{
document.write (skip3);
}
//-->
</script>

<div style="font-size:7pt; color:#777;">
<center>
Advertisement<br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* low res top ad */
google_ad_slot = "4610054252";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
</div>

<script type="text/javascript">
<!--
var skip4 = "-->";
if ( screen.width > 1280 )
{
document.write (skip4);
}
//-->
</script>


<!-- End of Adsense side banners -->

Hi,

I've been trying to solve this problem for the past few hours and I'm at my wit's end.

I have a script that runs through all the div elements on the page, and then if the div's background is a certain color, it increments a counter by 0.5 and then outputs the result into a separate div tag.

This works flawlessly in IE, however I cannot get it to work in Firefox.

The strange thing is, if I omit the loop and just use the colorToHex on one specific element in the divs array (ie. divs[2]) it works in Firefox.

Any suggestions are greatly appreciated.

Code:

function hrsavailable() {

	var divs = document.getElementsByTagName("div");
	var srdjanhrs = -0.5;
	
	for (var i=0;i<divs.length;i++){ 
		if (colorToHex(divs[i].style.backgroundColor) == "#ffbb6e") {;
			srdjanhrs = srdjanhrs + 0.5;
		}
	}
	
	document.getElementById("srdjanhrs").firstChild.data = srdjanhrs;
}

function colorToHex(color) {

    if (color.substr(0, 1) === '#') {
        return color;
    }
	
    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
    var red = parseInt(digits[2]);
    var green = parseInt(digits[3]);
    var blue = parseInt(digits[4]);
    var rgb = blue | (green << 8) | (red << 16);
    return digits[1] + '#' + rgb.toString(16);
	
}

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?

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.

This works fine in IE only. Any thoughts.

function DisplaySelectedColor(cColor) {
var elToFill = document.getElementById(cFieldOnFocus)
elToFill.value = cColor;

switch(cFieldOnFocus){
case"Page-Background":document.getElementById("Page").style.backgroundColor =cColor;
break;

case"Page-Background":
document.getElementById("Page").style.backgroundColor =cColor;
break;

case"Outside-Border":
document.getElementById("main_container").style.borderColor =cColor;
break;

case"Logo-Background":
document.getElementById("logo_area").style.backgroundColor =cColor;
break;

case"Logo-Font":
document.getElementById("logo_area").style.color =cColor;
break;
case"Outside-Area-Background":
document.getElementById("main_container").style.backgroundColor =cColor;
document.getElementById("linktestdiv").style.backgroundColor =cColor;
break;

case"Outside-Area-Font":
document.getElementById("main_container").style.color =cColor;
document.getElementById("main_nav").style.color =cColor;
document.getElementById("right_column_content").style.color =cColor;
document.getElementById("linktestdiv").style.color =cColor;
document.getElementById("footer").style.color =cColor;
break;

case"Content-Background":
document.getElementById("main_content").style.backgroundColor =cColor;
break;

case"Content-Font":
document.getElementById("main_content").style.color =cColor;
break;

case"Footer-Background":
document.getElementById("footer").style.backgroundColor =cColor;
break;

case"Hyper-Link":
document.getElementById("activelink").style.color = cColor;
break;

case"Hyper-Link-Hover":
document.getElementById("hoverlink").style.color = cColor;
break;

case"Hyper-Link-Visited": document.getElementById("visitedlink").style.color = cColor;
break;
}
}

Thanks for any help. Can't figure it out.

I'm new to HTML and javascript programming, so I apologize if the solution to this is blatantly obvious.

I've got expanding text / menus in javascript on my page. These all work in IE with no problems that I can tell.

Unfortunately, when I view the page in Firefox, only the first expanding menu is actually a link and works - the rest do not even appear as links and don't work (and the expanded text isn't showing either).

You can visit the page at http://www.scienceadvice.ca/uploads/...s/may2010.html

Any help would be most appreciated!
Thanks!

Hi guys,

I created a firefox extension a while ago & have just realised that the right click menu's don't seem to appear anymore...

Have the methods I'm using been deprecated? Could someone point me in the right direction?

Here's my old code....

Code:

// This is our javascript, which will check the selected link or hyperlink

function myfunction() {

    if (gContextMenu.isTextSelected)

    {
      var focusedWindow = document.commandDispatcher.focusedWindow;
      if (focusedWindow == window) focusedWindow = getBrowser().contentWindow;
var url = focusedWindow.getSelection().toString();
var mySplitResult = url.split("\n");

for(i = 0; i < mySplitResult.length; i++){
window.open('http://mysite.com/mypage.php?url=' + mySplitResult[i], 'window name')
}

    }

else {

try {url = gContextMenu.linkURL} // new FF, other?
catch(e) {
   try {url = gContextMenu.linkURL()} // old FF, SM, other?
   catch(e) {url = String(gContextMenu.link)} // either FF, other?

}
window.open('http://mysite.com/mypage.php?url=' + url, 'windowname2')
}
}

Many thanks in return!

Hi

I wrote following code for the purpose to single right click to open new window, while left click would open another window. It works for IE but does not work for Firefox. Please help.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US|zh-Hans|zh-Hant">
<head>
<title>Javascript Question</title>
<META NAME="LANGUAGE" CONTENT="en">
<META NAME="DOCUMENTCOUNTRYCODE" CONTENT="us">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=GB18030">
<script language='Javascript' type='text/javascript'>

var rightClick = false;
window.document.oncontextmenu = new Function("return false");
window.document.onmouseup = mouseUp;

function mouseUp(e)
{ if (!e) var e = window.event;
if (e.which) rightClick = (e.which == 3)
else if (e.button) rightClick = (e.button == 2);
if (rightClick) window.open('http://www.yahoo.com/');
}

</script>
</head>
<body>
<a href="#" onclick="window.open('http://www.google.com/')" onmouseup>Open New Window</a>
</body>
</html>

Hi
this is my first forum post. I'm developing a website for use in Thai schools in which clicking on link (at the beginning of a line of English text) starts a sound file (ogg or mp3).

I've been using the Mouseover/Click sound effect script from by JavaScript Kit (www.javascriptkit.com). It works as designed in Firefox and Opera but doesn't in IE8. The script relies on HTML5 functionality so it should be compatible with IE8 (so I understand).

I'm using Ubuntu 10.04 with Windows XP SP3 as the guest OS on VirtualBox. it seems to be a problem specific to IE8 (perhaps, not too surprising!) since the script works OK for Firefox and Opera.

Here is the script

Code:

 var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
"mp3": "audio/mpeg",
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}
function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //check support for HTML5 audio
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments[i])
if (arguments[i].match(/\.(\w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
}
}
//Initialize two sound clips with 1 fallback file each:
var a=createsoundbite("chot_pic01.ogg", "chot_pic01.mp3")
var b=createsoundbite("chot_pic02.ogg", "chot_pic02.mp3")
.............................
.............................

I only know a little Javascript at present, so I would be thankful of any help

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>

// 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
}

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.