JavaScript - Invalid Property Id Syntax Error

(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance

Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however
____________________________________________________
Error: slideMenus[i].getElementsByTagName("ul").style is undefined

Line: 63
------------------------------------------------------------------

the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing.










window.onload = makeMenus

var currentSlide = null
var timeID = null
leftPos = 0

function makeMenus(){
var slideMenus = new Array()
var allElems = document.getElementsByTagName("*")
var slideListArr = new Array()

for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
slideMenus[i].onclick = showSlide;
Code:

slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";

}
document.getElementById("head").onClick = closeSlide
document.getElementById("main").onClick = closeSlide
}

function showSlide(){
var slideList = this.getElementsByTagName("ul")[0] // mess with this
if((currentSlide != null) && (currentSlide.id == slideList.id))
{closeSlide()}

else{
closeSlide();
var currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval('moveSlide()', 1);
}
}

function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left = "0px"
currentSlide.style.display = "none";
var currentSlide = null
}
}

function moveSlide(){
var leftPos = leftPos + 5;
if(leftPos <= 220)
{currentSlide.style.left = leftPos + "px"}
else{
clearInterval(timeID);
var leftPos = 0}
}

Hi!
I have the following javascript and accompanying html but the i keep getting the error:
Unable to get value of the property 'options': object is null or undefined
pointing to this line of the code
" $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;"
Can someone help me please...
thanks in advance.

Javascript
Code:

 <script type="text/javascript">
  
$allValues = new Array();
$allValues[0] = 'Choose One';
$allValues[1] = 'A1';
$allValues[2] = 'A2';
$allValues[3] = 'A3';
$allValues[4] = 'A4';
$allValues[5] = 'A5';
			
			
            function stripDupelicateValues(inElementId)
{
    // get current list of all selected values
    $selectedValues = new Array();

    for( $position in $allValues )
    {
        if( $position != 0 )
        {

            $formField = eval( 'document.crewchange.emp_' + $position );

            // preserve our selected values
            $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;
            $selectedValues[$thisSelectedValue] = true;
        }
    }


    for( $position in $allValues )
    {
        if( $position != 0 )
        {

            $formField = eval( 'document.crewchange.emp_' + $position );

            // preserve our selected values
            $thisSelectedValue = $formField.options[ $formField.selectedIndex ].value;

            // wipe out the previous choices
            $formField.options.length = 0;

            // create default option
            $formField.options[0] = new Option( $allValues[0], 0 );

            for( $optionValue in $allValues )
            {
                // add each of our non selected values
                if( $selectedValues[$optionValue] != true )
                {
                    $formField.options[$formField.options.length] = new Option( $allValues[$optionValue], $optionValue );
                }
                // create the option for our selected value
                else if( $thisSelectedValue == $optionValue )
                {
                    $index = $formField.options.length;

                    if( $optionValue != 0 )
                    {
                        $formField.options[$index] = new Option( $allValues[$optionValue], $optionValue );
                        $formField.options[$index].selected = true;
                    }
                }

            }
        }
    }
}


        </script>

Html
Code:

<form action="cc2.php" method="post"  name="cc">
<select name='emp[]' id='emp_1' onChange='stripDupelicateValues(this.id)'>
<option>Choose One</option>
<option value='1'>A1</option>
<option value='2'>A2</option>
<option value='3'>A3</option>
<option value='4'>A4</option>
<option value='5'>A5</option>
</select>
</form>

Error Msg
Code:

Message: Unable to get value of the property 'options': object is null or undefined

Hey, this error ONLY occurs in IE.
"Unexpected call to method or property access."
I pinpointed it to this line:
o.appendChild(e);

The full function is:
Code:

function aO(d, t, src, p, id ){
  alert('aO has begun.');
  var o, e, i;
  if (!ie){ o = cE('object');o.data = src; } 		
  else { o = cE('embed');o.src = src; }

  o.id = id;
  if (!ie){ p.push( ['movie', src] ); }
  if ( typeof(id) === 'String' ){o.id = id;}
  o.type = t;
  o.style.width = '210px';
  for(i = 0; i < p.length; i++){
    e = cE('param');
    e.name = p[i][0];
    e.value = p[i][1];
    o.appendChild(e);
  }
  d.appendChild(o);
  alert('aO has finished.');
}

What it does is write a flash object to the page.



The FULL code is:
Code:

<!-- Chat Options -->
<noscript>
  It appears that you do not have JavaScript enabled. Please enable it, otherwise you cannot view the chatbox.
</noscript>
<div id="chatWrap">
  <ul id="ccon" style="display:none;"> 
    <li><a href="javascript:void(0);" onclick="switchChat();">Switch to <span id="cnext">Chat Title</span></a></li>
    <li><a href="javascript:void(0);" onclick="resizeChat();"><span id="csize">Expand</span> Chat</a></li>
    <li><a href="javascript:void(0);" onclick="toggleChat();"><span id="chatToggle">Close</span> Chat</a></li>
  </ul>
</div>
<div id="cbox" style="display:block;"></div>

<!-- Chat Script -->
<script type="text/javascript"><!-- // --><![CDATA[
var chats = [];
chats[0] = ['Main Chat', 'Uber-Anime-Chat', 1236404792847];
chats[1] = ['Roleplay Chat','Uber-Anime-Roleplay', 1236403501064];
var chat = {
  'opt': 'a=000000&b=100&c=999999&d=848484&e=000000&g=CCCCCC&h=333333&i=29&j=CCCCCC&k=666666&l=333333&m=000000&n=CCCCCC&s=1&t=0',
  'ref': 'www.uber-anime.com',
  'cur': 0,
  'delay': 1.5,
  'params': [['wmode','transparent'] , ['allowscriptaccess','always'] , ['allownetworking','internal']]
}

var chatState = 0;
var chatStates = [];
chatStates[0] = ['Expand', '300px'];
chatStates[1] = ['Shrink', '500px'];

function cE(e){return document.createElement(e);}
function cT(s){return document.createTextNode(s);}

var ie = false;

function aO(d, t, src, p, id ){
  var o, e, i, embed;
  if (!ie){ o = cE('object');o.data = src; } 		
  else { o = cE('embed');o.src = src; }

  o.id = id;
  if (!ie){ p.push( ['movie', src] ); }
  if ( typeof(id) === 'String' ){o.id = id;}
  o.type = t;
  o.style.width = '210px';
  for(i = 0; i < p.length; i++){
    e = cE('param');
    e.name = p[i][0];
    e.value = p[i][1];
    o.appendChild(e);
    if(ie) {
      embed = cE('embed');
      embed.setAttribute(p[i][0], p[i][1]);
    }
  }
  if(ie) o.appendChild(embed);
  d.appendChild(o);
}

function switchChat() {
  if (document.getElementById('cbox').hasChildNodes())
    while (document.getElementById('cbox').childNodes.length >= 1)
      document.getElementById('cbox').removeChild(document.getElementById('cbox').firstChild);

  var x = chat.cur;
  chat.cur = (x + 1) % chats.length;
  var c = chats[x];
  var src = 'http://st.chatango.com/flash/group.swf?ref=' + chat.ref + '&gn=' + c[1] + '.chatango.com&cid=' + c[2] + '&' + chat.opt;
  document.getElementById('cbox').innerHTML = '';
  aO( document.getElementById('cbox'), 'application/x-shockwave-flash', src, chat.params, 'chat' );
  document.getElementById('ccon').style.display = 'block'; // qfix
  document.getElementById('cnext').innerHTML = chats[chat.cur][0];

  document.getElementById('chat').style.height = chatStates[chatState][1];
  document.getElementById('csize').innerHTML = chatStates[chatState][0];
}

function resizeChat(){
  if(chatState == 0)
    chatState = 1;
  else
    chatState = 0;
  document.getElementById('chat').style.height = chatStates[chatState][1];
  document.getElementById('csize').innerHTML = chatStates[chatState][0];
}

function toggleChat() {
  if(document.getElementById('cbox').style.display == 'block') {
    display = 'none';
    chatStateTxt = 'Open';
  } else {
    display = 'block';
    chatStateTxt = 'Close';
  }  
  document.getElementById('chatToggle').innerHTML = chatStateTxt;
  document.getElementById('cbox').style.display = display;
}

function chatInit(){
  if (navigator.userAgent.indexOf('MSIE') !== -1){ie = true;}
  if ( chat.delay <= 0 ){
    switchChat();
  } else {
    i = cE('img');
    i.src = 'ajax-loader.gif';
    document.getElementById('cbox').appendChild(i);
    document.getElementById('cbox').appendChild(cT(' Loading Chat... If this message stays up, your browser may not be supported.'));
    var clk = setTimeout( function(){ switchChat(); }, chat.delay * 1000 );
  }
  delete chatInit;
}

chatInit();
//]]>
</script>

Can anyone tell me how to fix this? This is ridiculously irritating, and it's important that I can fix it ASAP.

Hi, I'm a newbie to the forum and jquery and have been trying to use it for a slick form wizard i found here. http://thecodemine.org/

It's almost complete but IE keeps giving me an error I've tried everything to fix with no luck.

I'm using jquery-1.4.2.min.js and the error it's giving me is

Unexpected call to method or property access. line 103 character 460

The code it highlights is:

Code:

{this.nodeType===1&&this.appendChild(a)})},

at the end of this line.

Complete line is:

Code:

wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},

Any help would be greatly appreciated. Thanks!


FYI:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 15 Nov 2011 16:45:53 UTC


Message: Unexpected call to method or property access.
Line: 103
Char: 460
Code: 0
URI: http://custsatdev/contact/jqueryform...y-1.4.2.min.js

Code:

out += (out ? rogueArray[14] : rogueArray[13]) + arrayItem + ((vanWilder[arrayItem] !== null) ? = + encodeURIComponent(vanWilder[arrayItem]) : rogueArray[13]);

There is supposedly a syntax error here on the line up until [arrayItem in Dreamweaver. Any help?

On this page
http://jimpix.co.uk/ecards/262-no-words.html

I get this Javascript error in IE6:

Code:

Line: 5
Character: 1
Code: 0
Error Message: Syntax error
URL: http://jimpix.co.uk/ecards/262-no-words.html

I'm using the DebugBar add in for IE (http://www.debugbar.com/)

The error message in DebugBar is this:
http://jimpix.co.uk/junk/error.png

And the view-source of the page is he
http://jimpix.co.uk/junk/source-code.png

I don't get the error in Firefox 3 or IE7.

I can't work out how to fix it.

Any advice would be much appreciated.

Thanks!

Can someone point where i'm going wrong? I want to evaluate the values of 'miles' to be >=0 and 'putime' to between 0 and 24 only.
Code:

<script type = "text/javascript">
	function TaxiFare() {
	// calculates taxi fare based upon miles travelled
	// and the hour of the day in military time (0-23).

	var baseFare = 2.50;
	var costPerMile = 2.00;
	var nightSurcharge = 0.50; // 8pm to 6am, every night

	var milesTravelled = Number(document.getElementById("miles").value);
	var pickupTime = Number(document.getElementById("putime").value);

	var cost = baseFare + (costPerMile * milesTravelled);

	// add the nightSurcharge to the cost if it is after
	// 10pm or before 6am
	if (pickupTime >= 22 || pickupTime < 6) {
	cost += nightSurcharge;
	}
	if((document.getElementById('miles').value>=0)&&(document.getElementById('putime').value>=0||<=24) {
	alert("Your taxi fare is $"  + cost.toFixed(2));
	}
	else{return 0;}
	}

	</script>

Hi,

Im currently building my first website, I'm trying to use a JQuery Slider effect for a top banner, however I seem to be getting a syntax error after the javascript.

Any ideas?

Ive attached a screenshot of the code

Thanks
Simon

Hopefully this is something easy to fix. I am using Javascript in Adobe Pro 9 for a form and though I managed to get a different if/else to work, this nested one is giving me fits. If anyone could correct, I would like to know why it fails. I get the following error which highlights the blue line of code:
SyntaxError: syntax error
169: at line 170

Code:

var ACDex = this.getField("ACDex");
    var ArmorMaxDex = this.getField("ArmorMaxDex").value;
    var ShieldMaxDex = this.getfield("ShieldMaxDex").value;

    if(ArmorMaxDex => ShieldMaxDex){
         if(ArmorMaxDex => DexMod){ 	    
ACDex.value = ArmorMaxDex;
	}Else{
	    ACDex.value = DexMod;
        }
    }Else{ 
        if(ShieldMaxDex => DexMod) {
	    ACDex.value = ShieldMaxDex;
        }Else{
	    ACDex.value = DexMod;
        }
    }

why does my javascript function run right away when the page loads? but not wen the button is clicked? its working the opposite to how i want it to
i didnt include the other html tags to help focus on this.
Btw im tryna avoid the method of having the onclick="funct()" method which would be written in the button tag. Thank you.

<body>
<button id="mybutton">Click me</button>
</body>

<script type = "text/javascript">
var b = document.getElementById("mybutton");
b.onclick = funct()

function funct()
{
alert("Thanks for clicking me!");
}
</script>

greetings,

I'm unable to find solution for dreamweaver reporting syntax error with the following page:

http://www.redskyjewelry.com/test_product_detail.html

I am revamping my website so the css is not set up for this page but that's okay. I have put in the various javascripts based on the product so the page is similar to a template. The syntax error is for the second set of boxes, the bracelet length options, and specifically for line with:

form.amount.value = 6.5 inches;

from the following script--


<SCRIPT language=javascript>
function BraceletLength(form)
{

if (form.os0.value == "6.5 inches")
{
form.amount.value = 6.5 inches;
form.item_number.value = "6.5 inches";
}

if (form.os0.value == "7 inches")
{
form.amount.value = 7 inches;
form.item_number.value = "7 inches";
}

if (form.os0.value == "7.5 inches")
{
form.amount.value = 7.5 inches;
form.item_number.value = "7.5 inches";
}

if (form.os0.value == "8 inches")
{
form.amount.value = 8 inches;
form.item_number.value = "8 inches";
}


}
</SCRIPT>

I hope I have included enough information and I thank any input into this glitch I am having. I'll check back tomorrow, and thank you.
judith

Dreamweaver is giving me a syntax error, but i dont understand what is wrong.
i copied the line from the source code of the demo file included in the download and it it still telling me there is a syntax error.

obviously something is wrong bc my slider isnt auto-sliding.





so then i tried copying and pasting from the source code of the web page i got the slider from (http://www.ndoherty.biz/demos/coda-slider/2.0/)

Dreamweaver then moved the syntax error warning to the line that only contains my closing script tag




what am i doing wrong?
why am i getting syntax errors?
how can i make this thing autoslide?

full code available at: http://mydomainsample.com/fire_rebuild

Hi,

For the life of me I can't work out what is wrong with the code he http://www.spencercarpenter.co.uk/po...162&fgh=showMe

I know it is somthing to do with the url and that it is a synax error but I really am stuck as I cant see what it is.

If anyone could help me resolve this I would be very grateful.

Thanks for any help.

Spencer

I'm trying to render 14 same sized images on a webpage using a Javascript, I've used in the past, but now can't seem to get it to work. Getting a Syntax Error. On Page http://www.newenglandonline.net/index.fix.html

The ERROR appears to be on the following; line 270: var imageDir = ;

[CODE]


<script type="text/javascript">


(function() {





var rotator = document.getElementById(rotator);


var imageDir = ;




var delayInSeconds = 3;








var images = [Cannon_top.jpg,Mount-Washington-Summer.jpg,Mount-Washington-Winter.jpg,Boston_Charles.jpg,Boston_Harbor.jpg,Boston_Harbor_night.jpg,Zakim Bridge.jpg,Edgartown.jpg,GayHeadLighthouse.jpg,HighlandLight.jpg,Newport.jpg,Bridgeport.jpg,Eastpoin tLight.jpg];











var num = 0;




var changeImage = function() {


var len = images.length;





rotator.src = imageDir + images[num++];


if (num == len) {





num = 0;


}





};


setInterval(changeImage, delayInSeconds * 1000);





})();


</script>

[CODE]

Any help or insight will be greatly appreciated.

Thanks in advance.

Hey guys, I've been learning Javascript for a few days using code academy. I've come across this issue, and I'm not sure what exactly I'm doing wrong. Any help would be great.

// Check if the user is ready to play!
confirm("I am ready to play!");
var age = prompt("What's your age?");
if (age < 13) {
console.log("I take no responsiblity, but you are allowed to play")
} else {
console.log("Have fun!")
}
console.log("You are at a Justin Bieber concert, and you hear this lyric 'Lace my shoes off, start racing.'")
console.log("Suddenly, Bieber stops and says, 'Who wants to race me?'")
var userAnswer = prompt("Do you want to race Bieber on stage?");
if userAnswer === "yes" {
console.log("You and Bieber start racing. It's neck and neck! You win by a shoelace!");
} else {
console.log("Oh no! Bieber shakes his head and sings 'I set a pace, so I can race without pacing.'");
}