JavaScript - Custom Menu Css Class-checker Script Not Running

Hi there,
I'm fairly new to Javascript, though have a good deal of experience with C# and HTML. I am having trouble getting a form to validate when it is submitted. My goal is that if a checkbox is checked (allowing the user to request more information via email) that the email address textbox should also verified to be filled out. What I have is a script in the page body, that (I believe) validates the two form elements, and the form has an onsubmit tag to run the javascript. However, everytime I run a test on the page, it submits regardless of if there is or isn't anything in the email field, with the box checked. Any guidance would be appreciated!

Code:

<script type="text/javascript"> 
function validate(){
if(document.getElementById('00N50000002tarI').value == '1' && document.getElementById('email').value == ''){
     alert('Please enter your email address');
     return false;
}
</script> 
<form class="apply_now_form" action="test.php" id="apply_now_form" method="POST" onsubmit="return validate();">

<div class="text"><label for="email">Email</label> <input id="email" type="text" name="email" maxlength="80" /></div>
<div class="check"><font color="#006e92"><input  id="00N50000002tarI" name="00N50000002tarI" type="checkbox" value="1" />*I would like to receive the latest updates via email.</font><br></div>

<div class="submit"><input class="c pill-button" type="submit" name="submit" value="Apply Now!"/></div>
</form>

Note: This form was generated by SalesForce Web-to-lead, so I cannot modify form field names, and the form is running on WordPress, in an blank page template (so there shouldn't be any WordPress code muddling with the form).

Is there a way that I can run a second set of this script on the same page at the same time?

If I want a 2nd instance of this script to run on the same page...what values would I need to rename in the 2nd instance?

When I try to place this script a second time it only shows the 2nd scripts values or banner ads... I'm trying to make a Banner rotation placement on my sites inner pages (It's a Wordpress powered site) One Set of Banners that ROTATE directly Above Another Set...

I like this script since it allows for a Random order on each page load and will ALSO cycle through Each Banner once before repeating the order, That way Each Advertiser will get seen before another is seen a second or third time...

I know there are plug-ins for wordpress for advertising, but I have not found any that will rotate out the banners every x niumber of seconds, like this does...

Is there a way that I can run a second set of this script on the same page at the same time?




<script type="text/javascript">

// Flexible Image Slideshow- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

var ultimateshow=new Array()

//ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]

ultimateshow[0]=['http://www.rockinghamcountymerchants.com/CraigTravis/CraigTravis250x250.jpg', 'http://tcraigtravis.com/', '_new']
ultimateshow[1]=['http://www.rceno.com/RCENO/bannerads/elizabethspizza/elizabethspizza250x250.jpg', 'http://www.rceno.com/RCENO/advertisers/elizabethspizza/index.html', '_new']
ultimateshow[2]=['http://www.rceno.com/RCENO/bannerads/gavinsmightychamps/gavin250x250.jpg', 'http://www.gavinsmightychamps.com/index.html', '_new']
ultimateshow[3]=['http://www.rceno.com/RCENO/bannerads/redrivergrill/RedRiver2420-250x250.jpg', 'http://www.rockinghamcountymerchants.com/redrivergrill', '_new']
ultimateshow[4]=['http://www.rceno.com/RCENO/bannerads/qualitycleaners/QC250x250-011510.jpg', 'http://www.rockinghamcountymerchants.com/qualitycleaners', '_new']








//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth="250px" //set to width of LARGEST image in your slideshow
var slideheight="250px" //set to height of LARGEST iamge in your slideshow
var slidecycles="continous" //number of cycles before slideshow stops (ie: "2" or "continous")
var randomorder="yes" //randomize the order in which images are displayed? "yes" or "no"
var preloadimages="yes" //preload images? "yes" or "no"
var slidebgcolor='white'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=9000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById
var curcycle=0

if (preloadimages=="yes"){
for (i=0;i<ultimateshow.length;i++){
var cacheimage=new Image()
cacheimage.src=ultimateshow[i][0]
}
}

var currentslide=0

function randomize(targetarray){
ultimateshowCopy=new Array()
var the_one
var z=0
while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
ultimateshowCopy[z]=targetarray[the_one]
targetarray[the_one]="_selected!"
z++
}
}
}

if (randomorder=="yes")
randomize(ultimateshow)
else
ultimateshowCopy=ultimateshow

function rotateimages(){
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer='<center>'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='<a href="'+ultimateshowCopy[currentslide][1]+'" target="'+ultimateshowCopy[currentslide][2]+'">'
ultcontainer+='<img src="'+ultimateshowCopy[currentslide][0]+'" border="0">'
if (ultimateshowCopy[currentslide][1]!="")
ultcontainer+='</a>'
ultcontainer+='</center>'
if (ie||dom)
crossrotateobj.innerHTML=ultcontainer
if (currentslide==ultimateshow.length-1) currentslide=0
else currentslide++
if (curcycle==parseInt(slidecycles) && currentslide==0)
return
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
rotateimages()
}

if (ie||dom)
window.onload=start_slider

</script>


In Other words I would have one set of 5 ads rotating and directly below it another set of 5 Ads

Hi,

I have a site that runs a javascript slideshow automatically when a user visits it.

It is designed in such a way that I cannot pre-load individual images for aesthetic reasons. (Also the whole concept makes my brain hurt.)

I therefore need 1 of 2 things:

1. A preloader that doesn't show the page or start the slideshow until all the images are loaded.

or

2. I could start with the slideshow paused, and when the page is fully loaded, the play command (currently attached to a 'play' button) is 'sent'.

(I'm not techy, so this is the best I can do as explanation.)

The latter would probably be more elegant, especially if ultimately I could hide the controls for the slideshow with a loading bar until all the html is loaded, and then show them when the slideshow starts.

I'm sorry if this is a really basic question. I tried searching the site but couldn't find anything.

If you do feel like answering, can you imagine that you are speaking to a 5 year old. Then dumb it down a bit. I need all the explanation and clarity I can get!

Thanks!

Hello,

I am trying to make a custom select menu. Here is what I have so far: http://mikewgd.com/wp-content/portfo...custom-select/ Im just stuck at getting the <li> to become selected and etc...

I am using this as reference: http://v2.easy-designs.net/articles/replaceSelect/ -- Im not using there script exactly Im doing it a different way. Im doing it more as a dropdown menu

Code:

<ul class="select">
    <li class="selected">
        cheese
        <ul class="drop">
            <li>milk</li>
            <li>bread</li>
            <li class="selected">cheese</li>
            <li>pickles</li>
            <li>salsa</li>
        </ul>
    </li>
</ul>

I wanted a custom look for my list menu.
Here is what I came up with...
http://schrene.web44.net/List-Menu.html
I created it using divs with text overflow to get the scroll bar.
Here is my code
Code:

<div id="colorList">
<center>
<div class="mySelect" onClick="myFunction()">Abalone</div>
<div class="mySelect" onClick="myFunction()">Acorn</div>
<div class="mySelect" onClick="myFunction()">Adobe</div>
<div class="mySelect" onClick="myFunction()">Allspice</div>
<div class="mySelect" onClick="myFunction()">Antarctica</div>
<div class="mySelect" onClick="myFunction()">Anthracite</div>
<div class="mySelect" onClick="myFunction()">Aqualite</div>
<div class="mySelect" onClick="myFunction()">Arctic Blueberry</div>
<div class="mySelect" onClick="myFunction()">Arctic Ice</div>
<div class="mySelect" onClick="myFunction()">Arctic Lime</div>
<div class="mySelect" onClick="myFunction()">Cilantro</div>
<div class="mySelect" onClick="myFunction()">Cinnabar</div>
<div class="mySelect" onClick="myFunction()">Clam Shell</div>
<div class="mySelect" onClick="myFunction()">Clove</div>
<div class="mySelect" onClick="myFunction()">Cobalt</div>
<div class="mySelect" onClick="myFunction()">Cocoa Brown</div>
<div class="mySelect" onClick="myFunction()">Concrete</div>
<div class="mySelect" onClick="myFunction()">Copperite</div>
<div class="mySelect" onClick="myFunction()">Cottage Lane</div>
<div class="mySelect" onClick="myFunction()">Designer White</div>
<div class="mySelect" onClick="myFunction()">Doeskin</div>
<div class="mySelect" onClick="myFunction()">Dove</div>
<div class="mySelect" onClick="myFunction()">Earth</div>
</center>
</div>

It worked great but it loses the scroll bar on iPhone.
I want something that works for mobile web as well as traditional..
Does anybody have any ideas how to create a list menu like this???
Any help would greatly be appreciated

Hi there, this is our first post, just stubmled across this awesome site. Need some help if anyone is able (and willing ).

We are trying to make the best possible shopping experience for our customers.

Objective: to give the customer a running total of what they're about to order, before they add to basket (kind of a quick quote).

if you go to our test page: http://www.gatewrights.co.uk/page87.html we have got a form (boxed in red) which does indeed put the totals (of that form) in the totals box (on our form). As you should see if you test it. Now, I need to try and work out (but am really struggling) how to get it to work with the items on our form.

Objective: to give the customer a running total of what they're about to order, before they add to basket (kind of a quick quote).

I'll post the head js code and the body js code below.

I have tried renaning the formID to 'frmOrder' (the same as the one boxed in red, and then moved that boxed one off page but it doesn't work. I suspect there is a little work to do (possibly in the value fields of our form).

Hope it is clear, and I thank you for your time so far.

--------------------------
js head code:
Code:

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

(plus)

Code:

<script type="text/javascript">
    //<![CDATA[
    window.onload = setupScripts;
    function setupScripts()
    {
         var anOrder1 = new OrderForm();
    }
    //]]>
    </script>

--------------------
js file uploaded to root directory (orderform04.js):

Code:

// mredkj.com
// OrderForm.js - v0.4
// v0.4 - 2007-02-01
// v0.3 - 2006-04-09
// v0.2 - 2006-04-08
// v0.1 - 2006-04-06

function OrderForm(prefix, precision, firstChoice) {
     
     this.prefix = prefix ? prefix : '';
     
     // ****************************
     // Configure here
     // ****************************
     // names - Set these according to how the html ids are set
     this.FORM_NAME = this.prefix + 'frmOrder';
     this.BTN_TOTAL = this.prefix + 'btnTotal';
     this.TXT_OUT = this.prefix + 'txtTotal';
     
     // partial names - Set these according to how the html ids are set
     this.CHK = this.prefix + 'chk';
     this.SEL = this.prefix + 'sel';
     this.PRICE = this.prefix + 'txtPrice';
     
     // precision for the decimal places
     // If not set, then no decimal adjustment is made
     this.precision = precision ? precision : -1;
     
     // if the drop down has the first choice after index 1
     // this is used when checking or unchecking a checkbox
     this.firstChoice = firstChoice ? firstChoice : 1;
     // ****************************
     
     // form
     this.frm = document.getElementById(this.FORM_NAME);
     
     // checkboxes
     this.chkReg = new RegExp(this.CHK + '([0-9]+)');
     this.getCheck = function(chkId) {
          return document.getElementById(this.CHK + chkId);
     };
     
     // selects
     this.selReg = new RegExp(this.SEL + '([0-9]+)');
     this.getSelect = function(selId) {
          return document.getElementById(this.SEL + selId);
     };
     
     // price spans
     this.priceReg = new RegExp(this.PRICE + '([0-9]+)');
     
     // text output
     this.txtOut = document.getElementById(this.TXT_OUT);
     
     // button
     this.btnTotal = document.getElementById(this.BTN_TOTAL);
     
     // price array
     this.prices = new Array();
     
     var o = this;
     this.getCheckEvent = function() {
          return function() {
               o.checkRetotal(o, this);
          };
     };
     
     this.getSelectEvent = function() {
          return function() {
               o.totalCost(o);
          };
     };
     
     this.getBtnEvent = function() {
          return function() {
               o.totalCost(o);
          };
     };
     
     /*
      * Calculate the cost
      *
      * Required:
      * Span tags around the prices with IDs formatted
      * so each item's numbers correspond its select elements and input checkboxes.
      */
     this.totalCost = function(orderObj) {
          var spanObj = orderObj.frm.getElementsByTagName('span');
          var total = 0.0;
          for (var i=0; i<spanObj.length; i++) {
               var regResult = orderObj.priceReg.exec(spanObj.id);
               if (regResult) {
                    var itemNum = regResult[1];
                    var chkObj = orderObj.getCheck(itemNum);
                    var selObj = orderObj.getSelect(itemNum);
                    var price = orderObj.prices[itemNum];
                    var quantity = 0;
                    if (selObj) {
                         quantity = parseFloat(selObj.options[selObj.selectedIndex].text);
                         quantity = isNaN(quantity) ? 0 : quantity;
                         if (chkObj) chkObj.checked = quantity;
                    } else if (chkObj) {
                         quantity = chkObj.checked ? 1 : 0;
                    }
                    total += quantity * price;
               }
          }
          if (this.precision == -1) {
               orderObj.txtOut.value = total
          } else {
               orderObj.txtOut.value = total.toFixed(this.precision);
          }
     };

     /*
      * Handle clicks on the checkboxes
      *
      * Required:
      * The corresponding select elements and input checkboxes need to be numbered the same
      *
      */
     this.checkRetotal = function(orderObj, obj) {
          var regResult = orderObj.chkReg.exec(obj.id);
          if (regResult) {
               var optObj = orderObj.getSelect(regResult[1]);
               if (optObj) {
                    if (obj.checked) {
                         optObj.selectedIndex = orderObj.firstChoice;
                    } else {
                         optObj.selectedIndex = 0;
                    }
               }
               orderObj.totalCost(orderObj);
          }
     };
     
     /*
      * Set up events
      */
     this.setEvents = function(orderObj) {
          var spanObj = orderObj.frm.getElementsByTagName('span');
          for (var i=0; i<spanObj.length; i++) {
               var regResult = orderObj.priceReg.exec(spanObj.id);
               if (regResult) {
                    var itemNum = regResult[1];
                    var chkObj = orderObj.getCheck(itemNum);
                    var selObj = orderObj.getSelect(itemNum);
                    if (chkObj) {
                         chkObj.onclick = orderObj.getCheckEvent();
                    }
                    if (selObj) {
                         selObj.onchange = orderObj.getSelectEvent();
                    }
                    if (orderObj.btnTotal) {
                         orderObj.btnTotal.onclick = orderObj.getBtnEvent();
                    }
               }
          }
     };
     this.setEvents(this);

     /*
      *
      * Grab the prices from the html
      * Required:
      * Prices should be wrapped in span tags, numbers only.
      */
     this.grabPrices = function(orderObj) {
          var spanObj = orderObj.frm.getElementsByTagName('span');
          for (var i=0; i<spanObj.length; i++) {
               if (orderObj.priceReg.test(spanObj.id)) {
                    var regResult = orderObj.priceReg.exec(spanObj.id);
                    if (regResult) {
                         orderObj.prices[regResult[1]] = parseFloat(spanObj.innerHTML);
                    }
               }
          }
     };
     this.grabPrices(this);
     
}

---

Now I hope this makes sense, and really appreciate any help you can offer. If anything is unclear, please let me know.

ps is it something to do with "* Prices should be wrapped in span tags, numbers only."??

Have spent over 40 hours trying to make something like this work. Any help will be received with profound gratitude.
Code:

	<!-- First, we reference a script whose purpose is to create
		a space for session variables similar to cookies.  Works 
		if it appears early in body of Drupal page, so this is not the issue
		(Drupal parses pages down for display so there is no user <head> tag). -->
<script type="text/javascript" src="sessvars.js"></script>
<script language = "javascript">

	<!-- We create the variable whichpage because we will be creating a
			session variable sessvars.whichpage courtesy of the sessvars.js script-->
var whichpage;

	<!-- Next, we create a lookup table: -->
var myTable = new Array();
myTable[1] = "001_Front_Cover_jpg.jpg";
myTable[2] = "002_Inside_Front_Cover_jpg.jpg";
myTable[3] = "003_Frontispiece_Design_jpg.jpg";
</script>

	<!-- Next, we create a table with thumbnails;  each thumbnail image is a
		hyperlink which, onClick, is supposed to run a script assigning a value
		to sessvars.whichpage, so when Drupal node 23 is reached, it can use the
		value of sessvars.whichpage to select the array (myTable) element
		which corresponds to the full-sized picture we want to load.  Node 23
		also has the lookup array (myTable).  The node inserts the snippet contained
		in the myTable element into a URL of the picture to load. -->

	<!-- Here we define the table -->

	<!-- Next, we have a series of hyperlinks which present the table with
		thumbnails so clicking on the thumbnail assigns a value to sessvars.
		whichpage and then transfers to the node that uses that value: -->
<a href="23" onClick="<script language = 'javascript'> sessvars.whichpage=1; </script>" <img>  </img> </a>
<a href="23" onClick="<script language = 'javascript'> sessvars.whichpage=2; </script>" <img>  </img> </a>
<a href="23" onClick="<script language = 'javascript'> sessvars.whichpage=3; </script>" <img>  </img> </a>

	<!-- The problem is that this flat does not work.  When we get to node 23
		sessvars.whichpage shows as undefined.  It used to work when I called a
		function instead of put the script into each link, but I found there was
		no simple way to get the value (1,2,3 etc.) to the function -->

Is there an answer. Thank you so much in advance.

Leon Malinofsky

Currently we have an implementation of Lightbox (not sure which version) on our site that aids in the process of a voting system. I wasn't around when it was created, and after creating a new version of the site, have no idea how to re-integrate it so I was hoping some seasoned JS people out there can help me.

Now what happens is that people go to the voting page where the list is populated with entries from a mysql db. The names are clickable and, when clicked, a lightbox should show up with the information about the person and have a vote and close button. The vote button, when pressed, should tick a single vote back in the mysql db, and then take them to a "Thank you for voting, here are the current top 10" type page. That's the overall function.

Here's what information I do have so far:
In the root directory there's a folder named templates Inside of that, there's a folder called Lightbox inside of Lightbox, there are 3 folders [css, images, and js] The *.js folder has [builder.js, effects.js, lightbox.js, prototype.js and scriptaculous.js] inside
When clicking on a name, however, it just takes me to the image as if it's directly linked instead of opening up the Lightbox. So I need some help getting this to work.

I am trying to implement a credit card check function in the validation script.
But whenever i enable the function it bypasses all previous validation checks and just inputs the data, where am i going wrong with this function?

Code:

function CheckCreditCard(cardtype, cardnumber)
{
var frm = document.forms["OrderForm"];
  if (cardtype == "Visa") {
      var re = /^4\d{3}-?\d{4}-?\d{4}-?\d{4}$/;
   } else if (cardtype == "Master Card") {
      var re = /^5[1-5]\d{2}-?\d{4}-?\d{4}-?\d{4}$/;
   } else if (cardtype == "American Express") {
      var re = /^3[4,7]\d{13}$/;
   } 
   if (!re.test(cardnumber)) return false;
   cardnumber = cardnumber.split("-").join("");
   var checksum = 0;
   for (var i=(2-(cardnumber.length % 2)); i<=cardnumber.length; i+=2) {
      checksum += parseInt(cardnumber.charAt(i-1));
   }
   for (var i=(cardnumber.length % 2) + 1; i<cardnumber.length; i+=2) {
      var digit = parseInt(cardnumber.charAt(i-1)) * 2;
      if (digit < 10) { checksum += digit; } else { checksum += (digit-9); }
   }
   if ((checksum % 10) == 0) 
   return true; 
   else 
   sfm_show_error_msg('error message goes here');
   return false;
}

HTML Code is:
Code:

<script language="JavaScript" type="text/javascript">
 var frmvalidator  = new Validator("OrderForm");
 frmvalidator.EnableOnPageErrorDisplaySingleBox();
 frmvalidator.EnableMsgsTogether();
 frmvalidator.EnableFocusOnError(false); 
 
// other attributes went here but were removed 
 
  frmvalidator.setAddnlValidationFunction("CheckCreditCard"); 
</script>

FULL Javascript:
Attached at a txt file, was too large to post here.

i have two scripts using jquery 1) custom scrollbar content 2) fade in out slideshow. they both work individually well. but when i put them together on one page the customscrollbar doesnt work. here are sample scripts 1) http://jsfiddle.net/3PaNV/ 2) http://jsfiddle.net/BM3S3/1/ 3) http://jsfiddle.net/MP6Lt/

Thanks for any suggestions or help in advance

I am not very knowledgeable with javascript. I have the following code pasted into my website and it works, but I want to modify it in the following ways:

1) I want the text to only scroll for a maximum of two visible lines at a time.

2) I want the text to scroll only once and then remain in place.

3) I want the text color to be grey (#ABABAB)

---------------------
Here is the code I am using:
---------------------

<script type="text/javascript">
window.onload = WindowLoad;
var _hsSpeed=50; //lower value means faster speed!
var _hsData=new Array();
var _hsCounter=0;
function WindowLoad(event) {
InitializeHorizontalScroll();
}

function InitializeHorizontalScroll() {
var arrElements = document.getElementsByTagName("span");
for (var i=0; i<arrElements.length; i++) {
var element=arrElements[i];
if (element.getAttribute("horizontalscroll") == "1") {
_hsData[_hsCounter] = new Array();
_hsData[_hsCounter]["element"] = element;
_hsData[_hsCounter]["text"] = FindInnerText(element);
_hsData[_hsCounter]["index"] = 0;
_hsCounter++;
}
}
if (_hsCounter > 0)
window.setTimeout("HorizontalScrollTimer();", 100);
}
function HorizontalScrollTimer() {
for (var i=0; i<_hsData.length; i++) {
var element = _hsData[i]["element"];
var strText = _hsData[i]["text"];
var index = parseInt(_hsData[i]["index"]);
element.innerHTML = strText.substr(0, index+1);
index++;
if (index >= strText.length)
index = 0;
_hsData[i]["index"] = index;
}
window.setTimeout("HorizontalScrollTimer();", _hsSpeed);
}

function FindInnerText(objControl, innerText, nestingLevel)
{
if ((typeof nestingLevel != "undefined")&&(nestingLevel > 100))
return innerText;

if (typeof innerText == "undefined")
innerText = "";

if (!objControl)
return innerText;

if (typeof nestingLevel == "undefined")
nestingLevel = 0;

var text=objControl.nodeValue;
if (!text)
text = "";
if (objControl.nodeName.toLowerCase() == "br")
return "\n";


for (var i=0; i<objControl.childNodes.length; i++)
{
text += FindInnerText(objControl.childNodes[i], objControl.childNodes[i].nodeValue, nestingLevel+1);
}

return text;
}
</script>

---------------------
And this is inserted in the body of the page:
---------------------

<span horizontalscroll="1" style="font-family: helvetica;text-transform: uppercase;font-size: 10; letter-spacing: 3; font-color: #ABABAB;">text content</span>

---------------------
Thank to anyone who can assist.
---------------------

I am having trouble implementing this script.

I am not a coder so please give exact, idiot proof advise. :-)

Thank You.

<script>
(function() {
var cx = 'user_id:field_id1';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);

// This basically takes the value of the radio button (requires jQuery)
$("input:radio[name='GCSField']").change(function() {
cx = $(this).val();
});

})();
</script>
<label for="user1">
<input name=GCSField id="user1" type="radio" value="user_id:field_id1" checked >User Field 1 </label>
<label for="user2">
<input name=GCSField id="user2" type="radio" value="user_id:field_id2">User Field 2 </label>

<gcse:search></gcse:search>

Here is my html.

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
<!--[if lt IE 9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<title>TEST</title> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content=" width=device-width, initial-scale=1"><meta name="HandheldFriendly" content="true"><meta name="MobileOptimized" content="320">
<style>body{width:100%;max-width:25em;margin-left:auto;margin-right:auto;font-family:Verdana,'Palatino Linotype',Palatino,'Book Antiqua',Arial,Helvetica,sans-serif;text-align:justify;font-size:105%;background-color:#000;background:#000;}p{margin-bottom:1%;}strong{font-size:115%;font-weight:bold;}a{line-height:200%;text-decoration:underline;color:#0007C6;}article{margin: 0 0 1% 0; color:#000;background:#FEE800;background-color:#FEE800; text-align: center;}</style>
</head><body>
<article>
<div><script>
(function() {
var cx = 'user_id:field_id1';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);

// This basically takes the value of the radio button (requires jQuery)
$("input:radio[name='GCSField']").change(function() {
cx = $(this).val();
});

})();
</script>
<label for="user1">
<input name=GCSField id="user1" type="radio" value="011565775292567206849:xkh-s7ljiug" checked >User Field 1 </label>
<label for="user2">
<input name=GCSField id="user2" type="radio" value="partner-pub-4173665486685435:n2tml3-z5vf">User Field 2 </label>
<gcse:search></gcse:search></div>
<div><gcse:searchresults></gcse:searchresults></div>
</article>
</body></html>

Here is the above page off a server TEST

Thanks again.

Hi all:

I've got a script that reads a line of text from a file, and does a bit of parsing to that line into an array. Apparently, this can take some time, so I get the "Stop running this script?" message.

From what I understand, I need to use the setTimeout call, but for the life of me can't understand it. When I do add it to some code, it seems to work, but doesn't "pause" the code as I expect it too...

Code:

function ReadFile(Fname)
			{

				var path = "y:\\metrics\\";
				var file, x=0, ForReading=1;
				file = fso.OpenTextFile(path+Fname, ForReading, false);



				do
				{
					var fileLine = file.readline();
					var arrSplit = GetItems(fileLine);

				}
				while (!file.AtEndOfStream);

				file.close();


				return(x);



			}




			function GetItems(recordLine)
			{
				var ItemsTemp=[];
				var finishString, itemString, itemIndex, charIndex, inQuote, testChar;

				inQuote = false; charIndex= 0; itemIndex=0; itemString = ""; finishString = false;


				var count = 0;
				do
				{
					if (++count >= 100)
					{
						delay = setTimeout("", 1, []);
						count = 0;
						return;
					}
					testChar = recordLine.substring(charIndex,charIndex+1);
					finishString = false;

					if (inQuote)
					{
						if (testChar == "\"")
						{
							inQuote = false;
							finishString = true;
							++charIndex;
						}
						else
						{
							itemString = itemString + testChar;
						}
					}
					else
					{
						if (testChar == "\"")
						{
							inQuote = true;
						}
						else if (testChar == ",")
						{
							finishString = true;
						}
						else
						{
							if (testChar == "=")
							{
								testChar = "";
							}
							itemString = itemString + testChar;
						}
					}
					
					if (finishString)
					{
						ItemsTemp.push(itemString);
						itemString = "";
						++itemIndex;
					}

					++charIndex;
				}
				while (charIndex <= recordLine.length);

				return(ItemsTemp);
			}

Any help would be greatly appreciated!

Thanks,
Max

The script inside my opening if statement is working, but is the rest of this written right? I'm just want my script to run after it makes sure that a div class named single-journal-entry-wrapper is on the page.

Code:

function doit() {
	
	document.getElementsByTagName("div")
	for ( var x = 0; x < div.length; x++ )
       {
           var div = div[x];
           if ( div.className.indexOf("single-journal-entry-wrapper") >= 0 )
                { do somethang!}
       }
}


{