Javascript not working in IE

Wuoshi · 07-01-2008, 04:33 AM

Any reason to why the following code wont work when using IE?

<div id="fields3">Bla bla<input name='frakt' type='radio' class='rad' value='org' onclick="document.getElementById('levvy').innerHTM L = '<p>Bla bla</p> <br /> <p>Bla bla</p> <br /> <p>Bla bla</p>'" /></div>

<p class="checkout" id="levvy">Blabla</p>

It works in all other browsers. It also works in IE if I remove the html-tags. Any ideas or alternative solutions?

Bruce_KD · 07-01-2008, 10:13 AM

I would recommend making "levvy" a <div>, or some sort of other element to see if it works that way.
Putting a <p> inside of another <p> is probably too much for IE to handle.

Bruce

Wuoshi · 07-01-2008, 12:13 PM

You dah man!! I should've thought about that!

Repped, thank you!

kceleb9 · 07-02-2008, 11:17 AM

You can also try using outerHTML - though that can cause headaches in Firefox.

Honestly though - this form of DOM manipulation is fairly old school - you might want to try using something like jQuery - if you can take the slight overhead - it makes all of these things a snap - and handles the cross browser issues for you...

Wuoshi · 07-03-2008, 12:35 AM

Thanks, will look into it.

obvio · 07-04-2008, 12:29 PM

I second that recommendation to look at jQuery. It makes manipulating html or css very simple and easy to read. It also separates the html from the javascript which makes things so much more readable.

edomainsuk · 07-19-2008, 10:19 AM

Just make it compatible by using innerHTML and outerHTML .. etc

example

Code:

if(navigator.appName.indexOf("Mozilla") == -1)
{
 document.getElementById('levvy').innerHTML = "Mozilla content";
} else {
 document.getElementById('levvy').outerHTML = "IE content";
 }

or instead of using div's and <p> with id's just use "document.write();" .. that way it won't be neither of those to outhandle.
????: NamePros.com http://www.namepros.com/programming/488017-javascript-not-working-in-ie.html

Hope it helps.

07-01-2008, 04:33 AM	THREAD STARTER #1 (permalink)
Wuoshi NamePros Regular Join Date: Apr 2006 Posts: 254	Javascript not working in IE Any reason to why the following code wont work when using IE? <div id="fields3">Bla bla<input name='frakt' type='radio' class='rad' value='org' onclick="document.getElementById('levvy').innerHTM L = '<p>Bla bla</p> <br /> <p>Bla bla</p> <br /> <p>Bla bla</p>'" /></div> <p class="checkout" id="levvy">Blabla</p> It works in all other browsers. It also works in IE if I remove the html-tags. Any ideas or alternative solutions? __________________ Nook Accessories - Playdough Recipe - Clay Recipe - iPad Accessories - Flap Bag - Super Foods - Alternative Cancer Cure - Chocolate Mousse Recipe - Quartz Countertops - Silly Putty Recipe - How To Cook Spaghetti Squash - Amitriptyline Side Effects

07-01-2008, 10:13 AM	#2 (permalink)
Bruce_KD NamePros Member Join Date: Sep 2006 Posts: 99	I would recommend making "levvy" a <div>, or some sort of other element to see if it works that way. Putting a <p> inside of another <p> is probably too much for IE to handle. Bruce __________________ Need a CAPTCHA? www.KingdomsDivided.com

07-01-2008, 12:13 PM	THREAD STARTER #3 (permalink)
Wuoshi NamePros Regular Join Date: Apr 2006 Posts: 254	You dah man!! I should've thought about that! Repped, thank you! __________________ Nook Accessories - Playdough Recipe - Clay Recipe - iPad Accessories - Flap Bag - Super Foods - Alternative Cancer Cure - Chocolate Mousse Recipe - Quartz Countertops - Silly Putty Recipe - How To Cook Spaghetti Squash - Amitriptyline Side Effects

07-03-2008, 12:35 AM	THREAD STARTER #5 (permalink)
Wuoshi NamePros Regular Join Date: Apr 2006 Posts: 254	Thanks, will look into it. __________________ Nook Accessories - Playdough Recipe - Clay Recipe - iPad Accessories - Flap Bag - Super Foods - Alternative Cancer Cure - Chocolate Mousse Recipe - Quartz Countertops - Silly Putty Recipe - How To Cook Spaghetti Squash - Amitriptyline Side Effects

07-04-2008, 12:29 PM	#6 (permalink)
obvio NamePros Regular Join Date: Mar 2006 Posts: 623	I second that recommendation to look at jQuery. It makes manipulating html or css very simple and easy to read. It also separates the html from the javascript which makes things so much more readable. __________________ Forum Posters

07-02-2008, 11:17 AM	#4 (permalink)
kceleb9 New Member Join Date: Jun 2008 Posts: 20	You can also try using outerHTML - though that can cause headaches in Firefox. Honestly though - this form of DOM manipulation is fairly old school - you might want to try using something like jQuery - if you can take the slight overhead - it makes all of these things a snap - and handles the cross browser issues for you...

07-19-2008, 10:19 AM	#7 (permalink)
edomainsuk New Member Join Date: Jul 2008 Posts: 12	Just make it compatible by using innerHTML and outerHTML .. etc example Code: if(navigator.appName.indexOf("Mozilla") == -1) { document.getElementById('levvy').innerHTML = "Mozilla content"; } else { document.getElementById('levvy').outerHTML = "IE content"; } or instead of using div's and <p> with id's just use "document.write();" .. that way it won't be neither of those to outhandle. ????: NamePros.com http://www.namepros.com/programming/488017-javascript-not-working-in-ie.html Hope it helps. __________________ Buying and selling domains, established websites and marketing advices since 2004.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)