JavaScript - Need Assistance With Javascript Kit Jquery Megamenu

I am using the jquery megamenu from the javascriptkit.com site, for multiple buttons, and I am having an issue where one menu on the right hand side of the page wants to start the menu at the left end of the button, heading right (which is the default), and ends up forcing a 3 column menu into a 2 column one when the resolution is set to 1024 wide, because it would disappear off the page otherwise.
I want instead for that one menu to END at the right hand side of the button so that the 3 columns remain intact.

I do not know enough about javascript to totally follow the logic of the code and my attempts to fix this issue have produced mixed results. Any one any suggstions?


[CODE]
alignmenu:function($, e, megamenu_pos){
var megamenu=this.megamenus[megamenu_pos]
var $anchor=megamenu.$anchorobj
var $menu=megamenu.$menuobj
var menuleft=($(window).width()-(megamenu.offsetx-$(document).scrollLeft())>megamenu.actualwidth)? megamenu.offsetx : megamenu.offsetx-megamenu.actualwidth+megamenu.anchorwidth //get x coord of menu
//var menutop=($(window).height()-(megamenu.offsety-$(document).scrollTop()+megamenu.anchorheight)>megamenu.actualheight)? megamenu.offsety+megamenu.anchorheight : megamenu.offsety-megamenu.actualheight
var menutop=megamenu.offsety+megamenu.anchorheight //get y coord of menu
$menu.css({left:menuleft+"px", top:menutop+"px"})
this.$shimobj.css({width:megamenu.actualwidth+"px", height:megamenu.actualheight+"px", left:menuleft+"px", top:menutop+"px", display:"block"})
},
[CODE]

Hello,
I have a form that calculates a dollar amount based on the percentage entered by the user. Now the client wants the form to also calculate the percentage if the user enters a dollar amount. I am new to this so I am having trouble figuring out how to format the if statement. Here is the code that performs the calculations:
Code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $(".TextBox").hover(function(){
    $(this).toggleClass('TextBoxSelected');
  },function(){
    $(this).toggleClass('TextBoxSelected');
  }).change(function(){
    calculate();
  });
});
function getFldValue(fldValue) {
  return isNaN(fldValue) ? 0 : parseFloat(fldValue);
}
function calculate() {
  var property_SPrice = getFldValue($('#property_SPrice').val());
  var price = getFldValue($('#price').val());
 
  var REO_sale_percentage    = getFldValue($('#REO_sale_percentage').val());
  var REO_sale_dollars       = getFldValue($('#REO_sale_dollars').val());
  var REO_sale_bonus_dollars = getFldValue($('#REO_sale_bonus_dollars').val());
  var REO_sale_fixed_dollars = getFldValue($('#REO_sale_fixed_dollars').val());
  var REO_sale_total_dollars = getFldValue($('#REO_sale_total_dollars').val());
  

  var REO_list_percentage    = getFldValue($('#REO_list_percentage').val());
  var REO_list_dollars       = getFldValue($('#REO_list_dollars').val());
  var REO_list_bonus_dollars = getFldValue($('#REO_list_bonus_dollars').val());
  var REO_list_fixed_dollars = getFldValue($('#REO_list_fixed_dollars').val());
  var REO_list_total_dollars = getFldValue($('#REO_list_total_dollars').val());
  
  var gr_comm_percentage     = getFldValue($('#gr_comm_percentage').val());
  var gr_comm_dollars        = getFldValue($('#gr_comm_dollars').val());
  var gr_bonus_dollars       = getFldValue($('#gr_bonus_dollars').val());
  var gr_fixed_dollars       = getFldValue($('#gr_fixed_dollars').val());
  var gr_total_dollars       = getFldValue($('#gr_total_dollars').val());   

  $('#price').val(property_SPrice);
  $('#gr_comm_percentage').val(REO_list_percentage + REO_sale_percentage);
  
  $('#gr_comm_dollars').val(getFldValue(REO_list_dollars + REO_sale_dollars));
  $('#REO_list_dollars').val(getFldValue(REO_list_percentage/100*price));
  $('#REO_sale_dollars').val(getFldValue(REO_sale_percentage/100*price));
  $('#gr_fixed_dollars').val(getFldValue(REO_list_fixed_dollars + REO_sale_fixed_dollars));
  $('#gr_bonus_dollars').val(getFldValue(REO_list_bonus_dollars + REO_sale_bonus_dollars));
  $('#gr_total_dollars').val(getFldValue(REO_sale_total_dollars + REO_list_total_dollars));
  $('#REO_sale_total_dollars').val(getFldValue(REO_sale_dollars + REO_sale_fixed_dollars + REO_sale_bonus_dollars));
  $('#REO_list_total_dollars').val(getFldValue(REO_list_dollars + REO_list_fixed_dollars + REO_list_bonus_dollars));
  
}  
</script>

I now need to add:
Code:

$('#REO_list_percentage').val(getFldValue(REO_list_dollars/price*100));
  $('#REO_sale_percentage').val(getFldValue(REO_sale_dollars/price*100));

So that if the user enters a dollar amount, the form can calculate the percentage along with all of the other calculations above. How would I write that? Thanks.

I have the following regex pattern:

var patt=/(&(?=(amp|apos|gt|lt|quot)|[^&])+/;

It's validation to ensure that any ampersand sign is followed by amp;, apos;, gt;, lt;, or qout;. It should validate any other character except the aforementioned ampersand case.

The regex checks out ok on all online regex testers. however, when i apply it to javascript via the test() method, things that return a fail in the testers return true with the js test() method, so the validation isn't working for me right now in javascript.

e.g.

var testStr = 'someString&amp'; //should fail
var testStr2 = 'someString&'; //should pass
however, calling patt.test(testStr); returns true when it should be returning false...

Thanks for any input and help you all have to offer. I've been beating this to death for about 3 hours and I'm a little stuck on it..

Hi, I am constructing a website with a page that holds a world clock.

The clock displays in the centre of the page and is surrounded by 12 buttons (Individual World Cities). OnClick of these buttons changes the time displayed.

I am trying to amend the code so that when one of these buttons is clicked. It not only updates and changes the clock. But also adds text below the clock that says something like "The time in New York is now displayed).

I have been trying to find the code to do this for a few hours and the closest I could find was an addtext function.

No matter what I do though I just cant get it to work!

If anyone could help that would be appreciated.

I have pasted the Script for the clock below (This code is before I edited it with the addText code).


<script>

var GMToffset = 0,t;

function start() {
GMToffset=zxcReadCookie('time')||0;
t=setInterval('digitalclock()',500);
}

function digitalclock()
{
var today=new Date();
var hours=(today.getHours() + GMToffset*1+24)%24;
var minutes=today.getMinutes();
var seconds=today.getSeconds();
minutes=checkTime(minutes);
seconds=checkTime(seconds);
hours=checkTime(hours);
document.getElementById('txt').innerHTML=hours+":"+minutes+":"+seconds;
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}

function updatetime(nu) {
GMToffset = nu;
zxcCreateCookie('time',nu,1); // change 1 to the number of days persistance required
}

function zxcCreateCookie(nme,v,days){
document.cookie=nme+'='+v+';expires='+(new Date(new Date().getTime()+days*86400000).toGMTString())+';path=/';
}

function zxcReadCookie(nme){
nme+='=';
var split = document.cookie.split(';');
for(var z0=0;z0<split.length;z0++){
var s=split[z0];
while (s.charAt(0)==' ') s=s.substring(1,s.length);
if (s.indexOf(nme)==0) return s.substring(nme.length,s.length);
}
return null;
}

</script>

</head>
<body onload="start()">

<div align="center">
<input type="button" onclick="updatetime(-4)" value="Time in Buenos Aires" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-5)" value="Time in New York" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-8)" value="Time in San Francisco" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime(-11)" value="Time in Hawaii" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-13)" value="Time in Fiji" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(-14)" value="Time in Sydney" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br><br>

<div id="txt"></div>

</div>

<div align="center">
<input type="button" onclick="updatetime(8)" value="Time in Tokyo" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(7)" value="Time in Hong Kong" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(6)" value="Time in Bangkok" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime(1)" value="Time in Rome" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(0)" value="Time in London" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime(3)" value="Time in Moscow" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />

</head>

I have a javascript code, which initiates via "onClick" when a user clicks on a checkbox. I downloaded the sample code, but the problem is is that I need the javascript to be initiated automatically, not when a user clicks on a checkbox. I would greatly appreciate it if anyone could help me resolve this issue. Below is a sample of the code I'm using. Thanks in advance.

Code:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

	<!-- iPad/iPhone specific css below, add after your main css >
	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />		
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />		
	-->
	<!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
	<script type="text/javascript" charset="utf-8" src="phonegap.0.9.6.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="SAiOSAdPlugin.js"></script>
        
    <script type="text/javascript" charset="utf-8">

        // If you want to prevent dragging, uncomment this section
        /*
         function preventBehavior(e) 
         { 
         e.preventDefault(); 
         };
         document.addEventListener("touchmove", preventBehavior, false);
         */
        
        var gLastAdLoadedDate = null;
        var gTotalAdsLoaded = 0;
        var gTimerId = null;
        
        function onBodyLoad()
        {
            document.addEventListener("deviceready", onDeviceReady,false);
        }
        
        function onOrientationChange()
        {
            //alert(window.orientation);
        }
        
        /* When this function is called, PhoneGap has been initialized and is ready to roll */
        function onDeviceReady()
        {
            // listen for orientation changes
            window.addEventListener("orientationchange", window.plugins.iAdPlugin.orientationChanged, false);
            
            // listen for the "iAdBannerViewDidLoadAdEvent" that is sent by the iAdPlugin
            document.addEventListener("iAdBannerViewDidLoadAdEvent", iAdBannerViewDidLoadAdEventHandler, false);
            // listen for the "iAdBannerViewDidFailToReceiveAdWithErrorEvent" that is sent by the iAdPlugin
            document.addEventListener("iAdBannerViewDidFailToReceiveAdWithErrorEvent", iAdBannerViewDidFailToReceiveAdWithErrorEventHandler, false);
            
            var adAtBottom = false; 
            setTimeout(function() {
                       window.plugins.iAdPlugin.prepare(adAtBottom); // by default, ad is at Top
                       }, 1000);
        }
		
        function iAdBannerViewDidFailToReceiveAdWithErrorEventHandler(evt)
        {
            alert(evt.error);
            window.plugins.iAdPlugin.showAd(false);
            var elem = document.getElementById("showAd");
            elem.checked = false;
        }
        
        function iAdBannerViewDidLoadAdEventHandler(evt)
        {
            // if we got this event, a new ad is loaded
            var elem = document.getElementById("lastAdLoaded");
            gLastAdLoadedDate = new Date();
            elem.innerHTML = gLastAdLoadedDate.toLocaleString();
            
            elem = document.getElementById("showAd");
            elem.disabled = false;
            elem.checked = true;
            window.plugins.iAdPlugin.showAd(true);
            
            gTotalAdsLoaded++;
            
            elem = document.getElementById("totalAdsLoaded");
            elem.innerHTML = gTotalAdsLoaded.toString();
            
            if (gTimerId) {
                clearInterval(gTimerId);
            }
            gTimerId = setInterval(lastAdLoadedInterval, 1000);
            
        }
        
        function lastAdLoadedInterval()
        {
            var now = (new Date()).getTime();
            var diff = now - gLastAdLoadedDate.getTime();
            var elem = document.getElementById("lastAdLoaded");
            
            var ms_in_a_year = 31449600000; /* 1000ms x 60s x 60m x 24hrs x 7d x 52w */
            var ms_in_a_week = 604800000; /* 1000ms x 60s x 60m x 24hrs * 7d */
            var ms_in_a_day = 86400000; /* 1000ms x 60s x 60m x 24hrs */
            var ms_in_an_hour = 3600000; /* 1000ms x 60s x 60m */ 
            var ms_in_a_minute = 60000; /* 1000ms x 60s */ 
            var ms_in_a_second = 1000;		
            
            var milliseconds = Math.floor(diff);
            var seconds = Math.floor(milliseconds / ms_in_a_second) % 60;
            var minutes = Math.floor(milliseconds / ms_in_a_minute) % 60;
            var hours = Math.floor(milliseconds / ms_in_an_hour) % 24;
            var days = Math.floor(milliseconds / ms_in_a_day) % 7;
            var weeks = Math.floor(milliseconds / ms_in_a_week) % 52;
            var years = Math.floor(milliseconds / ms_in_a_year);
            
            var caption = seconds + "s ago";
            
            if (minutes > 0) {
                caption = minutes + "m " + caption;
            }
            if (hours > 0) {
                caption = hours + "h " + caption;
            } 
            if (days > 0) {
                caption = days + "d " + caption;
            } 
            if (weeks > 0) {
                caption = weeks + "w " + caption;
            } 
            if (years > 0) {
                caption = years + "yr " + caption;
            } 
            
            elem.innerHTML = caption;
        }
        
        function showAdClicked(evt)
        {
            window.plugins.iAdPlugin.showAd(evt.checked);
        }
	    
    </script>
  </head>
    <body style="margin:0; padding:0;border:1px solid blue;" onload="onBodyLoad()">
        <span style="position:absolute; top:0;">
            This is some text at the top of the webview.
        </span>
        <br /><br />
        <form>
            <input type="checkbox" id="showAd" name="showAd" disabled="disabled" onclick="showAdClicked(this);">Show iAd</input><br />
            <br />
            <span>New Ad Loaded: <span id="lastAdLoaded">Waiting.</span></span><br />
            <span>Total Ads Loaded: <span id="totalAdsLoaded">None.</span></span>
        </form>
        <br />
        <span style="position:absolute;bottom:0">
            This is some text at the bottom of the webview.
        </span>
    </body>
</html>

The javascript (SoiOSADPLUGIN.JS) that is referenceD in this html page i also pasted below he

Code:

 /**
 * Constructor
 */
function SAiOSAdPlugin()
{
}

/**
* show - true to show the ad, false to hide the ad
*/
SAiOSAdPlugin.prototype.orientationChanged = function()
{
    PhoneGap.exec("SAiOSAdPlugin.orientationChanged", window.orientation);
}

/**
 * show - true to show the ad, false to hide the ad
 */
SAiOSAdPlugin.prototype.showAd = function(show)
{
	PhoneGap.exec("SAiOSAdPlugin.showAd", show);
}

/**
 * atBottom - true to put the ad at the bottom, false to put the ad at the top
 */
SAiOSAdPlugin.prototype.prepare = function(atBottom)
{
	if (!atBottom) {
		atBottom = false;
	}
	PhoneGap.exec("SAiOSAdPlugin.prepare", atBottom);
}

/**
 * Install function
 */
SAiOSAdPlugin.install = function()
{
	if ( !window.plugins ) 
		window.plugins = {}; 
	if ( !window.plugins.iAdPlugin ) 
		window.plugins.iAdPlugin = new SAiOSAdPlugin();
	
	
}

/**
 * Add to PhoneGap constructor
 */
PhoneGap.addConstructor(SAiOSAdPlugin.install);

I get the code to work when I click the checkbox, and it satisfies my needs, but having a checkbox toggle is not exactly ideal for this function. Is there anyway for me to have the "Onclick" function in this code changed to onload?