Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

innerHTML not getting quotes ?

Status
Not open for further replies.
gorgered

gorgered

Programmer
Dec 13, 2005
24
US
Hi,

I have iFrame in which I have a div and the contents of the div are dynamically changed using javascript. When I use innerHTML it clears quotes. So is there any way that I can get the contents of the tag?

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
span.fill-in{background-color: yellow;}
</style>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" NAME="test_id" value="hello my test">
<INPUT TYPE="button" value="test" onClick="call('test_id')">
</FORM>
<div id="clause_text">
  this is a <span id="test_id1" class="fill-in">test</span> hello
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
  function call(obj){
   var id = document.getElementById(obj).name;
   var value = document.getElementById(id).value;
   //var spanObj = document.getElementById(id+"1");
   alert(document.getElementById('clause_text').innerHTML);
   //document.write($('clause_text').innerHTML);
  }

//-->
</SCRIPT>
</BODY>
</HTML>

Is there any why I could get the output with quotes for id and class?

Code: 
this is a <span id="test_id1" class="fill-in">test</span>

Thanks
Gorge
 
Sort by date Sort by votes
If I'm not mistaken this might be a browser peculiarity. IE removes the quotes (if I'm not mistaken) when doing a view source. If you view source in FireFox, it shows the quotes.

Can you confirm that it only does this in IE? Also, could you post the text your are getting displayed now?

Take Care,
Mike
 
Upvote 0 Downvote
this has nothing to do with a view > source.
Click to expand...

Not directly, but it very much has to do with how the browser treats the source, since the alert is in effect displaying partial source code.

Take Care,
Mike
 
Upvote 0 Downvote
could be, but when the OP comes back and says "there are no quotes", are you going to tell him it can't be done?

or are we then going to ask what he's trying to do, and go from there?

just trying to save some time.



*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]
 
Upvote 0 Downvote
I agree. The situation is kind of circumstancial, too.
Gorgered, could go into more detail on the purpose, like cLFlaVA said, and perhaps why it matters that the quotes are there.

You may also want to experiment somewhat with innerText vs. innerHTML as well.

Try the following code (I fixed a few JavaScript errors):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
span.fill-in{background-color: yellow;}
</style>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" NAME="test_id" value="hello my test">
<INPUT TYPE="button" value="test" onClick="call('test_id1')">
</FORM>
<div id="clause_text">
  this is a <span id="test_id1" class="fill-in">test</span> hello
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function call(obj)
{
	var id = document.getElementById(obj).name;
	var value = document.getElementById(obj).value;
   //var spanObj = document.getElementById(id+"1");
   alert(document.getElementById('clause_text').innerHTML);
   //document.write($('clause_text').innerHTML);
}
//-->
</SCRIPT>
</BODY>
</HTML>

It displays with quotes in FireFox. However, IE omits the quotes. I don't believe this will pose an issue for functionality, since IE should know what the attributes and the corresponding values are.

Take Care,
Mike
 
Upvote 0 Downvote
Hi,

Thanks for quick responses, Well what I am trying to do?

I have some HTML content that comes from the DB which has span tag's and id of each span tag is PK of the table. Using the JavaScript I have to modify the innerHTML of the each span tag and with dynamic values that user enters into the text boxs and save the actual HTML content back into the DB with values. And I don't want to remove those quotes from each span tag as it might messup stored procedures which expect the id with in quotes.

Mike I haven't tried it in FF yet, is there any work around for IE?

Thanks
Gorge
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

tonynsx
  • Locked
  • Question
document.getElementById(&quot;main&quot;).innerHTML not working
Replies
1
Views
108
ggriffit
ggriffit
waubain
  • Locked
  • Question
First image in slide gallery not showing - Uncaught TypeError: slides[(slideIndex - 1)] is undefined 1
Replies
2
Views
214
waubain
waubain
waubain
  • Locked
  • Question
id tag not loading new data with new ajax call 1
Replies
4
Views
121
waubain
waubain
HansMaulwurf
  • Locked
  • Question
AJAX not working after database migration from MySQL to SQL Server ( Undefined index)
Replies
0
Views
82
HansMaulwurf
HansMaulwurf
rogerte
  • Locked
  • Question
Javascript updating form control not working
Replies
3
Views
140
rogerte
rogerte

Part and Inventory Search

Sponsor

Back
Top