JavaScript - Why Would Javascript Just Be Gone In Safari??

hi everyone, this is my 1st post here in this community forum, just would like to say "HI" to everyone.

i would like to share with you my experience in developing multiple dependency selection form developed in java script, how this script works is that when 1st selection is selected, based on the value the user select, a second level selection will appear and so on.

below is the Java-script code along with my form code too

Javascript:
<script type="text/javascript">

function nextSelect(o) {

if (o.value == '0') {
var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.length = 0;

return;
}
var d = document;

var useSelect = d.getElementById(o.name + '_' + o.value);

if (!useSelect) {
alert('Unknown id: ' + o.name + '_' + o.value);
return;
}

var copy = useSelect.cloneNode(true);
copy.style.display = 'inline';

var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.parentNode.insertBefore(copy, next);
next.parentNode.removeChild(next);
}
</script>

my form:
<div style="display: none;">

<!-- ##### First Selection ####### -->

<select name="second" id="first_dp" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38">2 3/8'</option>
<option value="dp_4">4'</option>
</select>

<select name="second" id="first_hw" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="hw_3_12">3 1/2'</option>
<option value="hw_4">4'</option>
</select>

<!-- ####### 2nd Selection ####### -->

<select name="third" id="second_dp_2_38" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38_4.85">4.85 lbs/ft</option>
<option value="dp_2_38_6.65">6.65 lbs/ft</option>
</select>
<select name="third" id="second_dp_2_78" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_78_6.85">6.85 lbs/ft</option>
<option value="dp_2_78_10.4">10.4 lbs/ft</option>
</select>

>>>>>>and so on till 3rd selection<<<<<<<<<

</div>

<form action="pdfHandle.php" method="post" id="pdfsearch">
<fieldset>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="142" height="146">
<p>
Type:<br />
Size:<br />
Weight:<br />
</td>
<td width="266"><select name="first" onclick="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp">Drill Pipe</option>
<option value="hw">Heavy Weight</option>
</select><br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>

</td>
</tr>
</table>
<p>
<input type="submit" name="submit" id="submit" value="Create PDF" />
<input type="reset" value="Reset Selection" />
</p>
</fieldset>
</form>
-----------------------------------------------------------------------

i would like to know what i am missing here and what is making Safari n chrome not to run this page properly, when u execute this code, only the 1st selection will appear while the rest of the selections are Null, i hope someone will guide me through this or direct me to solution or any other way of doing this perhaps

i thank you for viewing this post.

My webpage won't load at all in Safari, unless I open it as a link from anbother site or if I manually type in the index.html after the url.

when I take out the javascript though, it work perfectly.

I always works in Firefox though.

Any hints:


<script type="text/javascript" src="stuff/x_core.js"></script><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="stuff/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-*******-*");
pageTracker._trackPageview();
} catch(err) {}</script>

<script type="text/javascript">
var start_z_index = 3000;
function bringtotop( item )
{
item.style.zIndex = start_z_index++;
}

</script>

<script type="text/javascript" src="stuff/x_event.js"></script>

<script type="text/javascript" src="stuff/xenabledrag.js"></script>
<script type="text/javascript" src="stuff/xenabledrag2.js"></script>

I had a client specifically request that no matter the size of the browser he wants it to immediately enlarge to full screen onload of the flash site. I put this in the header:
Code:

<script type="text/javascript"> 
window.moveTo(0,0); 
if (document.all) {window.resizeTo(screen.availWidth,screen.availHeight)} 
else {window.outerHeight = screen.availHeight; window.outerWidth = screen.availWidth} 
</script>

However, this specific code doesn't work in Safari on a mac. Is there any way I can make this compatible?

Hi everyone,

I have a javascript which used to delete object(s) when the "delete' button is clicked. The script is working fine on IE, but on Safari it do not wwork at all (when I click delete button the webpage stays the same). I think the reason is Safari is using a different javascript interpreter which cannot parse javascript developed in IE properly, such as "fireEvent". Please help me to fix the script for it to work on Safari. Here is the script:


Code:

function DeleteClick()
        	{
        		var frmSWO = document.getElementById("form");
        		var answer = confirm("Do you really want to delete?")
				if (answer != 0)
				{
					frmSWO.action = "/domsWeb/mtd/doms/web/operation/controller/manageWorkOrder/DeleteJobOrImage.do";
        			frmSWO.method = "post";
        			this.form.fireEvent('onsubmit');
        			frmSWO.submit();
				}   		
        	}

I do appreciate any help.

This seems to work ok to serve css to Opera:
Code:

if(history.navigationMode){
document.write('<link rel="stylesheet" type="text/css" href="opera.css">') }

Is there a way to use
Code:

@media screen and (-webkit-min-device-pixel-ratio:0){}

to serve css to Safari? ie, without having to use it on each tag in the main stylesheet?

Tried
Code:

if(@media screen and (-webkit-min-device-pixel-ratio:0)){
document.write('<link rel="stylesheet" type="text/css" href="safari.css">') }

but I think it's missing an 'is true' phrase... ? and this one
Code:

if('@media screen' && '(-webkit-min-device-pixel-ratio:0)'){
document.write('<link rel="stylesheet" type="text/css" href="safari.css">')}

picks up Firefox and Opera as well.

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

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, on my website: http://zend.warrencreative.com/gemini-group/index.html the carousel on the right is not showing unless you hover your mouse over?!

Can some one please help?

I am using : http://www.twospy.com/galleriffic/

Hey all,

I have a sentence generator running on a site. I am using sort to shuffle the array and pop to return the item. All is well, except Safari does not shuffle the array.

Here is the technique I am using:
Code:

<script type = "text/javascript">
var adj=["invisible", "running", "eating", "mad", "talking", "jumping", "living", "weird", "super"];
for (i = 1; i <= 4; i++){
adj.sort(function(){return Math.round(Math.random());});
document.write( [
 "Bob is" + " " + adj.pop() + "." + "<br>"
]);
}
</script>

In most browsers it generates 4 unique sentences. But in Safari it does not shuffle the array so it will always output:

Bob is super.
Bob is weird.
Bob is living.
Bob is jumping.

Any ideas as to what is happening?

I am reading/writing cookies to control which default page the user will land on. Works fine in FireFox, but on Safari, the cookie tends to stick and will not change. Here is my code:


Code:

// this function reads the pulldown menu's selected item, tells the cookie writing function which index number it is, then goes to that page.

function myJumpMenu(oSrc)
	{
		url = oSrc.options[oSrc.selectedIndex].value;
		selectorIndex = oSrc.selectedIndex;
		//alert(selectorIndex);
		write_cookie(selectorIndex);
		goNow();
	}
	

//sets the default on the pulldown menu
function setDefault() {
      document.forms[0].elements[0].selectedIndex=selectorIndex;	
}


// Writes the cookie
// I get the right number on the first alert, but it doesn't change the cookie
//second alert gives me the old cookie value 
//so if I chose "1" I'd get an alert of "1", but document.cookie alert says "language=5"

function write_cookie(lang) {
	alert(lang);
	document.cookie = "language=" + lang + "; expires=Wednesday, 01-Aug-2020 08:00:00 GMT";
	alert(document.cookie);
}

Ok, so I have multiple issues, but this is the one I have not been able to work around. I'm building a simple website for personal use, so I know it only has to work on Safari for the iPad, a simple catalog of song charts for use on stage in my piano bar. Everything works GREAT in Safari/Chrome for Windows 7, but doesn't seem to quite work on Safari for iPad.

The issue I'm having is I've set up a DIV with two image buttons on it to execute a ScrollBy command to scroll the page up or down depending on the button. Everything works great on Safari for Windows 7, as in I can keep scrolling down the page by pressing the scroll down button multiple times. On iPad, it only works once, and will not continue to scroll. I've also tried it in Atomic Lite for iPad, with the same effect. I've mocked up a simple page, to take all the other variables out.

http://www.duelingpianopiano.com/jef...testscroll.htm

Eventually, I will be installing it he
http://www.duelingpianopiano.com/jef...testscroll.htm


The code in the head tag is below:
<code>
<script language="JavaScript" type="text/javascript">
<!-- Copyright 2003, Sandeep Gangadharan -->
<!-- For more free scripts go to http://sivamdesign.com/scripts/ -->
<!--
var y1 = 510; // change the # on the left to adjuct the Y co-ordinate
(document.getElementById) ? dom = true : dom = false;

function hideIt() {
if (dom) {document.getElementById("layer1").style.visibility='hidden';}
}

function showIt() {
if (dom) {document.getElementById("layer1").style.visibility='visible';}
}

function placeIt() {
if (dom && !document.all) {document.getElementById("layer1").style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1)) + "px";}
if (document.all) {document.all["layer1"].style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - (document.documentElement.clientHeight-y1)) + "px";}
window.setTimeout("placeIt()", 10); }
// -->
</script>

<script language="JavaScript">
function scrollup(){
parent.scrollBy(0,-window.innerHeight-50);
}
function scrolldown(){
parent.scrollBy(0,window.innerHeight-50);
}
</script>
</code>

The code from the body tag:
<code>
<body topmargin="00" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00" bgcolor="#FFFFFF" "overflow: visible" onLoad="placeIt(); showIt()">

INSERT CONTENT HERE

<div id="layer1" style="position:absolute; right:0; width:50px; height:150px; visibility:hidden">
<font face="verdana, arial, helvetica, sans-serif" size="2">
<div style="float:left; background-color: ; padding:0px; border:0px solid black">

<img src="upbutton.png" width=50 height=75 border="0" align="left" onClick="scrollup();">
<img src="downbutton.png" width=50 height=75 border="0" align="left" onClick="scrolldown();">
</div>
</code>

Like I said, it works just as needed in Safari/Chrome for Windows 7, but not on iPad. Doesn't seem to work in IE 8, but that doesn't bother me. I have not tested in FireFox.

Your ideas are much appreciated. I'm not an Apple person, so maybe there is a well known issue with scrollBy and Safari for iPad, that I'm not aware of. If that is the case, if anyone has an idea for a direction for a workaround that would be great as well. Eventually, I would like to use the smooth scrolling scripts that I've seen out there, but that is way down the road. I'm more worried about the functionality as is.

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

Hi everyone,
While designing my www I used the tab view script made by Lyubinskiy found on javascript kit www. It works brilliant on mozzila and chrome. However when I tried on safari and IE, the tabs don't work.
Can anyone tell me how should I adjust the sript for it to work on IE and Safari?
Code:

function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i   = 0;

  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }

thanks for any suggestions

I've run into a glitch in my little calculator form. Apparently, in Safari, when you hit the enter key while the cursor is in an input field, it will attempt to submit the form. I don't want this to happen. Submitting serves no purpose in this, because all of the functionality is in the script on the page. I copied most of the HTML from an example, and noted that the form tag didn't contain an action= parameter. I tried adding this with the hopes that it would override Safari's default submit action. They do affect its behavior, but not in a way that does any good.
First, I tried: action=""
which didn't work
Then, I tried: action="CalcRange()"
This is a harmless function that normally runs on field change. It didn't work either.
In every case Safari is determined to fire off a URL.
No problems with MSIE or Firefox.

Is there another way of using the action parameter to fix the problem, or do I have to attack this another way. Thanks.

Code:

<html><head><title></title>


<script language="JavaScript">
var d = null;
function PadCalc(ctrm,cvlo,cvhi,cstray,rc) {
    chp = cvhi+ctrm;
    clp = cvlo+ctrm;
    beta=(rc-1)*cstray;
    a=rc* clp- chp +beta;
    b= (rc-1)*clp*chp+beta*(clp + chp);
    c=beta*clp* chp;
    cser=(-b-Math.sqrt(b*b-4*a*c))/(a+a);
    return(cser);
}
function TrmCalc(cser,cvlo,cvhi,cstray,rc) {
    if (cser<0.00001) {
      ctrm=(cvhi+cstray-rc*(cvlo+cstray))/(rc-1);
      }
    else {
      cser2=cser*cser;
      k0=(1-rc)*cstray;
      k1=k0*cser2;
      k2=k0*cser+cser2;
      k3=k0*cser-rc*cser2;
      k4=k0+(1-rc)*cser;
      a=k4;
      b=k2+k3+k4*(cvlo+cvhi);
      c=k1+k2*cvhi+k3*cvlo+k4*cvlo*cvhi;
      ctrm=(-b-Math.sqrt(b*b-4*a*c))/(a+a);
      }
    return(ctrm);
}

function setCellTxt(id,tx,clr){
  cell=document.getElementById(id);
  cell.innerHTML=tx;
  cell.style.color=clr;
}

function CalcAll() {
  setCellTxt("ex_cpar","***","#FF0000");
  setCellTxt("ex_cser","***","#FF0000");
  setCellTxt("ex_L","***","#FF0000");
  flo = parseFloat(d.ef_flo.value);
  fhi = parseFloat(d.ef_fhi.value);
  cvlo = parseFloat(d.ef_cvlo.value);
  cvhi = parseFloat(d.ef_cvhi.value);
  cstray = parseFloat("0".concat(d.ef_cstray.value));
  KVal = parseFloat(d.ef_KVal.value);
  spi = 500000.0/Math.PI;
  rf=fhi/flo;
  rc=rf*rf;
  switch(d.mknown.selectedIndex){
   case 0:
    // For Given inductor
    L = KVal;
    w=(spi/flo)
    chppp = w*w/L;
    w=(spi/fhi)
    clppp = w*w/L;
    alpha = cstray-chppp;
    beta = cstray-clppp;
    k1 = cvhi-chppp-cvlo+clppp;
    k2 = alpha - beta;
    k3 = alpha*cvhi - beta*cvlo;
    k4 = alpha*cvhi;
    k5 = cvhi + alpha;
    a = -k2/k1;
    b = alpha-(k3+k2*k5)/k1;
    c = k4-(k3*k5)/k1;
    ctrm = (-b+Math.sqrt(b*b-4*a*c))/(a+a);
    cser = -(k2*ctrm+k3)/k1;
    if (cser>100*cvhi) cser=0;
    // End of given L calc
   break;
   case 1:
    // For Given Padder
    cser=KVal;
    if (cser<.00001) {
      cpinv=0;
    }
    else {
      cpinv=1/cser;
    }
    ctrm=TrmCalc(cser,cvlo,cvhi,cstray,rc);
    chp=cvhi+ctrm;
    chppp=1/(1/chp+cpinv)+cstray;
    w=spi/flo;
    L=w*w/chppp;
   break;
   case 2:
    // For Given Trimmer
    ctrm=KVal;
    cser=PadCalc(ctrm,cvlo,cvhi,cstray,rc);
    chppp=chp*cser/(chp+cser)+cstray;
    if (cser>100*cvhi) cser=0;
    w=spi/flo;
    L=w*w/chppp
   break;
  }
  badVal=false;
  if (isNaN(ctrm) || ctrm<0) badVal=True;
  if (isNaN(cser) || cser <0) badVal=True;
  if (isNaN(L) || L<0) badVal=True;
  if (!badVal) {
    setCellTxt("ex_cpar",ctrm.toFixed(2),"#000080");
    setCellTxt("ex_cser",cser.toFixed(2),"#000080");
    setCellTxt("ex_L",L.toFixed(2),"#000080");
  }
}
function CalcRange() {
 flo = parseFloat(d.ef_flo.value);
 fhi = parseFloat(d.ef_fhi.value);
 cvlo = parseFloat(d.ef_cvlo.value);
 cvhi = parseFloat(d.ef_cvhi.value);
 cstray = parseFloat("0".concat(d.ef_cstray.value));
 if (flo>0 && fhi>0 && cvlo>0 && cvhi>0) {
  spi = 500000.0/Math.PI;
  rf=fhi/flo;
  rc=rf*rf;
  csmin=PadCalc(0,cvlo,cvhi,cstray,rc);
  ctmax=TrmCalc(0,cvlo,cvhi,cstray,rc);
  w=spi/flo
  chppp=cvhi*csmin/(cvhi+csmin)+cstray;
  Lmax=w*w/chppp;
  chppp=cvhi+ctrm+cstray;
  Lmin=w*w/chppp;
  //Reset exact calc outputs after input parameter change
/*
  setCellTxt("ex_cpar","","#000080");
  setCellTxt("ex_cser","","#000080");
  setCellTxt("ex_L","","#000080");
*/
  if (Lmin<0 || Lmax<0 || ctmax<0 || csmin<0) {
    setCellTxt("rTrm","***","#FF0000");
    setCellTxt("rPad","***","#FF0000");
    setCellTxt("rInd","***","#FF0000");
  }
  else {
    setCellTxt("rTrm","0 ... ".concat(ctmax.toFixed(2)),"#000080");
    setCellTxt("rPad",">= ".concat(csmin.toFixed(2)," (if present)"),"#000080");
    setCellTxt("rInd","".concat(Lmin.toFixed(2)," ... ",Lmax.toFixed(2)),"#000080");
  }
 }
}
function kvChange() {
 descriptions = Array ("Enter Inductance Value (&micro;H):","Enter Series Capacitance Value (pF):","Enter Parallel Capacitance Value: (pF)");
 setCellTxt("KVdescription",descriptions[d.mknown.selectedIndex],"#000080");
 setCellTxt("ex_cpar","","#000080");
 setCellTxt("ex_cser","","#000080");
 setCellTxt("ex_L","","#000080");
}
</script>


</head>


<body onload="d = document.forms[0];">

<center>
<h2>Bandspread Calculator</h2>
</center>
<form >
  <table style="width: 692px; height: 400px;" align="center"
  border="0">
    <tbody>
      <tr>
        <td align="center" colspan=2"><B>Input Parameters:</B></td>
      </tr>


      <tr>
        <td align="right">Lowest Frequency (kHz):</td>
        <td><input name="ef_flo" onchange="CalcRange()" size="18"> </td>
      </tr>
      <tr>
        <td align="right">Highest Frequency (kHz):</td>
        <td><input name="ef_fhi" onchange="CalcRange()" size="18"> </td>
      </tr>
      <tr>
        <td align="right">Tuning Capacitor <I>C<sub>V</sub></I> Minimum Capacitance (pF):</td>
        <td><input name="ef_cvlo" onchange="CalcRange()" size="18"> </td>
      </tr>
      <tr>
        <td align="right">Tuning Capacitor <I>C<sub>V</sub></I> Maximum Capacitance (pF):</td>
        <td><input name="ef_cvhi" onchange="CalcRange()" size="18"> </td>
      </tr>
      <tr>
        <td align="right">Stray Capacitance <I>C<sub>S</sub></I> (pF):</td>
        <td><input name="ef_cstray" onchange="CalcRange()" size="18"> </td>
      </tr>

      <tr>
        <td align="center" colspan=2"><HR></td>
      </tr>
      <tr>
        <td align="center" colspan=2"><B>Allowable Component Ranges:</B></td>
      </tr>

      <tr>
        <td align="right">Trimmer Capacitor <I>C<sub>T</sub></I> (pF):&nbsp;&nbsp;</td>
        <td align="left" id="rTrm"><font color="#FF0000">***</font></td>
      </tr>
      <tr>
        <td align="right">Padder Capacitor <I>C<sub>P</sub></I> (pF):&nbsp;&nbsp;</td>
        <td align="left" id="rPad" ><font color="#FF0000">***</font></td>
      </tr>
      <tr>
        <td align="right">Inductor (&micro;H):&nbsp;&nbsp;</td>
        <td align="left" id="rInd"><font color="#FF0000">***</font></td>
      </tr>


      <tr>
        <td align="center" colspan=2"><HR></td>
      </tr>

      <tr>
        <td align="center" colspan=2"><B>Exact Value Calculation:</B></td>
      </tr>

      <tr>
        <td align="right">Choose the Known Component:</td>
        <td>
          <select name="mknown" onchange="kvChange()" size="1">
           <option selected="selected">Inductor</option>
           <option>Padder Capacitor (Series)</option>
           <option>Trimmer Capacitor (Parallel)</option>
          </select>
        </td>
      </tr>
      <tr>
        <td id="KVdescription" align="right">Enter the Known Component Value:</td>
        <td><input name="ef_KVal" size="18"></td>
      </tr>
      <tr>
      <td align="right">Click to Calculate the Unknown Components:</td>
      <td><input type="button" value="Calculate" onclick="CalcAll()"> </td>
      </tr>
      <tr>
        <td align="right">Trimmer Capacitor <I>C<sub>T</sub></I> (pF):&nbsp;&nbsp;</td>
       <td id="ex_cpar" > </td>
      </tr>
      <tr>
        <td align="right">Padder Capacitor <I>C<sub>P</sub></I> (pF):&nbsp;&nbsp;</td>
        <td id="ex_cser"> </td>
      </tr>
      <tr>
        <td align="right">Inductor (&micro;H):&nbsp;&nbsp;</td>
        <td id="ex_L"> </td>
      </tr>
    </tbody>
  </table>
</form>
</body></html>

Edit:
I should also add that my web page is made using Apple's iWeb software, and it stores the above code in a separate file, and then uses the following iframe code to load it:
Code:

<iframe id="widget1-frame" src=".//BandspreadCalc_files/widget1_markup.html" frameborder="0" style="width: 100%; height: 100%;" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>

So, when Safari submits the form, the result is that it loads a page containing only the widget1_markup.html code, and not the parent page. Either way, it's annoying, because any data that the user has entered in a field will be erased.

My page is working as I want it to in firefox and IE. well almost fully in IE...

Anyways at the top of my page I am using an fx.slide that does not work at all in safari or chrome and was wondering if anyone here could shed some light as to why?

here is the page in question

Any help would be great. Thanks so much.