JavaScript - Pop Up Coding To Avoid Browser Blocking

How do I do a blocking call in javascript?

In the code below the alert at the last line of this code snippet hits before the code in if block completes which returns some value, by calling chached.get method in different js file.

var getCachedData = function(_key){

var retStr;
if (_key != '' || _key != null) {
cached.get(_key, function(data){
if(data){
alert('data = ' +data.value);
return data.value;
}
else{
return undefine;
}
});
}
alert('completed');
}

Please help

In an attempt to block access to my website I have entered the following:

[CODE]
<script language="javascript">
var ip = '<!--#echo var="REMOTE_ADDR"-->'
if (ip == '68.230.240.59' || ip == '216.33.127') {
alert("STOP! You are not allowed to view this website!");
alert("Why can't you guys just leave me alone?");
if (confirm("Do you want to leave peacefully? Or will I have to help you?"))
{location.href="http://www.yahoo.com" }
else { ("OK you choose I don't care! Bye bye! Don't come back!"); {location.href="http://www.yahoo.com" }} }
</script>

I am concerned about the first if statement and use of the || (or).

Hi there,

for a site I'm working on I needed an interactive crossfading slideshow (one that doesn't just run automatically, but with 'previous' and 'next' links) and noticed that all the solutions I stumbled upon fall into one of two categories:

1.) the ones that in some way or other break if the user clicks too fast through the images (i.e. fast enough that the previous crossfade is not completely finished when triggering the next one)

2.) the ones that block any user interactions until the last crossfade is finished

Obviously neither is very useful, so I wrote my own. I'm just wondering now, does anyone of you know of any good reusable crossfading slideshow that not only works as it should, but does so without blocking user interaction while fading? As a user, I don't have the patience for those time wasters any more.

If there's nothing good out there, I'm tempted to make it a jQuery plugin, but I wouldn't much like to find out later that there has been a perfectly good plugin out there all along.

So, if you know of one or have any other helpful suggestions, please tell me.

I need some help with a drop down menu. I am working on a site with a left menu that slides out, and I've converted it to the top to drop down. So far, it is working ok, but the submenu items need to be below the parent, preferably left aligned. I have played with it a bit and so far can't seem to achieve what I want. See below where I'm clicking Resources and the menu is way too high and over to the right. Thanks in advance for any help. : )



Code:

//** Dynamic Drive Equal Columns Height script v1.01 (Nov 2nd, 06)
//** http://www.dynamicdrive.com/style/bl...height-script/

var ddequalcolumns=new Object()
//Input IDs (id attr) of columns to equalize. Script will check if each corresponding column actually exists:
ddequalcolumns.columnswatch=["sidebar-a", "content"]

ddequalcolumns.setHeights=function(reset){
var tallest=0
var resetit=(typeof reset=="string")? true : false
for (var i=0; i<this.columnswatch.length; i++){
if (document.getElementById(this.columnswatch[i])!=null){
if (resetit)
document.getElementById(this.columnswatch[i]).style.height="auto"
if (document.getElementById(this.columnswatch[i]).offsetHeight>tallest)
tallest=document.getElementById(this.columnswatch[i]).offsetHeight
}
}
if (tallest>0){
for (var i=0; i<this.columnswatch.length; i++){
if (document.getElementById(this.columnswatch[i])!=null)
document.getElementById(this.columnswatch[i]).style.height=tallest+"px"
}
}
}

ddequalcolumns.resetHeights=function(){
this.setHeights("reset")
}

ddequalcolumns.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
}

ddequalcolumns.dotask(window, function(){ddequalcolumns.setHeights()}, "load")
ddequalcolumns.dotask(window, function(){if (typeof ddequalcolumns.timer!="undefined") clearTimeout(ddequalcolumns.timer); ddequalcolumns.timer=setTimeout("ddequalcolumns.resetHeights()", 200)}, "resize")



 /************************************************************************************************************
 (C) www.dhtmlgoodies.com, November 2005
 
 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. 
 
 Terms of use:
 You are free to use this script as long as the copyright message is kept intact. However, you may not
 redistribute, sell or repost it without our permission.
 
 Thank you!
 
 www.dhtmlgoodies.com
 Alf Magne Kalleland
 
 ************************************************************************************************************/

 var timeBeforeAutoHide = 700; // Microseconds to wait before auto hiding menu(1000 = 1 second)
 var slideSpeed_out = 10; // Steps to move sub menu at a time ( higher = faster)
 var slideSpeed_in = 10;
  
 
 var slideTimeout_out = 25; // Microseconds between slide steps ( lower = faster)
 var slideTimeout_in = 10; // Microseconds between slide steps ( lower = faster)
 
 var showSubOnMouseOver = true; // false = show sub menu on click, true = show sub menu on mouse over
 var fixedSubMenuWidth = false; // Width of sub menu items - A number(width in pixels) or false when width should be dynamic
 
 var xOffsetSubMenu = 0;  // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu
 
 var slideDirection = 'right'; // Slide to left or right ?
 
 /* Don't change anything below here */
 
 var activeSubMenuId = false;
 var activeMainMenuItem = false;
 var currentZIndex = 1000;  
 var autoHideTimer = 0;
 var submenuObjArray = new Array();
 var okToSlideInSub = new Array();
 var subPositioned = new Array();
 

 function stopAutoHide()
 {
  autoHideTimer = -1;
 }
 
 function initAutoHide()
 {
  autoHideTimer = 0;
  if(autoHideTimer>=0)autoHide();
 }
 
 function autoHide()
 {
  
  if(autoHideTimer>timeBeforeAutoHide)
  {
   
   if(activeMainMenuItem){
    activeMainMenuItem.className='';
    activeMainMenuItem = false;
   }
   
   if(activeSubMenuId){
    var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
    showSub();
   }
  }else{
   if(autoHideTimer>=0){
    autoHideTimer+=50;
    setTimeout('autoHide()',50);
   }
  }
 } 
 
 function getTopPos(inputObj)
 {  
   var returnValue = inputObj.offsetTop;
   while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
   return returnValue;
 }
 
 function getLeftPos(inputObj)
 {
   var returnValue = inputObj.offsetLeft;
   while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
   return returnValue;
 }
 
 function showSub()
 {
  var subObj = false;
  if(this && this.tagName){
   var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
   okToSlideInSub[numericId] = false;
   var subObj = document.getElementById('subMenuDiv' + numericId);
   if(activeMainMenuItem)activeMainMenuItem.className='';
   if(subObj){
    if(!subPositioned[numericId]){
     if(slideDirection=='right'){
      subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
     }else{
      subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
      
     }
     submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
     subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
     subPositioned[numericId] = true;
    }    
    subObj.style.visibility = 'visible';
    subObj.style.zIndex = currentZIndex;
    currentZIndex++; 
    this.className='activeMainMenuItem';
    activeMainMenuItem = this;
   }
  }else{
   var numericId = activeSubMenuId;
  }
  if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
  if(numericId!=activeSubMenuId && this && subObj){
   subObj.style.width = '0px'; 
   slideMenu(numericId,slideSpeed_out);
   activeSubMenuId = numericId;
  }else{
   if(numericId!=activeSubMenuId)activeSubMenuId = false;
  }
  if(showSubOnMouseOver)stopAutoHide();
 }
 
 function slideMenu(menuIndex,speed){
  var obj = submenuObjArray[menuIndex]['divObj'];
  var obj2 = submenuObjArray[menuIndex]['ulObj'];
  var width = obj.offsetWidth + speed;
  if(speed<0){
   if(width<0)width = 0;
   obj.style.width = width + 'px';
   if(slideDirection=='left'){
    obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
    obj2.style.left = '0px';
   }else{
    obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
   }
   if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
    obj.style.visibility = 'hidden';
    obj.style.width = '0px';
    if(activeSubMenuId==menuIndex)activeSubMenuId=false;
   }
   
  }else{
   if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
   if(slideDirection=='left'){
    obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
    obj2.style.left = '0px';
   }else{
    obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
   }  
   
   obj.style.width = width + 'px';
   if(width<submenuObjArray[menuIndex]['width']){
    setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
   }else{
    okToSlideInSub[menuIndex] = true;
   }
  }
 }
 function resetPosition()
 {
  subPositioned.length = 0;
 }
   
 function initLeftMenu()
 {
  var isMSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
  var browserVersion = parseInt(navigator.userAgent.replace(/.*?MSIE ([0-9]+?)[^0-9].*/g,'$1'));
  if(!browserVersion)browserVersion=1;
  
  var menuObj = document.getElementById('dhtmlgoodies_menu'); 
  var mainMenuItemArray = new Array();
  
  var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
  while(mainMenuItem){
   if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
    mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
    var aTag = mainMenuItem.getElementsByTagName('A')[0];
    if(showSubOnMouseOver)
     aTag.onmouseover = showSub; 
    else
     aTag.onclick = showSub; 
   }
   mainMenuItem = mainMenuItem.nextSibling;
  }  
  
  var lis = menuObj.getElementsByTagName('A');
  for(var no=0;no<lis.length;no++){
   if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
   lis[no].onmouseout = initAutoHide;
   lis[no].onmousemove = stopAutoHide;
  }
    
  for(var no=0;no<mainMenuItemArray.length;no++){
   var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
   if(sub){
    mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
    var div = document.createElement('DIV');
    div.className='dhtmlgoodies_subMenu';
    document.body.appendChild(div);
    div.appendChild(sub);
    if(slideDirection=='right'){
     div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
    }else{
     div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
    }
    div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
    div.id = 'subMenuDiv' + (no+1);
    sub.id = 'submenuUl' + (no+1);
    sub.style.position = 'relative'; 

    if(navigator.userAgent.indexOf('Opera')>=0){
     submenuObjArray[no+1] = new Array();
     submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
     submenuObjArray[no+1]['divObj'] = div;
     submenuObjArray[no+1]['ulObj'] = sub;
     submenuObjArray[no+1]['width'] = sub.offsetWidth;
     submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
    }
    sub.style.left = 1 - sub.offsetWidth + 'px'; 
    
    
    
    if(browserVersion<7 && isMSIE)div.style.width = '1px'; 
     
    if(navigator.userAgent.indexOf('Opera')<0){
     submenuObjArray[no+1] = new Array();
     submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
     submenuObjArray[no+1]['divObj'] = div;
     submenuObjArray[no+1]['ulObj'] = sub;
     submenuObjArray[no+1]['width'] = sub.offsetWidth;
     
     
     
     submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
     if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
    } 

    if(!document.all)div.style.width = '1px';   
     
   }   
  }
  
  menuObj.style.visibility = 'visible';  
  window.onresize = resetPosition;
 }
 
 
 window.onload = initLeftMenu;

Hi,

Im working on a project for my website where I would like to be able to change the value of a number by using js, and using getElemenById. For example:

"The taxi fare is $25"
"A hamburger is $4"

In the above sentence I would like to be able to change the value of 25 & 4 by giving them an id and then using js to increase (or decrease) their value, to allow for future inflation, without having to go back and manually change every number on lots of pages (if for example in 1 years time a hamburger is worth $6 then the info above is outdated and should be changed). If i could use a variable such as "RateUSD = 1" I could increase "1" to say "1.05" and it would increase the value of all id='USD' by 5% onload rather than having to manually change it by typing.

I so far have come up with the code below, but I think the reason it does not work is because I have created a circular equation - id='USD" is the start of the equation, but it is also in the equation itself, and it is the resulting answer, so effectively I have created "A = A*B", or in this case "25 = 25*1.1"

Would appreciate if anybody has had some experince with this type of js and could point me in the right direction. I chose "id" as I would like to be able to have different currencies (with different id, such as 'EURO','GBP', etc) on the same pages and on multiple pages. I'll crack it eventually, I would just like to know if I'm heading in the right direction, or is there a better method that I could use? I found plenty of example for changing text with "innerHTML", but so far I haven't seen any for updating numbers onload by calculation, except for forms, etc, which are different.

The code:
Code:

<html>
<head>
<script type="text/javascript">

function changeCurrency(){
var RateUSD = 1.1
var USD = document.getElementById('USD').value =""
var A = RateUSD
var B = USD
var C = ((RateUSD) * (USD))
document.getElementById('USD').innerHTML = C

}
</script>


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

<p>The Taxi fare is USD$ <b id='USD'>25</b></p>
<p>A hamburger is USD$ <b id= 'USD'>4</b></p>

</body>
</html>

I will later put the js in an external file with a link to it "...src="support-files/currencyChange.js" (or something like that), but for now I have put it on the same page.

Thanks and regards,
Terry