Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder ohgod's Avatar
    Join Date
    Jun 2008
    Location
    Ohio
    Posts
    579
    Thanks
    6
    Thanked 69 Times in 69 Posts

    Debug IE Error: member not found

    Well, again I find myself with some code that works quite well in FF but won't friggin work in IE. And as always IE won't say why. I get the error:

    Error: Member not found

    It also works fine in Chrome.

    I'm using scriptaculous to create a couple elements and display them. The code follows:
    Code:
    function pwr(event){
    	if(!Object.isElement($('pwo'))){
    		var tran = Builder.node('div', {id: 'pwo', style: 'background-color: #85BBEF;filter:alpha(opacity=0);-moz-opacity: 0; opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;'});
    		$('body').appendChild(tran);
    	}
    	if(!Object.isElement($('pw'))){
    		var box = Builder.node('div', {id: 'pw', style: 'background-color: white;filter:alpha(opacity=0);-moz-opacity: 0; opacity: 0; position: absolute; z-index: 0; height: auto;'},[
    					Builder.node('form', {id: 'pwrf', name: 'pwrf', action: 'fail.html', method: 'post', onsubmit: 'return false', style: 'margin: 0px;'},[
    						Builder.node('table', {id: 'pwtable', style: 'border: 1px solid black'},[
    							Builder.node('tbody',[
    								Builder.node('tr',[
    									Builder.node('th',{id: 'hdr', style: 'background-image: url(./imgs/banner2.gif); background-repeat: repeat-x; color: white;'},'SSLVPN Password Reset')
    								]),
    								Builder.node('tr',[
    									Builder.node('td',{style: 'font-size: small'},'Enter the email associated with your account below. A new password will be sent to that address.')
    								]),
    								Builder.node('tr', [
    									Builder.node('td',{align: 'center'},[
    										Builder.node('span',{style: 'font-weight: bold'},'Email address: '),
    										Builder.node('input',{type: 'text', id: 'addy', name: 'addy', style: 'padding-left: 5px; padding-right: 5px;'}),
    										Builder.node('input',{type: 'button', value: 'Submit', onClick: 'alert()'}),
    										Builder.node('span',{className: 'small', style: 'cursor: pointer', onClick: 'pwrhide()'},' Cancel')
    									])
    								])
    							])
    						])
    					])
    				]);
    		$('body').appendChild(box);
    	}
    
    	ht = ( Event.pointerY(event) - $('pw').getHeight() );
    	wd = Event.pointerX(event);
    	$('pw').setStyle({ top: ht, left: wd });
    	$('pwo').setStyle({ 'zIndex': '2'});
    	$('pw').setStyle({ 'zIndex': '3'});
    	
    	new Effect.Parallel([	
    		new Effect.Opacity('pwo', {sync: true, from: 0, to:0.6}),
    		new Effect.Opacity('pw', {sync: true, from: 0, to:1})
    	], {
    		duration: 0.5
    	});
    	
    }
    Thoughts? Ideas? Obvious solutions?
    Last edited by ohgod; 03-30-2010 at 09:42 PM.

  • #2
    Regular Coder ohgod's Avatar
    Join Date
    Jun 2008
    Location
    Ohio
    Posts
    579
    Thanks
    6
    Thanked 69 Times in 69 Posts
    Though copius use of alert I've determined the breakage occurs in this section:
    Code:
    var box = Builder.node('div', {id: 'pw', style: 'background-color: white;filter:alpha(opacity=0);-moz-opacity: 0; opacity: 0; position: absolute; z-index: 0; height: auto;'},[
    					Builder.node('form', {id: 'pwrf', name: 'pwrf', action: 'fail.html', method: 'post', onsubmit: 'return false', style: 'margin: 0px;'},[
    						Builder.node('table', {id: 'pwtable', style: 'border: 1px solid black'},[
    							Builder.node('tbody',[
    								Builder.node('tr',[
    									Builder.node('th',{id: 'hdr', style: 'background-image: url(./imgs/banner2.gif); background-repeat: repeat-x; color: white;'},'SSLVPN Password Reset')
    								]),
    								Builder.node('tr',[
    									Builder.node('td',{style: 'font-size: small'},'Enter the email associated with your account below. A new password will be sent to that address.')
    								]),
    								Builder.node('tr', [
    									Builder.node('td',{align: 'center'},[
    										Builder.node('span',{style: 'font-weight: bold'},'Email address: '),
    										Builder.node('input',{type: 'text', id: 'addy', name: 'addy', style: 'padding-left: 5px; padding-right: 5px;'}),
    										Builder.node('input',{type: 'button', value: 'Submit', onClick: 'alert()'}),
    										Builder.node('span',{className: 'small', style: 'cursor: pointer', onClick: 'pwrhide()'},' Cancel')
    									])
    								])
    							])
    						])
    					])
    				]);

  • #3
    Regular Coder ohgod's Avatar
    Join Date
    Jun 2008
    Location
    Ohio
    Posts
    579
    Thanks
    6
    Thanked 69 Times in 69 Posts
    well, the solution ended up being kinda simple. on the scriptaculous wiki it says style tags break ie if used on td or tr elements. well, it also breaks ie's lil brain if you use them on th elements.

    i'll leave this here in case anyone else finds themself slapping at this problem like a monkey like i was.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •