JavaScript - Javascript In Head For Description

Dim d
set mw=CreateObject("Word.Application")
set d=Description.Create
d("micclass").value="Link"
set a=Browser("Google").page("Google").childobjects(d)
for i=0 to a.count-1
mw.WordBasic.filenew
s=a(i).getROProperty("innertext")
mw.WordBasic.insert s
if mw.ActiveDocument.Spellingerrors.count>0 then
Reporter.ReportEvent 1,"Spelling","spelling error :"&s
end if
mw.ActiveDocument.Close(False)
next
mw.quit
set mw=nothing

I have an iFrame that is loaded when a user types a url into a text box. Is it possible to display the meta-description of the page that is diplayed in the iFrame in the main (parent) page ?

Here is the Iframe code I am using in the body:

Code:

<iframe src="http://www.mhgoebel.com" frameborder="0" id="frame" width="320" height="356" scrolling="no">
</iframe>

and here is the script in the header:

Code:

<script>
    function goTo() {
        var input = get("box").value,
            frame = get("frame");

        if(input.match(/\bhttp(.)*/)) {
            frame.src = input;
        } else {
            input = "http://" + input;
            frame.src = input;
        }      
    }

    function get(id) {
        return document.getElementById(id);    
    }  
</script>

The very basic onclick code I threw together:
Code:

function descw()
{
	document.getElementById("desc").style.display="block";

}

function descc()

{
	document.getElementById("desc").style.display="none";
}

The div that needs a description...
Code:

<div class="select"><img src="image.jpg" onclick="descw()"></div>

..and the actual description div.
Code:

<div id="desc">
<img  src="close.jpg" onclick="descc">
<p>Description</p>
</div>

This works, but I have a whole class of divs named select that need their own individual description divs. Id method is okay for one div apparently, but if I click on others it loads the first description div. What do I use instead? I tried getElementsByName and Atrribute and got an error.

hi, all... haven't found exactly the solution here, and trying to cobble something together but it's just not working.

php is doing the heavy lifting in terms of generating the code, but the upshoot is i have a script:

Code:

	<script type="text/javascript">
				var values[1] = "This layout includes a 'title' and 'body' content block.";
				var values[2] = "This layout features everything included in the Standard Page layout as well as a 'comments' block.";
			 function replaceText( var_id) {
				document.getElementByID(pageLayout_replace).innerHTML = values[var_id];
			}
		</script>

and a select box:

Code:

			<fieldset>
				<legend>Page Layouts</legend>
				<label for="pageLayout" class="half left">Choose a page layout<br />

					<select name="pageLayout" id="pageLayout" size="5" onChange="replaceText(this.options[this.selectedIndex]);">
						<option value="1">Standard Page</option>
<option value="2">Standard Page w/Comments</option>
					</select>
				</label>
				<label class="half right">
					Page Layout Description:<br />
					<span id="pageLayout_replace">Click on a page layout title to the left to get a description here.</span>

				</label>
			</fieldset>

however, the error console in firefox says

Code:

Error: missing ; before statement
Line: 14, Column: 8
Source Code:
    var values[1] = "This layout includes a 'title' and 'body' content block.";

and then when i try to select one of the items,

Code:

Error: replaceText is not defined
Line: 1

any insight? thanks in advance!

Hey guys

I'm trying to figure out the best/easiest/fastest way to accomplish this task:


I have a csv file
I need to generate an HTML item description based on the infomation in this csv

Here is an example:

ITEM NAME, ITEM TITLE, MANUFACTURE, CONDITION, LAST PHOTO LINK,

I would then need the script to generate the HTML markup
AND
I will also need the script to determine if the last photo in the list is photo "c"
and then create the links for photos a-c

ie:

<b>ITEM NAME<b><br>
<i>ITEM TITLE</i><br>
<img src="photoa.jpg"><img src="photob.jpg"><img src="photoc"><br><br>


ect....



I'm sure there is a good way to do this I'm just not sure which language will be the easiest to do it in. If there is a way to use java I am most familiar with java.

I would also like the script to export the data in a csv file as well if possible.

Thanks for any advice guys!

Please if you have any reference links post them!

Is there a way to load up an external JS file outside of the head tag? I've got an "AJAX" web app that's loading several pages simply by changing the innerHTML property of a single div. The JS source is getting to be rather large, so I'd like to split it up into manageable, organized portions. Is there some way to, using javascript or PHP, load another javascript into the browser dynamically?

http://www.masterclock.com/newContac...help/david.php
I have a page with 3 forms. I've got javascript making them appear and disappear with buttons at the top.
I mostly copied this guy's form:
http://tetlaw.id.au/view/javascript/...eld-validation
I added some conditional checkboxes using wform javascript library.
my problem is that i need my reset button to a)reset the fields and b)re-hide the conditional fields.
It works with the sales form and the catalog form (the catalog from doesn't use the conditional fields) but for some reason the request a quote form is convinced .request isn't a function. Even though it is using the same function as the sales form only it is pushing it's form id to it.
what the heck am i doing wrong? And how awful and waste of space is my code?

Hello All,

I am having a few issues. I have added a piece of code in and it doesn't seem to be working. I have highlighted this in bold. Any Ideas?

<html>
<body>
<SCRIPT LANGUAGE="JavaScript">
<head>
<TITLE>Find the Correct Number Game</TITLE>
</head>


a=(prompt('please enter your name:',0)); // prompt for player name

document.write(' Hello ' ,a);


var guessme=Math.round(Math.random()*(49)+1);
var speech='Choose a number between 1 and 50';

function process(hiddennumber) {
var guessnumber=document.forms.guesstable.guessnumber.value;
var speech='"'+guessnumber+ '" Letters are not allowed. Please enter digits only!.';
document.forms.guesstable.guessnumber.value='';

if (guessnumber==hiddennumber)
{
document.forms.guesstable.prompt.value='Congratulations! '+hiddennumber+' is correct!';
alert ('Well done - the mystery number is '+hiddennumber+'! \n\nIf you want to play again click the button.');
speech='';
document.location=document.location;
}

if (hiddennumber<guessnumber)
{
speech='Less than '+ guessnumber;
}

if (hiddennumber>guessnumber)
{
speech='Greater than '+ guessnumber;
}

if (guessnumber=='')
{
speech='You didn\'t guess anything!'
}

document.forms.guesstable.prompt.value=speech; document.forms.guesstable.guessnumber.focus();

}


</SCRIPT>
</body>
</html>

<FORM onSubmit="" NAME="guesstable">
<CENTER>
<TABLE ALIGN="left" BGCOLOR="#888889" BORDER="5" CELLPADDING="5">
<TR>
<TD BGCOLOR="#004081">
<FONT COLOR="#ffffff" FACE="Arial"><B>Find the Correct Number</B></FONT>
</TD>
</TR>
<TR>
<TD>
<CENTER>
<INPUT TYPE="text" NAME="prompt" SIZE="31" MAXLENGTH="60" VALUE="Find the correct number which is between 1 and 50"><BR>
<INPUT TYPE="text" NAME="guessnumber" SIZE="3" MAXLENGTH="3" VALUE="">
<INPUT TYPE="button" VALUE="Enter" onClick='process(guessme)'>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</FORM>

Hello,

I have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.

Here is the code that I have that flips the text:
Code:

<script type="text/javascript">
function tabOver(which)
{
    for ( var d = 1; d <= 31; ++d )
    {
        document.getElementById("TAB"+d).style.display 
           = ( d == which ) ? "block" : "none";
    }
}
</script>

and here is the bit that flips the pics:
Code:

<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("photos/aes1.jpg","photos/aes2.jpg","photos/aes3.jpg","photos/aes4.jpg","photos/aes5.jpg")
</script>

And here is the html where they show up:
Code:

<div id="mainimg-staff"><a href="javascript:warp()"><img src="img/select-aes.gif" name="targetimage" border=0></a>

<div id="TABHOLDER">
	
    <div id="TAB1" class="tabbed" style="display: block;">
       &nbsp;
    </div>


   <div id="TAB2" class="tabbed">
       <h1>Cheryl Lyon</h1>
<ul>
	<li> Basic facials and skin treatments
	<li> Waxing
	<li> Specializing in naturopathic facial treatments
</ul>
    </div>


<div id="TAB3" class="tabbed">
       <h1>Jackie T.</h1>
<ul>
	<li> 10+ years experience
	<li> Facials and skin treatments
	<li> Waxing
	<li> Specializing in <em>Extreme</em> eyelash extensions
</ul>
    </div>

(there are a lot more text bits but I only included 2 to keep this short)

Finally, here is the link that is making all this wonderful stuff happen:
Code:

<div style="left: 100px;" onmouseover="tabOver(2);"><a href="staff-aes.shtml" onMouseover="changeimage(myimages[0],this.href)">Cheryl Lyon</a></div>

Do you see how I combined the pic and text in one code? I promise you that it is on accident that this is working at all.

Could this be a style issue and not a javascript issue? I can't find anything in my css that will fix this.

Hi, I am just about at wits end, and I am hoping someone here will be able to assist. I've searched and searched and have come close but to no avail. I found a nice image gallery code from "David's Kitchen" http://monc.se/kitchen/80/lightweigh...ith-thumbnails and have tweaked it to eactly what I wanted, however, I want to add an image caption of the alternate image text below the active picture. I've tried everything I could think of (with my limited knowledge) with no success. Any help would be GREATLY appreciated.

Here is the code I have:

Code:

<html>
<head>
    <style media="screen,projection" type="text/css">

/* begin gallery styling */
#jgal { list-style: none; width: 400px; position: relative; top: -12px; left: 40px; }
#jgal li { opacity: .5; float: left; display: block; width: 80px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { width: 80px; height: 60px; }
#jgal li.active img { display: block; float: left; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

    </style>
    <!--[if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal li { filter: alpha(opacity=50); }
        #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
    </style>
	<![endif]-->
    <script type="text/javascript">        document.write("<style type='text/css'> #gallery { display: none; } </style>");</script>
    <!--[if lt IE 6]><style media="screen,projection" type="text/css">#gallery { display: block; }</style><![endif]-->
    <script type="text/javascript">
        var gal = {
            init: function () {
                if (!document.getElementById || !document.createElement || !document.appendChild) return false;
                if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
                var li = document.getElementById('jgal').getElementsByTagName('li');
enlargedImg = document.createElement('img');
document.getElementById('jgal').parentNode.insertBefore(enlargedImg,document.getElementById('jgal').nextSibling);
enlargedImg.src = li[0].getElementsByTagName('img')[0].src;
  li[0].className = 'active';
  for (i = 0; i < li.length; i++) {
    li[i].style.backgroundRepeat = 'no-repeat';
    li[i].title = li[i].getElementsByTagName('img')[0].alt;
    gal.addEvent(li[i], 'mouseover', function () {
       var im = document.getElementById('jgal').getElementsByTagName('li');
       for (j = 0; j < im.length; j++) {
          im[j].className = '';
                        }
                        this.className = 'active';
enlargedImg.src = this.getElementsByTagName('img')[0].src;
              });
           }
        },
      addEvent: function (obj, type, fn) {
             if (obj.addEventListener) {
                 obj.addEventListener(type, fn, false);
           }
            else if (obj.attachEvent) {
                obj["e" + type + fn] = fn;
                obj[type + fn] = function () { obj["e" + type + fn](window.event); }
                obj.attachEvent("on" + type, obj[type + fn]);
        }
    }
        }
        gal.addEvent(window, 'load', function () {
            gal.init();
        });
    </script>
</head>
<body>
<ul id="gallery">
    <li><a href="/bmfsweb/esg/image/Vactor Images2/industrial.htm" rel="nofollow" target="_blank"><img src="/bmfsweb/esg/image/Vactor Images2/2100_PLUS_PD_400w.jpg" alt="2100 Plus PD"></a></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/2100_Plus_Fan_400w.JPG" alt="2100 Plus Fan"></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/2103_400w.jpg" alt="2103"></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/F_Series_400w.jpg" alt="Front Hose Reel Jetter"></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/Jetter_shrouded_400w.JPG" alt="Rear Hose Reel Jetter"></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/2100_PD_400w.JPG" alt="2100 Classic PD"></li>
    <li><img src="/bmfsweb/esg/image/Vactor Images2/2100_fan_400w.JPG" alt="2100 Classic Fan"></li>

</ul>
</body>
</html>

Again, any help is greatly appreciated.

Thanks,

Ben.

Hello and thanks for letting me on this forum!

Im pretty new to JScript and I am still getting used to it all.

I am trying to make a Website that allows values to be selected from one form, transferred to the next form as a summary and then completed.

The values are sent to the page fine but my Validation is broken.

Here is my LINK code
In the Form
Code:

<form id="Tickets" onsubmit="return ValidateForm()" action="Details.html">

And in the Submit Button
Code:

<input type="submit" id="OrderTickets"  value="Order Tickets" onclick="return ValidateForm()" >

My validation is as follows

Code:

<script type = "text/javascript">


function ValidateForm() {

    if( document.getElementById('DepartingStation').selectedIndex == " ")
   {
     alert( "Please provide a Departing Station!" );
     document.getElementById('DepartingStation').focus() ;
     return false;

	
   }
     if( document.getElementById('ArrivingStation').selectedIndex == " ")
   {
     alert( "Please provide an Arriving Station!" );
     document.getElementById('ArrivingStation').focus() ;
     return false;
   }
 var Depart = document.getElementById('DepartingStation').value;
 var Arriv = document.getElementById('ArrivingStation').value;
 if( Depart==Arriv){
 alert( "Train cannot depart and arrive at the same station!" );
  return false;
 }
if ( document.getElementById('ReturnTravel').checked=true;  {
  var valueDate = document.getElementById('OutwardDate').value;
 if ( valueDate== null || valueDate== '')
{
    alert('Please provide an Outward Travel Date!');
    return false;
}
}
var valueRetDate = document.getElementById('ReturnDate').value;
if ( document.getElementById('ReturnTravelType').checked==true && (valueRetDate== null || valueRetDate== '' )) 
{
   alert('Please provide a Return Travel Date!');
   return false;
}



}

Id appreciate any help anyone can share on this! Thanks.

Hello,

I am new here. I am having problems with a talking head video on my website www.getvms.com. A young woman pops up and speaks and then when you click on her a form to fill out is supposed to pop up. It works perfect in chrome and FF, but in IE the video just closes. Can someone tell me why that is? Or at least some type of direction? I found that when the script is in there twice it works, but of course that cause the video to echo.

Here is the code for the page....

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html><head>

<meta name="verify-v1" content="+E5zkaC6JxDkzTZkPgdW9Gmj8aIXPzDPpIpeBsUDi0s=" >
<title>VMS - Velocity Merchant Services - Downers Grove, IL</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Velocity Merchant Services of Downers Grove, IL offers credit card processing for Visa, MasterCard, American Express, and Discover allowing businesses to accept credit cards and debit cards.">
<meta name="keywords" content="VMS, Velocity Merchant Services, Credit Card Terminals, Downers Grove Merchant Services, Oakbrook Merchant Services, Accept Credit Cards, Accept Debit Cards, Credit Card Processing, Merchant Service Provider, Merchant Card Services, Downers Grove Business Service, Oakbrook Business Service">
<meta http-equiv="content-language" content="en-us">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index, follow">
<meta name="revisit-after" content="10 days">
<meta name="author" content="Velocity Merchant Services - VMS">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="menu/imenus0.css" type="text/css">
<link rel="stylesheet" href="cssverticalmenu.css" type="text/css">
<script src="swfobject.js" type="text/javascript"></script>

<link rel="icon" href="/favicon.ico" type="image/x-icon">





</head>

<body>

      <div id="container">
<div id="logo"><img src="images/logo.gif" alt="Logo"></div>

<table width="781" border="0" align="center" cellpadding="0" cellspacing="0" style=" margin-top:10px; background:url(images/nav-bkgd.gif) no-repeat center top;">

        
  <tr>
    <td><script language="JavaScript" src="menu/imenus0.js" type="text/javascript"></script></td>
  </tr>
</table>
<table width="781" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="781" colspan="3">  <div id="flasher"><img src="images/photo-home.jpg" alt="Velocity Merchant Services" width="781" height="164"></div>
    <script type="text/javascript">
				var so = new SWFObject("flash_final.swf", "flash_content", "781", "222", "8");
				so.addParam("wmode","transparent");
				so.write("flasher");		
			</script></td>
  </tr>
</table>
<table width="781" border="0" align="center" cellpadding="5" cellspacing="0">
  <tr>
    <td width="381" valign="top"><a href="about.html" onMouseOver="Tip('<b>Phone:</b> <br> (888) 902.6227 <br> <br> <b>Address:</b> <br> Velocity Merchant Services <br> 3051 Oak Grove Dr. (Second Floor) <br> Downers Grove, IL 60515')">
      <h3> Welcome To Velocity Merchant Services </h3> 
      Velocity Merchant Services  </a> is a direct processor for Visa, MasterCard, American Express and Discover. Offering multiple payment options for your customers is the first step to increasing your company's cash flow.</p>
      <p>At VMS we will not only approve you to accept credit cards and debit cards from your customer; but we will help implement proven marketing strategies to help your business grow!<span class="style1"><br>
      </span></p>
</td><td width="380" valign="top"><h3> Are You PCI Compliant?</h3> 
      <P>Make sure your business is compliant with the latest PCI (Payment Card Industry) Data Security Standards to ensure your customers' confidential information is trasmitted in the most secure environment possible. <a href="/pci">Take our quick survey</a> and avoid non-compliance penalties.</P> 
      <P><a href="/pci"><u>Take The PCI Compliance Survey</u></a>!</P>
      </td>
  </tr>
  <tr>
    <td colspan="2" valign="top">&nbsp;</td>
  </tr>
</table>
<table width="781" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="196" align="center" valign="top"><table width="191" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" class="mainmenu" style="background-image:url(images/box-top.gif); background-position:top"><h2><a href="agent-services.html">Agent Services</a></h2></td>
      </tr>
      <tr>
        <td valign="top" style="background-image:url(images/box-bkgd.gif); background-position:top center; background-repeat:no-repeat;">
		  <div class="List">
		    <ul>
		      <li><a href="become-a-partner.html">Become a Partner</a></li>
		      <li><a href="value-added-services.html">Programs &amp; Services</a></li>
		      <li><a href="login.html">ISO Sales Agent Sign Up</a></li>
		      <li><a href="news.html">News</a></li>
		      <li><a href="resource-center.html">Resource Center</a></li>
		      <li><a href="careers.html">Careers</a></li>
		    </ul>
		  </div>		  </td>
      </tr>
    </table>      </td>
    <td width="195" align="center" valign="top"><table width="191" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" class="mainmenu" style="background-image:url(images/box-top.gif); background-position:top"><h2><a href="existing-merchants.html">Existing Merchants</a></h2></td>
      </tr>
      <tr>
        <td align="center" valign="top" style="background-image:url(images/box-bkgd.gif); background-position:top center; background-repeat:no-repeat;">
        <div class="List">
          <ul>
            <li><a href="service-upgrade.html">Service Upgrades / Additions</a></li>
            <li class="list-spacing"><a href="customer-service.html">Tech Support /
              Customer Service</a></li>
            <li><a href="order-free-supplies.html">Order Free Supplies</a></li>
            <li><a href="american-express-card.html">American Express Card</a></li>
            <li><a href="referralprogram.html">Referrals</a></li>
            <li><a href="faq.html">FAQ's</a></li>
          </ul>
        </div></td>
      </tr>
    </table></td>
    <td width="195" align="center" valign="top"><table width="191" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" class="mainmenu" style="background-image:url(images/box-top.gif); background-position:top"><h2><a href="value-added-services.html">Value Added Services</a></h2></td>
      </tr>
      <tr>
        <td align="center" valign="top" style="background-image:url(images/box-bkgd.gif); background-position:top center; background-repeat:no-repeat;">


        <div class="List">
          <ul>                <li><a href="vms-fast-cash.html">Cash Advances</a></li>
<li><a href="gift-cards.html">Gift Cards</a></li>
            <li><a href="web-development.html">Web Development</a></li>
            <li><a href="check-services.html">Guarantee Check Service</a></li>
            <li><a href="eletronic-benefits-transfer.html">Electronic Benefit Transfer</a></li>
            <li><a href="business-cards.html">Business Cards</a></li>
            <li><a href="http://www.getvms.com/icharge/">iCharge</a></li>
          </ul>
        </div></td>
      </tr>
    </table></td>
    <td width="195" align="center" valign="top"><table width="191" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" class="mainmenu" style="background-image:url(images/box-top.gif); background-position:top"><h2><a href="merchant-services.html">Merchant Services</a> </h2></td>
      </tr>
      <tr>
        <td align="center" valign="top" style="background-image:url(images/box-bkgd.gif); background-position:top center; background-repeat:no-repeat;">
        <div class="List">
          <ul>
            <li><a href="retail.html">Retail</a></li>
            <li><a href="restaurant.html">Restaurant</a></li>
            <li><a href="health-pharmaceuticals.html">Health/Pharmaceuticals</a></li>
            <li><a href="service.html">Service</a></li>
            <li><a href="mail-order.html">Mail Order / Telephone Order</a></li>
            <li><a href="ecommerce.html">eCommerce</a></li>
          </ul>
        </div></td>
      </tr>
    </table></td>
  </tr>
</table>
<br>
<table width="781" border="0" align="center" cellpadding="20" cellspacing="0" style="background-image:url(images/footer-bkgd.gif); background-repeat:no-repeat" id="footer">
  <tr>
    <td width="541" align="center" valign="middle"><p><a href="index.html">Home</a> :: <a href="about.html">About VMS</a> :: <a href="merchant-services.html">Merchant Services</a> :: <a href="web-development.html">Web Development</a> :: <a href="vms-fast-cash.html">Cash Advances</a><br>
      <a href="credit-card-terminals.html">Credit Card Terminals</a> :: <a href="request-information.php">Request Info</a> ::<a href="contact.html"> Contact</a> :: <a href="privacy-policy.html">Privacy Policy</a></p>
      <p>&copy; 2010 Velocity Merchant Services. VMS is a registered ISO and MSP of HSBC Bank, USA<br>
    National Association, Buffalo, NY</p></td> <td width="160" align="center" valign="middle"><p>Velocity Merchant Services<br>
      3051 Oak Grove Road<br>
      Downers Grove, IL 60515<br>
    Phone: (888) 902.6227<br>
    Fax: (888) 902.6229</p></td>
  </tr>
</table>
<br>
<table align="center" width="781" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left"><table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center" valign="middle"><a href="application.php"><img src="images/creditcards.jpg" alt="Apply Now!" border="0"></a></td>
      </tr>
    </table>
      <p>&nbsp;</p></td>
    <td align="right"><table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a rel="nofollow" target="_blank" href="http://www.bbbonline.org/cks.asp?id=1061023114246"><img src="images/bbb.gif" alt="Click to verify BBB accreditation and to see a BBB report." width="40" height="64" border="0" title="Click to verify BBB accreditation and to see a BBB report."></a></td>
    <td style="padding: 0 15px"><a href="http://www.uschamber.com/sb" rel="nofollow" target="_blank"><img src="http://www.uschamber.com/sb/websticker/image.asp?i=a2&amp;m=999999"  alt="U.S. Chamber of Commerce Member 2008" hspace="10" title="U.S. Chamber of Commerce Member 2008"></a></td>
    <td><script type="text/javascript" src="http://sealserver.trustkeeper.net/compliance/seal_js.php?code=w6otlmrNfNOhkhjNVXmBsFWOX2IVM8&amp;style=normal&amp;size=105x54&amp;language=en"></script>
                <noscript>
                  <a href="https://sealserver.trustkeeper.net/compliance/cert.php?code=w6otlmrNfNOhkhjNVXmBsFWOX2IVM8&amp;style=normal&amp;size=105x54&amp;language=en" rel="nofollow" target="hATW"><img src="http://sealserver.trustkeeper.net/compliance/seal.php?code=w6otlmrNfNOhkhjNVXmBsFWOX2IVM8&amp;style=normal&amp;size=105x54&amp;language=en" alt="Trusted Commerce" border="0"></a>
          </noscript></td>
		  <td width="179"> <a href="docs/ViewComplianceCertificate.action.pdf" rel="nofollow" target="_blank"><img src="images/compliance%20icon.jpg" width="175" height="74" border="0" align="right" alt="Compliance"></a></td>
 
  </tr>
</table>
<table align="right"><tr><td><p>
   <!-- <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!">
    </a>-->
</p></td><td>  <p>
    <!--<a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-html401"
        alt="Valid HTML 4.01 Transitional" height="31" width="88" border="0"></a>-->
  </p></td></tr></table>
</td>

  </tr>
  
</table>



   
  
<script language="JavaScript" src="menu/ocscript.js" type="text/javascript"></script>
<script language="JavaScript" src="wz_tooltip.js" type="text/javascript"></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 type="text/javascript">
var pageTracker = _gat._getTracker("UA-4568625-2");
pageTracker._initData();
pageTracker._trackPageview();
</script>

<script language="javascript" type="text/javascript" src="wthvideo/wthvideo.js"></script>
	
	
</div>
</body>

</html>

for the javascript....

Code:

// Copyright 2010 Website Talking Heads 
// JavaScript Document
if (typeof wthvideo == 'undefined') {
	wthvideo = new Object();
}
wthvideo.params = {
	width:272,
	height:384,
	position:"fixed",
	doctype:"strict",
	left:"auto",
	right:"0px",
	top:"auto",
	bottom:"0px",
	centeroffset:"auto",
	color:0x022918,
	volume:70,
	autostart:"yes",
	fadein:1,
	fadeout:2,
	delay:0,
	delayclose:5,
	buffertime:3,
	playbtn:"PlayVideo.png",
	playposition:"right",
	playtop:"bottom",
	exitoncomplete:"yes",
	oncepersession:"no",
	vidlink:"http://www.getvms.com/request-information.php",
	openin:"_blank",
	path:"wthvideo",
	actorpic:"rennygetvms3410.png",
	flv:"rennygetvms3410.flv"
};

var topPx = parseFloat(wthvideo.params.top);
var bottomPx = parseFloat(wthvideo.params.bottom);

wthvideo.hideDiv = function(){
	document.getElementById('wthvideo').style.visibility = 'hidden';	
}
function onlyOnce() {
if (document.cookie.indexOf("hasSeen=true") == -1) {
var later = new Date();
later.setFullYear(later.getFullYear()+10);
document.cookie = 'hasSeen=true;path=/;';
wthvideo.drawVideo();
}
}

if (navigator.appName.indexOf("Microsoft") != -1) {
	var topWth = 577;
         } 
		 else {
    var topWth = 582;
    }
wthvideo.drawVideo= function(){
	var markUp = '';
	markUp += '<style type="text/css">';
	markUp += '#wthvideo {position:'+wthvideo.params.position+';width:'+wthvideo.params.width+'px;height:'+wthvideo.params.height+'px;margin-left:'+wthvideo.params.centeroffset+';left:'+wthvideo.params.left+';right:'+wthvideo.params.right+';top:'+wthvideo.params.top+';bottom:'+wthvideo.params.bottom+';z-index:99999999999;}';
	markUp += '</style>';
	markUp += '<div id="wthvideo">';
	markUp += '  <object id="objvideo" style="outline:none;" type="application/x-shockwave-flash" width="'+wthvideo.params.width+'" height="'+wthvideo.params.height+'" data="'+wthvideo.params.path+'/wthplayer.swf">';
	markUp += '    <param name="movie" value="'+wthvideo.params.path+'/wthplayer.swf" />';
	markUp += '    <param name="quality" value="high" />';
	markUp += '    <param name="flashvars" value="vurl='+wthvideo.params.flv+'&amp;vwidth='+wthvideo.params.width+'&amp;vheight='+wthvideo.params.height+'&amp;actorpic='+wthvideo.params.path+'/'+wthvideo.params.actorpic+'&amp;autostart='+wthvideo.params.autostart+'&amp;exitoncomplete='+wthvideo.params.exitoncomplete+'&amp;vbuff='+wthvideo.params.buffertime+'&amp;vdelay='+wthvideo.params.delay+'&amp;vcolor='+wthvideo.params.color+'&amp;vlink='+wthvideo.params.vidlink+'&amp;openin='+wthvideo.params.openin+'&amp;delayclose='+wthvideo.params.delayclose+'&amp;fadein='+wthvideo.params.fadein+'&amp;fadeout='+wthvideo.params.fadeout+'&amp;vvol='+wthvideo.params.volume+'&amp;playbtn='+wthvideo.params.path+'/'+wthvideo.params.playbtn+'&amp;playpos='+wthvideo.params.playposition+'&amp;playtop='+wthvideo.params.playtop+'" />';
	markUp += '    <param name="wmode" value="transparent" />';
	markUp += '    <param name="allowscriptaccess" value="always" />';
	markUp += '    <param name="swfversion" value="9.0.45.0" />';
	markUp += '  </object>';
	markUp += '</div>';
	markUp += '<div id="highlightWth" style="position:absolute; width:150px; height:30px; left:50%; top:'+topWth+'px; visibility:hidden">';
	markUp += '<img src="wthvideo/orangecircledrawn.png">';
	markUp += '</div>';
	if (wthvideo.params.position == "fixed") {
		if (wthvideo.params.doctype == "quirks") {
			if (wthvideo.params.top == "auto") {
						markUp += '<!--[if IE]>';
						markUp += '<style type="text/css">';
						markUp += '#wthvideo {position:absolute; top: expression(offsetParent.scrollTop - 1 + (offsetParent.clientHeight-this.clientHeight) + '+bottomPx+' + "px")}';
						markUp += '</style>';
						markUp += '<![endif]-->';}
					else {
							markUp += '<!--[if IE]>';
							markUp += '<style type="text/css">';
							markUp += '#wthvideo {position: absolute !important;top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + (!this.offsetHeight && 0)) + '+topPx+' + "px")';
							markUp += '</style>';
							markUp += '<![endif]-->';}
					}
				else {
						markUp += '<!--[if lte IE 6]>';
						markUp += '<style type="text/css">';
						markUp += 'html, body{height: 100%;overflow: auto;}#wthvideo {position: absolute;}';
						markUp += '</style>';
						markUp += '<![endif]-->';
			}
		}		
	document.write(markUp);
}
function hideDiv() {
	wthvideo.hideDiv();
}
if (wthvideo.params.oncepersession == "yes") {
	onlyOnce();}
	else {
		wthvideo.drawVideo();
	}

function thisMovie(movieName) {
         if (navigator.appName.indexOf("Microsoft") != -1) {
             return window[movieName];
         } else {
             return document[movieName];
         }
     }
function cue0Bright() {
	document.getElementById('highlightWth').style.visibility = 'visible';
}
function cue0Normal() {
	document.getElementById('highlightWth').style.visibility = 'hidden';
}
function cue0()	{
	cue0Bright();
	setTimeout("cue0Normal();", 3000);
}

function cue1Bright() {
	document.getElementById('highlightWth').style.visibility = 'visible';
	document.getElementById('highlightWth').style.top = topWth+38+'px';
}
function cue1Normal() {
	document.getElementById('highlightWth').style.visibility = 'hidden';
}
function cue1()	{
	cue1Bright();
	setTimeout("cue1Normal();", 1500);
}

function cue2Bright() {
	document.getElementById('highlightWth').style.visibility = 'visible';
	document.getElementById('highlightWth').style.top = topWth+19+'px';
}
function cue2Normal() {
	document.getElementById('highlightWth').style.visibility = 'hidden';
}
function cue2()	{
	cue2Bright();
	setTimeout("cue2Normal();", 4000);
}

I need to get this figured out fairly quickly. As I said the pop-ups work in FF and Chrome, but in IE the program just closes.

I am very new to learning JavaScript and I already seem to have come across a problem.

I can get Scripts to work fine in the <body> but not all scripts seem to work in the <head>

For example, this works fine:

Code:

<html>
<body>

<p id="date"></p>

<script type="text/javascript">
<!--
document.getElementById('date').innerHTML = Date();
//-->
</script>

</body>
</html>

However, it won't work if I place the script in the head like this:

Code:

<html>
<head>

<script type="text/javascript">
<!--
document.getElementById('date').innerHTML = Date();
//-->
</script>

</head>
<body>

<p id="date"></p>

</body>
</html>

It could just be that I broke one of the fundamental laws of coding that I don't know or something but like I said, I've only just started JavaScript.
Also, the tutorial I have isn't to clear on the differences between using the <head> or the <body>. Just kinda says you can do both.

I'd like to use the <head> wherever possible because it would be so much neater to keep all the JavaScript in one place and all the HTML in another. Pretty much like you can do with CSS.

Anyway, I'd be much grateful if somebody can explain this to me.

This is really annyoing.

I'm trying to set up an image's source from a function within the document's head, but to no avail. The code is something like this:


-------------------------------------------------------
<head>
.....js code.....

function updatePieChart()
{
document.pie_chart.src = "piechart.php?p1&p2"; // php-generated image, with parameters
}

// A FUNCTION WHICH SUCCESSFULLY RUNS EVERY 2-3 SECONDS
function ajax()
{
....stuff.....

// THE NEXT LINE DOESN'T WORK!!!
// updatePieChart();

...stuff.....
}

....js code......

// THE NEXT LINE DOESN'T WORK!!!
// updatePieChart();

</head>

//THIS LINE WORKS LIKE A CHARM
<body onload="updatePieChart();">

....bla bla bla...

<img src="#" name="pie_chart" />

...bla bla bla....
</body>

-------------------------------------------------------

As you can see, the function updatePieChart works wonderfully from the <body> tag of the function, but any attempt to call it from within the <head> tags fails.

Also, I've tried to change the function updatePieChart so that it wouldn't call any php code and changed it to a simple document.pie_chart.src = "#"; but that still causes errors on the page when called from inside the <head> tags.

On the other hand, if the function updatePieChart merely made an alert() call, then the ajax element works fine, and every so and so seconds I get an alert.

Anyone, help? An explanation how come I can't set the image from within the <head> tags?

I have an external .js file that ends its process with a document.write() command.

This needs to be called near the end of the HTML page, right before </body>.

Am I better off calling the external .js at the desired location in the footer?

Or making the .js into a defined function, loading the .js in the <head> portion and then executing the function in the footer?

- M.