JavaScript - Jscript Object Expected Error At Onsubmit="return Validate(this);"> - Please Help!

Hello there!

I am completely new to these forums and to programming in general (however, I used to program some games, albeit not very good ones, on a version of BASIC that came with my Playstation 2 about 10 years ago hehe). I have a basic understanding of functions, loops, if/else/switch and an extremely basic understanding of objects/methods. I wanted to consolidate my knowledge by putting it to practical use so I have made a little text adventure game. At the moment it is horrendously non-user-friendly as it has just been me experimenting with functions, if/else statements etc.

Anyway, below is my code and I have two specific questions regarding it (but general answers telling me how I could do things more efficiently OR telling me what I should consider studying would be very appreciate also :)).

Firstly, I have a little inventory object up top and when the player picks up something in the game I change the inv item to "true" so they can use it later (it seemed logical!). I would really love to know how the user could type in "inv" and for their inventory to be shown back to them. i.e. How could I show only the "true" items of an object? I have tried coding this myself but I really am stumped for an answer.

Secondly, you can see in the "north21" function within the "north2" function that I used a series of if/else statements instead of a switch. I would have much prefered to use a switch and then for the case of "go north" have an if/else statement to check if vineclear is true or not (so that they can pass through to the non-existent north3 room). Is this possible? You can use if/else statements within an if/else statement but it seemed when I tried doing that in a switch it didn't like it.

I am running this script through an interpreter to play the "game". I understand that JS probably isn't the best for what I am trying to do, it was more just a "see what I can do" exercise more than anything.

Thanks in advance for your help and please be nice to me, forums scare me generally :D

testgame.txt

I have to attach the code in a txt file as for some reason it wasn't displaying properly when I copied and pasted it here. Apologies!





Reply With Quote




01-17-2015, 08:26 PM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,310 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Briefly: Code:

// based on this:
var inv = {
	sword: false,
	shield: false,
	vines: false
};

// try this:
function displayInventory( )
{
    var list = [ ];
    for ( var item in inv )
    {
        if ( inv[item] == true )
        {
            list.push( item );
        }
    }
    if ( list.length == 0 ) 
    {
        return "You have no items in your inventory";
    }
    return "You have these items in your inventory:<ul><li>"
           + list.join("</li><li>") + "</ul>";
}

My code is designed for display in an HTML page, not for use in clumsy console.log( ) coding. prompt() and alert() and confirm() and document.write() and console.log() should be used ONLY when debugging, not for any real work.

But if you must use console.log, then try this, to replace the code in italics: Code:

    return "You have these items in your inventory: " + list.join(",");

Hi,
There is a live search on my web page but the box of available options which falls below the 'input' field has a transparent background color. How can it be changed to non-transparent?

This line below makes the background white, but all the text on the page shines through, since the default is transparent.
[CODE]
document.getElementById("linksearch").style.backgroundColor="#FFFFFF";
[CODE]

This instruction line does not help much 'cos I can't figure out the correct way to make it work:
[CODE]
Object.style.backgroundColor="color|inherit|transparent".
[CODE]

Thanks.

Below are the full Javascript and HTML to detect a browser and either display HTML5 or Flash video. However, the script is returning an error, 'document.getElementById(...)' is null or not an object. Any suggestions?

Code:

var deviceAgent = navigator.userAgent.toLowerCase();
$brwzr = deviceAgent.match(/(chrome|firefox|safari|msie 9.0)/);


if ($brwzr) {
	document.getElementById("video_5").setAttribute("class", "on");
} 
else {
	document.getElementById("video_F").setAttribute("class", "on");
}

Code:

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
		<title>Video Switch</title>
<script language="JavaScript" src="index/js/detect.js"></script>

<style>
<!--
.off {
	display: none;	
}

.on {
	display: inline;	
}
-->
</style>

</head>
<body>

<div id="video_5" class="off">HTML5!</div>
<div id="video_F" class="off">Flash!</div>

</body>
</html>

This is a common issue, however, I haven't found anything ( yet ) that points out a solution that I can find in my code. As usual, this site works with every single browser known to man ...........except for any version of IE. I have tried using IE's devel tools to no avail ....though I'm a complete newb, so that isn't saying much. Code???
Here's the section IE complains about:

Code:

function display(str)
{
    var nodeList = xmlDoc.getElementsByTagName("item");
    var cnt = 0;
    var list = "<hr />";
    
    for(var i=0; i< nodeList.length; i++)
    {   
        cnt++;
        // Get vars from XML 
        title = nodeList[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
        author = nodeList[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
        pubDate = nodeList[i].getElementsByTagName("pubDate")[0].childNodes[0].nodeValue;
        call = nodeList[i].getElementsByTagName("call")[0].childNodes[0].nodeValue;
        cover = nodeList[i].getElementsByTagName("cover")[0].childNodes[0].nodeValue;
        link = nodeList[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
        summary = nodeList[i].getElementsByTagName("summary")[0].childNodes[0].nodeValue;
        style = nodeList[i].getElementsByTagName("class")[0].childNodes[0].nodeValue;
        page = nodeList[i].getElementsByTagName("page")[0].childNodes[0].nodeValue;
        category = nodeList[i].getElementsByTagName("category")[0].childNodes[0].nodeValue;

I opened this with Firebug and I see nothing of interest. Specifically, IE complains about line 86:
Code:

summary = nodeList[i].getElementsByTagName("summary")[0].childNodes[0].nodeValue;

Thanks for reading ~

Bub

**** UPDATE *****
Well ...it looks like I can't have null values in any elements ( in the xml document ). How do you experts satisfy this requirement in an elegant fashion.
Since there is no data for certain elements, I'm looking for a reasonable failover solution. Empty quotes?
..... still experimenting. A script produces the xml file from a database so some elements do not have data for certain
child elements.

**** UPDATE 2 *****
Using the Unicode non-breaking space in the xml file for empty child elements. Works, but if you have a cooler solution, let me know. Thanks!

I am running on Magento eCommerce, however please don't turn away if you have no experience with it.

Problem is with JavaScript.

When one clicks on the button, nothing happens, when the page loads browsers in general display error message, that

'productAddtoCartForm' is null or not an object

Here's the piece of code around the Add button:

Code:

<div class="product-view">
    <div class="product-essential">
    <form action="http://myhairpalace.com/index.php/default/checkout/cart/add/uenc/aHR0cDovL215aGFpcnBhbGFjZS5jb20vaW5kZXgucGhwL2RlZmF1bHQvaW5kaWFuLXJlbXktZnJvbnQvMTAwLWh1bWFuLWhhaXItbGFjZS1mcm9udC13aWctc3V6aWUuaHRtbD9fX19TSUQ9VQ,,/product/57/" method="post" id="product_addtocart_form" enctype="multipart/form-data">
		<div class="no-display"> 
			<input type="hidden" name="product" value="57� /&gt; 
			&lt;input type=" hidden"="" id="related-products-field" product-shop"="">
            <div class="product-name">
                <h1>100% Human Hair Lace Front Wig-Suzie</h1>
            </div>

                            <p class="email-friend"><a href="http://myhairpalace.com/index.php/default/sendfriend/product/send/id/57/cat_id/11/">Email to a Friend</a></p>
            
                <p class="no-rating"><a href="http://myhairpalace.com/index.php/default/review/product/list/id/57/category/11/#review-form">Be the first to review this product</a></p>
                        
    <p class="availability in-stock">Availability: <span>In stock</span></p>


        
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-57">
                    <span class="price">$75.00</span>                </span>
                        
        </div>

            
            
                            
<ul class="add-to-links">
    <li><a href="http://myhairpalace.com/index.php/default/wishlist/index/add/product/57/" class="link-wishlist">Add to Wishlist</a></li>
    <li><span class="separator">|</span> <a href="http://myhairpalace.com/index.php/default/catalog/product_compare/add/product/57/uenc/aHR0cDovL215aGFpcnBhbGFjZS5jb20vaW5kZXgucGhwL2RlZmF1bHQvaW5kaWFuLXJlbXktZnJvbnQvMTAwLWh1bWFuLWhhaXItbGFjZS1mcm9udC13aWctc3V6aWUuaHRtbD9fX19TSUQ9VQ,,/" class="link-compare">Add to Compare</a></li>
</ul>
            
                            <div class="short-description">
                    <h2>Quick Overview</h2>
                    <div class="std">Suzie</div>
                </div>
            
            
                                        
        </div>

        <div class="product-img-box">
            <p class="product-image product-image-zoom">
    <img id="image" src="http://myhairpalace.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/l/a/lace_front-shan.jpg" alt="100% Human Hair Lace Front Wig-Suzie" title="100% Human Hair Lace Front Wig-Suzie"></p>
<p class="zoom-notice" id="track_hint">Double click on above image to view full picture</p>
<div class="zoom">
    <img id="zoom_out" src="http://myhairpalace.com/skin/frontend/default/default/images/slider_btn_zoom_out.gif" alt="Zoom Out" title="Zoom Out" class="btn-zoom-out">
    <div id="track">
        <div id="handle"></div>
    </div>
    <img id="zoom_in" src="http://myhairpalace.com/skin/frontend/default/default/images/slider_btn_zoom_in.gif" alt="Zoom In" title="Zoom In" class="btn-zoom-in">
</div>
<script type="text/javascript">
//<![CDATA[
    Event.observe(window, 'load', function() {
        product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
    });
//]]>
</script>
<div class="more-views">
    <h2>More Views</h2>
    <ul>
            <li>
            <a href="#" onclick="popWin('http://myhairpalace.com/index.php/default/catalog/product/gallery/id/57/image/56/', 'gallery', 'width=300,height=300,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;" title=""><img src="http://myhairpalace.com/media/catalog/product/cache/1/thumbnail/56x/9df78eab33525d08d6e5fb8d27136e95/l/a/lace_front-shan.jpg" width="56" height="56" alt=""></a>
        </li>
        </ul>
</div>
        </div>

        <div class="clearer"></div>
                    <div class="product-options" id="product-options-wrapper">
    <script type="text/javascript">
//<![CDATA[
var DateOption = Class.create({

    getDaysInMonth: function(month, year)
    {
        var curDate = new Date();
        if (!month) {
            month = curDate.getMonth();
        }
        if (2 == month && !year) { // leap year assumption for unknown year
            return 29;
        }
        if (!year) {
            year = curDate.getFullYear();
        }
        return 32 - new Date(year, month - 1, 32).getDate();
    },

    reloadMonth: function(event)
    {
        var selectEl = event.findElement();
        var idParts = selectEl.id.split("_");
        if (idParts.length != 3) {
            return false;
        }
        var optionIdPrefix = idParts[0] + "_" + idParts[1];
        var month = parseInt($(optionIdPrefix + "_month").value);
        var year = parseInt($(optionIdPrefix + "_year").value);
        var dayEl = $(optionIdPrefix + "_day");

        var days = this.getDaysInMonth(month, year);

        //remove days
        for (var i = dayEl.options.length - 1; i >= 0; i--) {
            if (dayEl.options[i].value > days) {
                dayEl.remove(dayEl.options[i].index);
            }
        }

        // add days
        var lastDay = parseInt(dayEl.options[dayEl.options.length-1].value);
        for (i = lastDay + 1; i <= days; i++) {
            this.addOption(dayEl, i, i);
        }
    },

    addOption: function(select, text, value)
    {
        var option = document.createElement('OPTION');
        option.value = value;
        option.text = text;

        if (select.options.add) {
            select.options.add(option);
        } else {
            select.appendChild(option);
        }
    }
});
var dateOption = new DateOption();
//]]>
</script>

    <script type="text/javascript">
    //<![CDATA[
    var optionFileUpload = {
        productForm : $('product_addtocart_form'),
        formAction : '',
        formElements : {},
        upload : function(element){
            this.formElements = this.productForm.select('input', 'select', 'textarea', 'button');
            this.removeRequire(element.readAttribute('id').sub('option_', ''));

            template = '<iframe id="upload_target" name="upload_target" style="width:0; height:0; border:0;"><\/iframe>';

            Element.insert($('option_'+element.readAttribute('id').sub('option_', '')+'_uploaded_file'), {after: template});

            this.formAction = this.productForm.action;

            var baseUrl = 'http://myhairpalace.com/index.php/default/catalog/product/upload/';
            var urlExt = 'option_id/'+element.readAttribute('id').sub('option_', '');

            this.productForm.action = parseSidUrl(baseUrl, urlExt);
            this.productForm.target = 'upload_target';
            this.productForm.submit();
            this.productForm.target = '';
            this.productForm.action = this.formAction;
        },
        removeRequire : function(skipElementId){
            for(var i=0; i<this.formElements.length; i++){
                if (this.formElements[i].readAttribute('id') != 'option_'+skipElementId+'_file' && this.formElements[i].type != 'button') {
                    this.formElements[i].disabled='disabled';
                }
            }
        },
        addRequire : function(skipElementId){
            for(var i=0; i<this.formElements.length; i++){
                if (this.formElements[i].readAttribute('name') != 'options_'+skipElementId+'_file' && this.formElements[i].type != 'button') {
                    this.formElements[i].disabled='';
                }
            }
        },
        uploadCallback : function(data){
            this.addRequire(data.optionId);
            $('upload_target').remove();

            if (data.error) {

            } else {
                $('option_'+data.optionId+'_uploaded_file').value = data.fileName;
                $('option_'+data.optionId+'_file').value = '';
                $('option_'+data.optionId+'_file').hide();
                $('option_'+data.optionId+'').hide();
                template = '<div id="option_'+data.optionId+'_file_box"><a href="#"><img src="var/options/'+data.fileName+'" alt=""><\/a><a href="#" onclick="optionFileUpload.removeFile('+data.optionId+')" title="Remove file" \/>Remove file<\/a>';

                Element.insert($('option_'+data.optionId+'_uploaded_file'), {after: template});
            }
        },
        removeFile : function(optionId)
        {
            $('option_'+optionId+'_uploaded_file').value= '';
            $('option_'+optionId+'_file').show();
            $('option_'+optionId+'').show();

            $('option_'+optionId+'_file_box').remove();
        }
    }
    var optionTextCounter = {
        count : function(field,cntfield,maxlimit){
            if (field.value.length > maxlimit){
                field.value = field.value.substring(0, maxlimit);
            } else {
                cntfield.innerHTML = maxlimit - field.value.length;
            }
        }
    }

    Product.Options = Class.create();
    Product.Options.prototype = {
        initialize : function(config){
            this.config = config;
            this.reloadPrice();
        },
        reloadPrice : function(){
            price = new Number();
            config = this.config;
            skipIds = [];
            $$('.product-custom-option').each(function(element){
                var optionId = 0;
                element.name.sub(/[0-9]+/, function(match){
                    optionId = match[0];
                });
                if (this.config[optionId]) {
                    if (element.type == 'checkbox' || element.type == 'radio') {
                        if (element.checked) {
                            if (config[optionId][element.getValue()]) {
                                price += parseFloat(config[optionId][element.getValue()]);
                            }
                        }
                    } else if(element.hasClassName('datetime-picker') && !skipIds.include(optionId)) {
                        dateSelected = true;
                        $$('.product-custom-option[id^="options_' + optionId + '"]').each(function(dt){
                            if (dt.getValue() == '') {
                                dateSelected = false;
                            }
                        });
                        if (dateSelected) {
                            price += parseFloat(this.config[optionId]);
                            skipIds[optionId] = optionId;
                        }
                    } else if(element.type == 'select-one' || element.type == 'select-multiple') {
                        if (element.options) {
                            $A(element.options).each(function(selectOption){
                                if (selectOption.selected) {
                                    if (this.config[optionId][selectOption.value]) {
                                        price += parseFloat(this.config[optionId][selectOption.value]);
                                    }
                                }
                            });
                        }
                    } else {
                        if (element.getValue().strip() != '') {
                            price += parseFloat(this.config[optionId]);
                        }
                    }
                }
            });
            try {
                optionsPrice.changePrice('options', price);
                optionsPrice.reload();
            } catch (e) {

            }
        }
    }
    function validateOptionsCallback(elmId, result){
        var container = $(elmId).up('ul.options-list');
        if (result == 'failed') {
            container.removeClassName('validation-passed');
            container.addClassName('validation-failed');
        } else {
            container.removeClassName('validation-failed');
            container.addClassName('validation-passed');
        }
    }
    var opConfig = new Product.Options({"80":{"447":0,"448":0,"451":0,"452":0,"449":0,"450":0,"454":0,"453":0}});
    //]]>
    </script>
    <dl>
            <dt><label>Color<span class="required">&nbsp;*</span></label></dt>
<dd class="last">
    <select name="options[80]" id="select_80" class=" required-entry product-custom-option" title="" onchange="opConfig.reloadPrice()"><option value="">-- Please Select --</option><option value="447">1 </option><option value="448">1B </option><option value="451">1B/30 </option><option value="452">1B/33 </option><option value="449">2 </option><option value="450">4 </option><option value="454">4/27 </option><option value="453">4/30 </option></select>            </dd>
        </dl>

<script type="text/javascript">
//<![CDATA[
enUS = {"m":{"wide":["January","February","March","April","May","June","July","August","September","October","November","December"],"abbr":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}; // en_US locale reference
Calendar._DN = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; // full day names
Calendar._SDN = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; // short day names
Calendar._FD = 0; // First day of the week. "0" means display Sunday first, "1" means display Monday first, etc.
Calendar._MN = ["January","February","March","April","May","June","July","August","September","October","November","December"]; // full month names
Calendar._SMN = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; // short month names
Calendar._am = "AM"; // am/pm
Calendar._pm = "PM";

// tooltips
Calendar._TT = {};
Calendar._TT["INFO"] = "About the calendar";

Calendar._TT["ABOUT"] =
"DHTML Date/Time Selector\n" +
"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
"\n\n" +
"Date selection:\n" +
"- Use the \xab, \xbb buttons to select year\n" +
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
"- Hold mouse button on any of the above buttons for faster selection.";
Calendar._TT["ABOUT_TIME"] = "\n\n" +
"Time selection:\n" +
"- Click on any of the time parts to increase it\n" +
"- or Shift-click to decrease it\n" +
"- or click and drag for faster selection.";

Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
Calendar._TT["GO_TODAY"] = "Go Today";
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
Calendar._TT["SEL_DATE"] = "Select date";
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
Calendar._TT["PART_TODAY"] = ' (' + "Today" + ')';

// the following is to inform that "%s" is to be the first day of week
Calendar._TT["DAY_FIRST"] = "Display %s first";

// This may be locale-dependent. It specifies the week-end days, as an array
// of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
// means Monday, etc.
Calendar._TT["WEEKEND"] = "0,6";

Calendar._TT["CLOSE"] = "Close";
Calendar._TT["TODAY"] = "Today";
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";

// date formats
Calendar._TT["DEF_DATE_FORMAT"] = "%b %e, %Y";
Calendar._TT["TT_DATE_FORMAT"] = "%B %e, %Y";

Calendar._TT["WK"] = "Week";
Calendar._TT["TIME"] = "Time:";
//]]>
</script>
            <p class="required">* Required Fields</p>
    </div>
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
<div class="product-options-bottom">
    

        
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-57_clone">
                    <span class="price">$75.00</span>                </span>
                        
        </div>



    <div class="add-to-cart">
                <label for="qty">Qty:</label>
        <input type="text" name="qty" id="qty" maxlength="12" value="1" title="Qty" class="input-text qty">
                <button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit()"><span><span>Add to Cart</span></span></button>
        <p class="paypal-logo"><a id="ec_shortcut_c2e3fb1be4b9e9d53800cbc4d5f1e274" href="http://myhairpalace.com/index.php/default/paypal/express/start/">
    <img src="https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image&amp;buttontype=ecshortcut&amp;locale=en_US" alt="Checkout with PayPal">
</a>
    <input type="hidden" id="pp_checkout_url" name="return_url" value="">
<script type="text/javascript">
//<![CDATA[
    Event.observe('ec_shortcut_c2e3fb1be4b9e9d53800cbc4d5f1e274', 'click', function(event) {
                            $('pp_checkout_url').value = this.href;
            productAddToCartForm.submit();
            event.stop();
            });
//]]>
</script></p>    </div>
</div>
            </form>
    <script type="text/javascript">
    //<![CDATA[
            var productAddToCartForm = new VarienForm('product_addtocart_form');
            productAddToCartForm.submit = function(){
                    if (this.validator.validate()) {
                            this.form.submit();
                    }
            }.bind(productAddToCartForm);
    //]]>
    </script>
    </div>

    <div class="product-collateral">
        <div class="box-collateral box-description">
                            <h2>Details</h2>
    <div class="std">
        Nautral Hairline 100% Human Hair Lace Front wig.     </div>
        </div>
                    <div class="box-collateral box-tags">
    <h2>Product Tags</h2>
            <form id="addTagForm" action="http://myhairpalace.com/index.php/default/tag/index/save/product/57/uenc/aHR0cDovL215aGFpcnBhbGFjZS5jb20vaW5kZXgucGhwL2RlZmF1bHQvaW5kaWFuLXJlbXktZnJvbnQvMTAwLWh1bWFuLWhhaXItbGFjZS1mcm9udC13aWctc3V6aWUuaHRtbD9fX19TSUQ9VQ,,/" method="get">
        <div class="form-add">
            <label for="productTagName">Add Your Tags:</label>
            <div class="input-box">
                <input type="text" class="input-text required-entry" name="productTagName" id="productTagName">
            </div>
            <button type="button" title="Add Tags" class="button" onclick="submitTagForm()">
                <span>
                    <span>Add Tags</span>
                </span>
            </button>
        </div>
    </form>
    <p class="note">Use spaces to separate tags. Use single quotes (') for phrases.</p>
    <script type="text/javascript">
    //<![CDATA[
        var addTagFormJs = new VarienForm('addTagForm');
        function submitTagForm(){
            if(addTagFormJs.validator.validate()) {
                addTagFormJs.form.submit();
            }
        }
    //]]>
    </script>
</div>
    </div>
</div>

Magento uses Prototype framework and the problem has something to do with prototype.js file and indeed, when I debugged in Chrome, here's what came up:



Now, the crux is that the error shows up only pages featuring products w/ options in dropdown menus:

http://myhairpalace.com/index.php/de...inkerbell.html

You are able to add Simple Products to cart just fine:

http://myhairpalace.com/index.php/de...o-measure.html

I would be incredibly grateful for ANY suggestions.

Though I took out the source of the iframe, I get an error when I click the test button to get the value of msg_title. I am using IExplorer to debug it, as firefox doesnt show the error.

Code:

<script type='text/javascript'>
function test(){
page = window.location.href
document.getElementById('1').value = window.frames[2].document.getElementByName('msg_title').value
}
function apple(){
document.getElementById('3').innerHTML = '<iframe src="" name="4" id="4"></iframe>'
}
window.onLoad = test();
</script>
<div id='3' name='3'></div>
<input type='button' value='apple' name='apple' id='apple' onclick='apple()'>
<input type='button' value='test' name='test' id='test' onclick='test()'>
<input type='text' value='' name='1' id='1'>
<br>
<iframe src='' name='2' id='2'>

Hi. I'm trying to make a web site with javascript validation...But I kind of hit a bump...

Code:

<html>
<head>
<script language="javascript">
<!--
function Val_bn_c(){
	if(document.site.Bn_c_pr_n[1].checked){
		document.site.Bn_c_p_n.style.display=""}
	else{
		document.site.Bn_c_p_n.style.display="none"}
	if(document.site.Bn_c_sec_n[1].checked){
		document.site.Bn_c_s_n.style.display=""}
	else{
		document.site.Bn_c_s_n.style.display="none"}
	if(document.site.Bn_c_pr_mo[1].checked){
		document.site.Bn_c_p_mo.style.display=""}
	else{
		document.site.Bn_c_p_mo.style.display="none"}
	if(document.site.Bn_c_sec_mo[1].checked){
		document.site.Bn_c_s_n.style.display=""}
	else{
		document.site.Bn_c_s_mo.style.display="none"}
	if(document.site.Bn_c_pr_md[1].checked){
		document.site.Bn_c_p_md.style.display=""}
	else{
		document.site.Bn_c_p_md.style.display="none"}
	if(document.site.Bn_c_sec_md[1].checked){
		document.site.Bn_c_s_md.style.display=""}
	else{
		document.site.Bn_c_s_md.style.display="none"}
	if(document.site.Bn_font[1].checked){
		document.getElementById('Bn_f_t_t').style.display=""
		document.getElementById('Bn_f_t_t').style.display="none"}
	else{
		if(document.site.Bn_font[2].checked){
			document.getElementById('Bn_f_t_t').style.display="none"
			document.getElementById('Bn_f_t_t').style.display=""}
		else{
			document.getElementById('Bn_f_t_t').style.display="none"
			document.getElementById('Bn_f_t_t').style.display="none"}}
	if(document.site.Bn_f_c[1].checked){
		document.site.Bn_f_c_t.style.display=""}
	else{
		document.site.Bn_f_c_t.style.display="none"}}
function Cont_pag_5_3_5(){
	var a1=0, a2=0, b1=0, b2=0, c1=0, c2=0, d1=0, d2=0
	if(document.site.Bn_c_pr_n[0].checked){
		a1=1}
	else{
		if(document.site.Bn_c_pr_n[1].checked){
			if(document.site.Bn_c_p_n.value.length>2){
				a1=1}
			else{
				a1=0}}
		else{
			a1=0}}
	if(document.site.Bn_c_sec_n[0].checked){
		a2=1}
	else{
		if(document.site.Bn_c_sec_n[1].checked){
			if(document.site.Bn_c_s_n.value.length>2){
				a2=1}
			else{
				a2=0}}
		else{
			a2=0}}
	if(document.site.Bn_c_pr_mo[0].checked){
		b1=1}
	else{
		if(document.site.Bn_c_pr_mo[1].checked){
			if(document.site.Bn_c_p_mo.value.length>2){
				b1=1}
			else{
				b1=0}}
		else{
			b1=0}}
	if(document.site.Bn_c_sec_mo[0].checked){
		b2=1}
	else{
		if(document.site.Bn_c_sec_mo[1].checked){
			if(document.site.Bn_c_s_mo.value.length>2){
				b2=1}
			else{
				b2=0}}
		else{
			b2=0}}
	if(document.site.Bn_c_pr_md[0].checked){
		c1=1}
	else{
		if(document.site.Bn_c_pr_md[1].checked){
			if(document.site.Bn_c_p_md.value.length>2){
				c1=1}
			else{
				c1=0}}
		else{
			c1=0}}
	if(document.site.Bn_c_sec_md[0].checked){
		c2=1}
	else{
		if(document.site.Bn_c_sec_md[1].checked){
			if(document.site.Bn_c_s_md.value.length>2){
				c2=1}
			else{
				c2=0}}
		else{
			c2=0}}
	if(document.site.Bn_font[0].checked){
		d1=1}
	else{
		if(document.site.Bn_font[1].checked){
			if(document.site.Bn_f_t_t.value.length>2){
				d1=1}
			else{
				d1=0}}
		else{
			if(document.site.Bn_font[2].checked){
				if(document.site.Bn_f_t_f.value!=""){
					d1=1}
				else{
					d1=0}}
			else{
				d1=0}}}
	if(document.site.Bn_f_c[0].checked){
		d2=1}
	else{
		if(document.site.Bn_f_c[1].checked){
			if(document.site.Bn_f_c_t.value.length>2){
				d2=1}
			else{
				d2=0}}
		else{
			d2=0}}
	if(a1==1 && a2==1 && b1==1 && b2==1 && c1==1 && c2==1 && d1==1 && d2==1){
		document.site.pag6_2.disabled=false}
	else{
		document.site.pag6_2.disabled=true}}


// -->
</script>
</head>
<body>
<form method="post" name="site" action="site.php" enctype="multipart/form-data">

<div id="pagina5_3_5" class="comanda">
Pasul V: Bara de navigare III<br/><br/>

1) Culoarea principala-normal<br/>
Puteti scrie numele culorii (ex: albastru, azur etc) sau codul (ex: 0000DF, 33FFFF).<br/>
<input type="radio" name="Bn_c_pr_n" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_pr_n" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_p_n" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

2) Culoarea secundara-normal (daca exista)<br/>
<input type="radio" name="Bn_c_sec_n" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_sec_n" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_s_n" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

3) Culoarea principala-mouse deasupra<br/>
<input type="radio" name="Bn_c_pr_mo" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_pr_mo" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_p_mo" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

4) Culoarea secundara-mouse deasupra (daca exista)<br/>
<input type="radio" name="Bn_c_sec_mo" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_sec_mo" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_s_mo" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

5) Culoarea principala-mouse apasat<br/>
Puteti scrie numele culorii (ex: albastru, azur etc) sau codul (ex: 0000DF, 33FFFF).<br/>
<input type="radio" name="Bn_c_pr_md" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_pr_md" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_p_md" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

6) Culoarea secundara-mouse apasat (daca exista)<br/>
<input type="radio" name="Bn_c_sec_md" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala / Nu exista<br/>
<input type="radio" name="Bn_c_sec_md" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_c_s_md" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

7) Font-ul<br/>
Puteti scrie numele fontului sau linkul unde il putem gasi sau sa ne trimiteti un font personalizat.<br/>
<input type="radio" name="Bn_font" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza fontul original<br/>
<input type="radio" name="Bn_font" value="Text" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie numele/link-ul font-ului<br/>
<table id="Bn_f_t_t" style="display: none"><tr><td><input type="text" name="Bn_f_t" size="80" onKeyUp="Cont_pag5_3_5()"></td></tr></table>
<input type="radio" name="Bn_font" value="Fisier" onClick="Val_b_c();Cont_pag5_3_5()">Trimite font-ul<br/>
<table id="Bn_f_t_f" style="display: none"><tr><td><input type="file" name="Bn_f_f" size="100" onChange="Cont_pag5_3_5()"></td></tr></table><br/>

8) Culoarea font-ului<br/>
<input type="radio" name="Bn_f_c" value="Same" onClick="Val_bn_c();Cont_pag5_3_5()">Pastreaza culoarea originala<br/>
<input type="radio" name="Bn_f_c" value="Select" onClick="Val_bn_c();Cont_pag5_3_5()">Scrie culoarea<br/>
<input type="text" name="Bn_f_c_t" size="80" style="display: none" onKeyUp="Cont_pag5_3_5()"><br/><br/>

9) Observatii<br/>
Daca aveti observatii/idei legate de banner, le puteti scrie aici.<br/>
Nu este un camp obligatoriu.<br/>
<textarea name="Obs_bn" cols="80" rows="7"></textarea><br/><br/><br/><br/>

<input type="button" name="pag4_1" value="Pagina precedenta">&nbsp&nbsp&nbsp&nbsp
<input type="button" name="pag6_2" value="Continua comanda" disabled=true>
</div>



<p><input type="submit" name="submit" value="Finalizeaza">
</form>
</body>
</html>

Sorry for posting so much code...but this is just a very small part of the site
Anyway...IE8 sais "object expected", Firefox sais "Cont_pag5_3_5 is not defined"...
Can anyone tell me what's wrong with the code? Thank you. Bye.

Hiya,

I would like to ask your help regarding this damned error message that comes out only in Internet Explorer and makes impossible to submit the form.

The javascript code is:

Code:

        function checkForm() {
        var cname,
        cspouse, cemail, chphone, ccellular, caddress, ccity, cstate, czip, cpets, cvolunteer, cadditional;

        with(window.document.volApplForm)
        {
        cname = Name;
        cspouse = Spouse;
        cemail = Email;
        chphone = HomePhone;
        ccellular = Cellular;
        caddress = Address;
        ccity = City;
        cstate = State;
        czip = Zip;
        cpets = Pets;
        cvolunteer = Volunteer;
        cadditional = Additional; }

        var ALERT_TITLE = "Oops!";
        var ALERT_BUTTON_TEXT = "Close";

        if(document.getElementById) {
        window.alert = function(txt) {
        createCustomAlert(txt);
        }
        }

        function createCustomAlert(txt) {
        d = document;

        if(d.getElementById("modalContainer")) return;

        mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
        mObj.id = "modalContainer";

        mObj.style.height = document.documentElement.scrollHeight + "px";

        alertObj = mObj.appendChild(d.createElement("div"));
        alertObj.id = "alertBox";

        if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";

        alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";


        h1 = alertObj.appendChild(d.createElement("h1"));
        h1.appendChild(d.createTextNode(ALERT_TITLE));


        msg = alertObj.appendChild(d.createElement("p"));
        msg.innerHTML = txt;


        btn = alertObj.appendChild(d.createElement("a"));
        btn.id = "closeBtn";
        btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
        btn.href = "#";

        btn.onclick = function() { removeCustomAlert();return false; }
        }




        if(trim(cname.value) == '')
        {
        alert('Please enter your name');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cname.focus();}
        return false;
        }
        else if(trim(cemail.value) == '')
        {
        alert('Please enter your email');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cemail.focus();}
        return false;
        }
        else if(!isEmail(trim(cemail.value)))
        {
        alert('Email address is not valid');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cemail.focus();}
        return false;
        }


        else if(trim(chphone.value) == '')
        {
        alert('Please enter your valid phone number');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); chphone.focus();}
        return false;
        }
        else if(trim(ccellular.value) == '')
        {
        alert('Please enter valid cell phone number');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); ccellular.focus();}
        return false;
        }
        else if(trim(caddress.value) == '')
        {
        alert('Please enter your valid address');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); caddress.focus();}
        return false;
        }
        else if(trim(ccity.value) == '')
        {
        alert('Please enter your city');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); ccity.focus();}
        return false;
        }
        else if(trim(cstate.value) == '')
        {
        alert('Please enter valid state name');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cstate.focus();}
        return false;
        }
        else if(trim(czip.value) == '')
        {
        alert('Please enter valid zip code');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); czip.focus();}
        return false;
        }

        else if(trim(cvolunteer.value) == '')
        {
        alert('Please fill in all fields');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cvolunteer.focus();}
        return false;
        }

        else if(trim(cadditional.value) == '')
        {
        alert('Please fill in all fields');
        function removeCustomAlert() {document.getElementsByTagName("body")[0].removeChild(document.getElementById("modalContainer")); cadditional.focus();}
        return false;
        }
        else
        {
        cname.value = trim(cname.value);
        cspouse.value = trim(cspouse.value);
        cemail.value = trim(cemail.value);
        chphone.value = trim(chphone.value);
        ccellular.value = trim(ccellular.value);
        caddress.value = trim(caddress.value);
        ccity.value = trim(ccity.value);
        cstate.value = trim(cstate.value);
        czip.value = trim(czip.value);
        cpets.value = trim(cpets.value);
        cvolunteer.value = trim(cvolunteer.value);
        cadditional.value = trim(cadditional.value);
        return true;
        }
        }

        function trim(str)
        {
        return str.replace(/^\s+|\s+$/g,'');
        }



        function isEmail(str)
        {
        var regex = /^[-_.a-z0-9]+@(([-_a-z0-9]+\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn |bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk| dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs |gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr| kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum |mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr |pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf |tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za| zm|zw)|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i;

        return regex.test(str);
        }

And when trying to submit the form, I get the error message:

Code:

Line: 177
        Character: 4
        Code: 0
        Error Message: 'undefined' is null or not an object
        URL: https://localhost/ruff/scripts/validationVol.js

Do you have an idea what could be the problem? As I checked line 177, it seems to be OK. I checked the web, but didn't find anything related to this message in a situation like this.

Thanks in advance for your comments.

i keep getting this error in explorer, while on chrome and on Firefox, it is just not working.
this is the html table, (the relevant part is bold)
Code:

  

<table align="center">
                    <tr>
                        <td>
                            שם:
                        </td>
                     <td>
                            <input type="text" id="uname" name="txtname" value="שדה חובה" onmouseout="chkfld('uname')"
                                onclick="this.value='';" />
                        </td>]
                    </tr>
                    <tr>
                        <td>
                            טלפון:
                        </td>
                        <td>
                            <input id="phone" type="text" name="txtphone" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            אימייל:
                        </td>
                        <td>
                            <input type="text" id="usermail" name="txtemail" value="שדה חובה" onmouseout="chkfld('usermail')"
                                onclick="this.value='';" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            סיבת הפניה:
                        </td>
                        <td>
                            <select id="reason">
                                <option>סדנאות</option>
                                <option>טיפול</option>
                                <option>הורדת משקל</option>
                                <option>ניקוי רעלים</option>
                                <option>כללי</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            פרטים:
                        </td>
                        <td>
                            <textarea id="TextArea1" cols="20" rows="10"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <input type="submit" value="שלח" />
                        </td>
                    </tr>
                </table>

and this is the JS:
Code:

    <script type="text/javascript">

        function chkfld(id) {


            if (document.getElementById(id).value == "" || "שדה חובה") {
                document.getElementById(id).style.backgroundcolor = "yellow";
                document.getElementById(id).value == "שדה חובה";
            }
            else {
                return true;
            }
        }
         
         
    </script>

The website is CnJ-Tree.atwebpages.com

The site works in everything, except, IE. Of course, never fails right.

Anyway, the error is with the navigation. I keep getting object expected errors, on pretty much all of my onMouseOver, onMouseOut, and onClick events.

Here is the html.

Code:

<tr>
		<td background="images/CnJ-Layout_04.png" width="720" height="28" valign="middle" align="center">
		<div id="container" class="navigation">
		
			<a href="#" onClick="openPage('home.php');"><div id="home" class="home" align="center" onMouseOver="navOpen('home');" onMouseOut="navClose('home');">Home</div></a>
			
			<a href="#" onClick="openPage('contact.php')"><div id="contact" class="contact" align="center" onMouseOver="navOpen('contact')" onMouseOut="navClose('contact')">Contact Us</div></a>
			
			<div id="service" class="service" align="center" onMouseOver="mopen('serviceDropDown'); navOpen('service');" 
        onMouseOut="mclosetime(); navClose('service');" style="cursor:pointer">Services</div>
			
			<div id="serviceDropDown" class="serviceDropDown" align="center" onMouseOver="mcancelclosetime(); navOpen('service');" 
            onMouseOut="mclosetime(); navClose('service');" style="visibility: hidden">	
				<div id="tree" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('tree')" onMouseOut="navClose('tree')">Tree Removal</div>
				<div id="trimming" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('trimming')" onMouseOut="navClose('trimming')">Tree Trimming</div>
				<div id="hauling" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('hauling')" onMouseOut="navClose('hauling')">Any Hauling</div>
			</div>
			
			<div id="about" class="about" align="center" onMouseOver="navOpen('about')" onMouseOut="navClose('about')">About Us</div>
			
			<div id="gallery" class="gallery" align="center" onMouseOver="navOpen('gallery')" onMouseOut="navClose('gallery')">Gallery</div>
			</div>
			</td>
	</tr>

And here is the JS for the related areas.

Code:

<script type="text/javascript">
var xmlhttp

      window.onload=function(){ 
         var dotspan = document.getElementById('dots'); 
         window.setInterval(function(){ 
            if(dotspan.innerHTML == '...'){ 
               dotspan.innerHTML = '.'; 
            } 
            else{ 
               dotspan.innerHTML += '.'; 
            } 
         }, 200); 
		 
		 // Initiate AJAX usage
		try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
		catch(e){
			try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
			catch(e){
				try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
				catch(e){
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}	 
      }

function navOpen(page)
{
	document.getElementById(page).style.backgroundImage = "url(images/navi-rollover.png)";
	document.getElementById(page).style.color = "#787864";
		
}

function navClose(page)
{
	document.getElementById(page).style.backgroundImage = "";
	document.getElementById(page).style.color = "#9b9b80";
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onClick = mclose; 


  window.onload=function(){ 
		 // Initiate AJAX usage
		try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
		catch(e){
			try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
			catch(e){
				try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
				catch(e){
					alert("Your browser does not support AJAX!");
					return false;
				}
			}
		}	 
      }

function openPage(id)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Your browser does not support XMLHTTP!");
  return;
  }
var url=id;
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState !=4){
	document.getElementById("main").innerHTML=("<center><img src='http://upload.wikimedia.org/wikipedia/commons/4/42/Loading.gif'></center>");
	}
else{

  document.getElementById("main").innerHTML=xmlhttp.responseText;
  }
  }
  ;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);


function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

}
</script>

Hi,

I'm trying to get the below code working... But it seems to be throwing an error when the function hitcount(fn) is called... Im trying to call an ASP function within Javascript... Can any one please help with this :
Code:

-- Javascript code --
<script LANGUAGE="JavaScript1.2" >
function checkurl(fn)
{ 

    str = "http://webhost.in/PNM/Book/<%=gotorpt%>/" + fn;
  if (str.indexOf ("web//") > 0) 
     {
        alert("Please Select a Month!");
     }
 else
    { 
             str2 = "http://webhost.in/PNM/Book/counter.asp?choserpt=Y&whichyrmth=" + str;
             
             hitcount(fn);  -- Error occurs here : Object Expected
             
             self.location.href = str;         
    }
return;
}

</script>

--ASP function --
<%  
function hitcount(fn)
      set conn=Server.CreateObject("ADODB.Connection")
      conn.Provider="Microsoft.Jet.OLEDB.4.0"
      conn.Open  "..\Hits\hitcounter.mdb"      -- Database
      conn.Mode = 3
      
      set rs = Server.CreateObject("ADODB.Recordset")
   
      
      set SQL = "UPDATE Application_counter SET Application_counter.[Counter] = Application_counter.Counter+1 where pdf='"+fn.substring(0,8)+"';"

      rs.Open SQL,conn,1,3
      document.write(rs(0))
      rs.Close()
      cn.Close()
end function
%>

Hi guys
i am trying to make my form out put inputs to the table below. however
when i debug in ie9 it tells me error object expected for

Code:

<button onclick="document.getElementById('tablename').value=
			document.getElementById('name').value">Submit</button>

how do i properly declare the object?

the full code is below (i will obviously have more input fields just working it all out first)

thanks
david
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
		
		<title>
			HiQuote
		</title>	
		
		<!-- Local JavaScripts -->
		
		<script type="text/javascript">
			
			// --------------------------------------------
			// the 'program' - the CONTROL LAYER
			
			function getElementById(" " )	
			
			{
				button onclick="document.getElementById(" ")
				
			}
			
			
			// ---------------------------------------------
			// The global variables - the PERSISTENCE LAYER (sort of!)
	
			var Name;
			var Number;	
			var button onclick="document.getElementById(" ")
			
			// ---------------------------------------------
			// The processing functions - the LOGIC LAYER			
			
			
	
			
			// ---------------------------------------------
			// The input/ output functions - the PRESENTATION LAYER
			//      THIS enhanced presentation layer uses a web page form for input
			//      and output.			
			
					
			
		</script>		
	</head>  
	<body>			
		<form name="form" action=" " >
			INPUT DATA:<br/><br/>
			Customer name (text): <input name="dataInputName"  type = "text" size="30" /><br/><br/>
			Phone number (text): <input name="dataInputNumber" type ="text" size="10" /><br /><br />
			<button onclick="document.getElementById('tablename').value=
			document.getElementById('name').value">Submit</button>
		</form>	
			<table>
				<tr>
					<td id="tablename">
					
					</td>
				</tr>
				<tr>
					<td id="tablenumber">
					
					</td>
				</tr>
			</table>
	</body>
</html>

I am trying to manipulate a an image gallery that functions well. Now, I have the ability to pull information from a user's preference pannel and need to place it in the an href="" // And other information in each of the "src" | "url" | "alt".
Any ideas would be truly helpful. This is what I am working with at the moment and it doesn't work (obviously because it is adding code inside a span). Here is what I am starting from:
[CODE] var title01Span = document.getElementById('title01Span'), //Finds the id that I want
prefs = new gadgets.Prefs(), // Pulls from the user's preferences
yourtitle01 = prefs.getString("title01"); // Pulls the correct string from those preferences
title01Span.innerHTML = yourtitle01; // replaces the span.id with that text but I need to be able to do this in the src / href / url / etc.
[CODE]
Thank you so much! I seriously could use as much help as possible!

Please help, I'm getting this error, Object expected, Code: 0 in Internet Explorer (not in Firefox, though). Here is the link to the page:

http://www.uatparts.com/miva/merchan...Category_Code=

I'm worried that my customers might shy away and not buy from me when they see this error. What do I need to do in order to stop this error from appearing? Note: I tried including the code in this thread but it was too long, the forum wouldn't let me.