JavaScript - Php Instant Quote Script Is Working In Ie But Not In Firefox Or Safari?

I have the following piece of script to write a line in HTML which is variable; the variable 'bunting' is the path and filename (which varies depending on site where page resides):

<CODE>
<script language="JavaScript" type="text/javascript">
<!--
document.write('<div id="ic1" style="background-image:url(' + bunting + ');">');
//-->
</script>
</CODE>

This works in most browsers, but in Firefox 3.0.4, it fails to render, and instead generates a piece of literal text:
');//-->
on the page.
I've read, and re-read the script, and believe it to be correct (with the single quote marks being the javascript delimiters and the double quotes being the html delimiters. I've also tried various combinations of creating piecemeal variables and then creating a final variable by concatenating the pieces. Any help would be greatly appreciated.

I have to create a website as a project for my university course. Said course has nothing at all to do with computers really so it's really throwing us into the deep end as the majority of us have/had no interest in this particular field.

Regardless, I am creating a website that uses the Random Quote Generator Javascript that I copied from the Hotscripts website. The code details are below and my question is: is there any way I could change the formatting for each quote? For example, change quote 1 to be, say, yellow or bold and change quote 3 to be aligned right and blue? I mainly want to change the colour for each quote but having any other info on how to format it would be really helpful.

Code:

var quotes=new Array();
quotes[0] = "This is quote 1.";
quotes[1] = "This is quote 2.";
quotes[2] = "This is quote 3.";

var q = quotes.length;
var whichquote=Math.round(Math.random()*(q-1));
function showquote(){document.write(quotes[whichquote]);}
showquote();

Also if you could put it into total idiot-speak for me I'd be oh so grateful.

Hello. When a user visits index.html on my site, they input their email address. The form redirects them to "confirmed.html", the form also writes a cookie with their email address.

When the user gets to confirmed.html, I use an "if/else" statement. If there is a cookie (email address), I append ("#"+user_email) to the window location. I do this so that when the user shares with "addthis" tool, I will know who is sharing. Unfortunately addthis only shares the current page, so I want new users to the site to be redirected to index.html

My code works in firefox, but not safari. In safari it just seems to redirect to index nomatter what. The user never even sees confirmed.html.

Code:

var user_email = unescape(document.cookie);

if (document.cookie)
  {
 window.location.replace("#"+user_email);
  }

else {
window.location.replace("index.html");
}

})();
</script>

The website is www.saverally.com

Can someone help me figure out why these two scripts conflict in Firefox and Safari? They work fine in Internet Explorer, and they work fine in ALL browsers when they don't have to work together on the same page. When they both need to work on the same page, it's the div/column resize script that is acting up in Safari and Firefox (again, it works fine in IE). What's really strange is that when I click on my firebug icon (in the lower righthand corner) in Firefox the divs/columns resize like they should and everything looks fine. It's almost as if it's not resizing in real time like it should be, and something about me clicking that icon is making it refresh or update or something. Any help given with this matter would be greatly appreciated!


Resize two Divs (columns) to be the same height:
Code:

// Replace 'center' 'right' and 'left' with the ID names of the columns you want to balance.
// The last one is there to show how you can add more columns.  Just delete the ones you're not using.
var divs = new Array('col1, 'col2');

// Initialize Scripts - is this a browser that understands DOM?
function scriptInit() { if (!document.getElementById) { return; } }

// Set up Event Listener
function addEvent(elm, evType, fn, useCapture) { 
	if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; } 
	else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; }
	else { elm['on' + evType] = fn; }
}

// Start Column Script
function setTall() {
	if (document.getElementById) { var maxHeight = 0; for (var i = 0; i < divs.length; i++) {
			if (document.getElementById(divs[i]) != null)
			{ var div = document.getElementById(divs[i]); div.style.height = null; if (div.offsetHeight > maxHeight) maxHeight = div.offsetHeight; }
		}
	for (var i = 0; i < divs.length; i++) {
			if (document.getElementById(divs[i]) != null)
			{ var div = document.getElementById(divs[i]); div.style.height = maxHeight + 'px'; if (div.offsetHeight > maxHeight) { div.style.height = (maxHeight - (div.offsetHeight - maxHeight)) + 'px'; } }
		}
	}
}

// Assign one of the columns to the TextResizeDetector.
function initTall() {
	if (document.getElementById) { for (var i = 0; i < divs.length; i++)
		{ if (document.getElementById(divs[i]) != null) { TextResizeDetector.TARGET_ELEMENT_ID = divs[i]; break; } }
	setTall(); } 
}

// Fire Events
addEvent(window, 'load', initTall, false);
addEvent(window, 'resize', setTall, false);

/*	Detects changes to font sizes when user changes browser settings
	Fires a custom event with the following data:
	iBase  : base font size
	iDelta : difference in pixels from previous setting
	iSize  : size in pixel of text
	author Lawrence Carvalho carvalho@uk.yahoo-inc.com */

// @constructor
TextResizeDetector = function() {
    var el  = null;
	var iIntervalDelay  = 200;
	var iInterval = null;
	var iCurrSize = -1;
	var iBase = -1;
 	var aListeners = [];
 	var createControlElement = function() {
	 	el = document.createElement('span');
		el.id='textResizeControl';
		el.innerHTML='&nbsp;';
		el.style.position="absolute";
		el.style.left="-9999px";
		var elC = document.getElementById(TextResizeDetector.TARGET_ELEMENT_ID);
		// insert before firstChild
		if (elC)
			elC.insertBefore(el,elC.firstChild);
		iBase = iCurrSize = TextResizeDetector.getSize();
 	};

 	function _stopDetector() {
		window.clearInterval(iInterval);
		iInterval=null;
	};
	function _startDetector() {
		if (!iInterval) {
			iInterval = window.setInterval('TextResizeDetector.detect()',iIntervalDelay);
		}
	};

 	 function _detect() {
 		var iNewSize = TextResizeDetector.getSize();

 		if(iNewSize!== iCurrSize) {
			for (var 	i=0;i <aListeners.length;i++) {
				aListnr = aListeners[i];
				var oArgs = {  iBase: iBase,iDelta:((iCurrSize!=-1) ? iNewSize - iCurrSize + 'px' : "0px"),iSize:iCurrSize = iNewSize};
				if (!aListnr.obj) {
					aListnr.fn('textSizeChanged',[oArgs]);
				}
				else  {
					aListnr.fn.apply(aListnr.obj,['textSizeChanged',[oArgs]]);
				}
			}

 		}
 		return iCurrSize;
 	};
	var onAvailable = function() {
		if (!TextResizeDetector.onAvailableCount_i ) {
			TextResizeDetector.onAvailableCount_i =0;
		}

		if (document.getElementById(TextResizeDetector.TARGET_ELEMENT_ID)) {
			TextResizeDetector.init();
			if (TextResizeDetector.USER_INIT_FUNC){
				TextResizeDetector.USER_INIT_FUNC();
			}
			TextResizeDetector.onAvailableCount_i = null;
		}
		else {
			if (TextResizeDetector.onAvailableCount_i<600) {
	  	 	    TextResizeDetector.onAvailableCount_i++;
				setTimeout(onAvailable,200)
			}
		}
	};
	setTimeout(onAvailable,500);

 	return {
		 	/*
		 	 * Initializes the detector
		 	 *
		 	 * @param {String} sId The id of the element in which to create the control element
		 	 */
		 	init: function() {

		 		createControlElement();
				_startDetector();
 			},
			/**
			 * Adds listeners to the ontextsizechange event.
			 * Returns the base font size
			 *
			 */
 			addEventListener:function(fn,obj,bScope) {
				aListeners[aListeners.length] = {
					fn: fn,
					obj: obj
				}
				return iBase;
			},
			/**
			 * performs the detection and fires textSizeChanged event
			 * @return the current font size
			 * @type {integer}
			 */
 			detect:function() {
 				return _detect();
 			},
 			/**
 			 * Returns the height of the control element
 			 *
			 * @return the current height of control element
			 * @type {integer}
 			 */
 			getSize:function() {
	 				var iSize;
			 		return el.offsetHeight;


 			},
 			/**
 			 * Stops the detector
 			 */
 			stopDetector:function() {
				return _stopDetector();
			},
			/*
			 * Starts the detector
			 */
 			startDetector:function() {
				return _startDetector();
			}
 	}
 }();

/*** end TextResizeDetector */

TextResizeDetector.TARGET_ELEMENT_ID = 'doc';
TextResizeDetector.USER_INIT_FUNC = function() {
	var iBase = TextResizeDetector.addEventListener(setTall, null);
};

Click link to show hidden text:
Code:

function expand(ele) {	
	if (document.getElementById('answer'+ele).style.display == '') 
		document.getElementById('answer'+ele).style.display='none';
	else
		document.getElementById('answer'+ele).style.display='';
	
	for (i=0;i <= 75;i++) {
		if (document.getElementById('answer'+i) != null && i != ele) document.getElementById('answer'+i).style.display='none';
	}
}
function collapse(ele) {
	document.getElementById('answer'+ele).style.display='none';	
}

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

Hi
Well, I am on a project. it's about quote of they but I need a hand (or some hands )
I've searched for what I need but I've got different results with GoOgle.

The points a

* It has to be more than for 365 days (for more than 3000 days!)
* it has to be one by one (not random quote)
* and it change every 24 hours without getting back for viewed quote(making mistake!)
* finally, looping after viewing all quotes

responses appreciated.

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

<BODY onLoad="populateYearSelect()">
<font face="Verdana">
<title>owner Calendar</title>
</font>

<!--webbot BOT="GeneratedScript" PREVIEW=" " startspan -->

function populateYearSelect()
{
d = new Date();

curr_month = d.getMonth();

document.getElementById('arrivemonth').options[curr_month + 1].selected=true;


curr_year = d.getFullYear();

for(i = 0; i <= 3; i++)
{
document.getElementById('arriveyear').options[i] = new Option(curr_year+i,curr_year+i);
}

}
</script>

This is the function I am using and it works great in IE but all other browsers are not even loading the function at all. What must i do to make this work in other browsers? I need them to work more so in Firefox and Safari more so than Opera, Avant or Netscape.

So I've started learning Javascript some days ago.
Reading 'JavaScript Bible' Seventh Edition.

One of the things the book repeatedly says is:
use:
Code:

if(!document.getElementById()) return;

(and others like:
Code:

if(!document.createTextNode()) return;

)
to filter out all the browser who are in fact not supporting DOM.

As I'm using Safari (and Firefox for testing purpose) the 'document.getElementById()' and therefo DOM is supported.

Now, my browsers (both Safari and Firefox) get returned out of the javascript anyway.

as simple as:
Code:

if(!document.getElementById()) return;
document.write("testIt!");

the document.write doesn't get executed.

Now: I found a simple solutions which seems to work.... partially:
Code:

if(document.getElementById() == "undefined") return;
document.write("testIt!");

This seems to work for Safari, but Firefox still gets returned out of the javascript.

I could just omit the if statements to make it work altogether.
But that doesn't sound like the best method to me, because (so I've read)
it can crash browsers and such.

Now my question: Why are my browsers (or javascript for all I care) acting so strange?
Is there a way to make the if(!document.getElementById()) work?
or is it just a silly rule the writers of the JavaScript Bible made up?

Thanks in advance for any help :)

I can't figure it out hoping for some help. The calendar pops up in IE but will not work in Firefox or safari.

The page can be viewed at http://www.lackawanna.edu/lib-form/e...nt-request.asp

Hello! I need a bit of help here, if possible.

This code seems to work well with FireFox. It doesn't work so well with IE or Safari though. The onMouseOver event works properly (changes the bg-color and the bg-image) but the onMouseOut event doesn't work (it changes the bg-color back to normal but not the bg-image).

I don't quite understand the problem.


Code:

<table cellspacing="0" cellpadding="0" width="230" height="20">
<tr>
<td class="font1" align="center" style="color:#2a78c6; background-color: #3c3c3c; background-image:url('images/nav-bg.png')" onclick="window.location.href='#'" cursor: pointer;
onMouseOver="this.style.color='c8c8c8'; this.style.backgroundColor='#2a78c6'; this.style.backgroundImage='url(images/nav-bg-hover.png)'"
onMouseOut="this.style.color='#2a78c6'; this.style.backgroundColor='#3c3c3c'; this.style.backgroundImage='url(images/nav-bg.png'">
LINK
</td>
</tr>
</table>

Here is the website... http://pmportfolio.net/tester/.

Also can't figure out how to get that drop-down menu working for IE, if anyone can lend a hand.
Also can't get the gradients to work with IE 8.

Hi all,

The following script is scrolling my page smoothly, as it is supposed to, in IE and FF however it is not working at all in Safari, any version. The page is:

www.christiantate.net

When working correctly, you click the nav buttons in the left sidebar, the page scrolls to the appropriate section.


The script:

Code:

$(function(){

    $('a[href*=#]').click(function() {
    
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
        
            var $target = $(this.hash);
            
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
            if ($target.length) {
            
                var targetOffset = $target.offset().top-100;
                
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                    
                return false;
                
            }
            
        }
        
    });
    
});

Any help would be greatly appreciated. Thanks

I had to develop a word game for a class project.

The final is revolving around this class project but I was marked down some points for this project. I need to find out what I did wrong so I can pass my Final Exam. The program passed Google Chrome and Safari, but the teacher said it didn't pass Firefox Error Console. Any pointers will help.

<html>
<head>
<title> Project </title>
<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function GetLetter()
// Assumes: There are 5 letters
// Results: Returns a single letter
{
var letter

letter = RandomOneOf(['a', 'e', 'l', 'm', 'n']);
return letter;
}
</script>

<script type="text/javascript">
function GetWord(lastLetter)
// Assumes: There is a letter the user has selected
// Results: Returns a four letter word ending with the letter the user has selected
{
var word
lastLetter = document.getElementById('lastLetter').value
word = '';
l = 0;
while (l < 3) {
word = word + GetLetter();
l = l + 1;
}
return word + lastLetter;

}
</script>

<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function CheckWord(word)
// Assumes: The user entered a word
// Results: Will check to see if the word matched the winning word
{
var cWord

cWord = false;
if (word=="lane" || word=="lean" || word=="mama" || word=="meal" || word=="name") {
cWord = true;
}
return cWord

}
</script>

<script type="text/javascript">
function trytowin()
// Assumes: The user returned a true or false answer
// Results: Will Check to see if the user has won or lost
{
var word,

t = 0;
document.getElementById('winningWord').value = "";
document.getElementById('winLoss').value = 'Lose';
document.getElementById('lowords').innerHTML = '';
valid = false;


while (t < 20 && valid == false) {
word = GetWord(lastLetter);
valid = CheckWord(word);
document.getElementById('lowords').innerHTML =
document.getElementById('lowords').innerHTML + word + '<br>';
t = t + 1;

if (valid == true) {
document.getElementById('winningWord').value = word;
document.getElementById('winLoss').value = 'Won after ' + t + ' times!';
}
}
}
</script>

</head>

<body>
<p>
Your word is: <input type="text" id="winningWord" size=10><br>
You: <input type="text" id="winLoss" size=20><br>
Type in a letter chosen from a,e,l,m,n <input type="text" id="lastLetter" size=2 value="">
Press the button to get a word ending with that letter and see if you won<input type="button" value="Try to Win!" onclick="trytowin();">
<hr>
<div id="lowords"></div>
</body>
</html>

Ok I have tried and tried and cannot get this code to work in safari or google chrome.

Basically I am working on a shopping cart. The user will click the paypal pay now button. The form is submitted to paypal via a new window target="_blank"

I also need to refresh the current page. This will write shopping cart data to DB via php upon page refresh.

Safari and google Chrome will open the paypal window, but seems to ignore the javascript to refresh the browser.

FF and IE both work fine.
Code:

<script LANGUAGE="JavaScript">
function newPage() {
self.location.href=\'https://www.artists2you.com/s/orderconfirm.php?ordernumber='.$_SESSION['ordernumber'].'\';
}
</script>

Code:

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_blank"" onSubmit=\'newPage()\'>