Javascript not working in IE

Wuoshi · 07-01-2008, 03: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, 09: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, 11:13 AM

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

Repped, thank you!

kceleb9 · 07-02-2008, 10: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-02-2008, 11:35 PM

Thanks, will look into it.

obvio · 07-04-2008, 11:29 AM

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, 09: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.

Hope it helps.

07-01-2008, 03:33 AM	#1 (permalink)
Wuoshi NamePros Member Join Date: Apr 2006 Posts: 150 0.00 NP$ (Donate)	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? __________________ Organic beauty www.onlyorganic.no

07-01-2008, 09:13 AM	#2 (permalink)
Bruce_KD NamePros Member Join Date: Sep 2006 Posts: 87 100.00 NP$ (Donate)	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, 11:13 AM	#3 (permalink)
Wuoshi NamePros Member Join Date: Apr 2006 Posts: 150 0.00 NP$ (Donate)	You dah man!! I should've thought about that! Repped, thank you! __________________ Organic beauty www.onlyorganic.no

07-02-2008, 11:35 PM	#5 (permalink)
Wuoshi NamePros Member Join Date: Apr 2006 Posts: 150 0.00 NP$ (Donate)	Thanks, will look into it. __________________ Organic beauty www.onlyorganic.no

07-04-2008, 11:29 AM	#6 (permalink)
obvio NamePros Regular Join Date: Mar 2006 Posts: 623 237.00 NP$ (Donate)	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, 10:17 AM	#4 (permalink)
kceleb9 New Member Join Date: Jun 2008 Posts: 20 0.00 NP$ (Donate)	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, 09:19 AM	#7 (permalink)
edomainsuk New Member Join Date: Jul 2008 Posts: 12 0.00 NP$ (Donate)	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. 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)