How to display a html link in container?

**Rabbit** · Mar 23 '15, 05:52 PM

Works fine for me.

Code:

<html>
	<head>
		<script type="text/javascript">
			function test() {
				document.getElementById('div1').innerHTML += " <a href = 'http://steelers.com'>Pittsburgh Steelers</a> win again";
			}
		</script>
	</head>

	<body onload="test()">
		<div id="div1">test</div>
	</body>
</html>

There's probably something else in your code that is wrong. You would need to post it.

**jlellis** · Mar 23 '15, 07:12 PM

Yes I can easily do it that way myself. I have done that. The problem is that the <a href = 'http://steelers.com'>P ittsburgh Steelers</a> win again";
is inside a file.

Code:

<script type="text/javascript">
function LoadFile() {
    var oFrame = document.getElementById("frmFile");
    var strRawContents = oFrame.contentWindow.document.body.childNodes[0].innerHTML;
    while (strRawContents.indexOf("\r") >= 0)
        strRawContents = strRawContents.replace("\r", "");
    var arrLines = strRawContents.split("\n");
    //alert("File " + oFrame.src + " has " + arrLines.length + " lines");
    var html='';
    for (var i = 0; i < arrLines.length; i++) {
        var curLine = arrLines[i];

if(curLine.search("href") > -1)
{
var divP1 = '<div>';
var divP2 = '</div>';
var tLine = curLine;
var cat1 = divP1.concat(curLine);
cat2 = cat1.concat(divP2);
//curLine = cat2.replace(/</g,'&lt;').replace(/>/g,'&gt;');
curLine = htmlEscape(curLine);
document.getElementById('div1').href = curLine;
//        html += curLine + '<br />';
//curLine = divP1.concat(tLine);
//document.getElementById('div1').innerHTML = '<div><a href="http://www.steelers.com">Steelers</a></div>';
//document.getElementById('div1').innerHTML = cat2;;
}
        html += curLine + '<br />';
        //alert("Line #" + (i + 1) + " is: '" + curLine + "'");
    }
//    html = html.replace(/</g,'&lt;').replace(/>/g,'&gt;');
    document.getElementById('div1').innerHTML+= html;
}
</script>

*************** **********
Input File
This is line 1.
This is line 2.
This is line 3.
<a href="http://steelers.com">P ittsburgh Steelers</a>
*************** *************** *************** ********
Results inside div1
Same as the 4 lines above.

**jlellis** · Mar 23 '15, 07:16 PM

Here is the iframe and div

Code:

<iframe id="frmFile" src="
[url]http://mtcsrv1078/sites/BOOST/MainTest/Shared[/url] Documents/demo_test.txt" onload="LoadFile();" style="display: none;"></iframe>

    <div class="m2">
 <div id = "div1"></div>
        
</div>

</div>

**jlellis** · Mar 23 '15, 07:21 PM

So even though html is a string variable, I am trying to convert incoming strings that contain an href to html and add it to the innerHTML as well as regular strings.

**Rabbit** · Mar 23 '15, 07:26 PM

This line:

Code:

curLine = htmlEscape(curLine);

You are escaping HTML.

**jlellis** · Mar 23 '15, 07:31 PM

Thanks Rabbit for your response. I'll keep playing with it to see what happens. Line 25 above is basically doing the same thing you are doing. I want user to be able to edit the text file at any time and each time an edit is made, the div will update as well with the additional text. So sometimes they may put href or other html tags in the text file.

**Rabbit** · Mar 23 '15, 07:33 PM

No it's not the same thing I am doing. I never escape the HTML.

If you escape the HTML in my string above, then it would be what you're doing. Escaping HTML takes HTML strings and makes it not HTML.

**jlellis** · Mar 23 '15, 07:44 PM

//document.getEle mentById('div1' ).innerHTML = '<div><a href="http://www.steelers.co m">Steelers</a></div>';

**jlellis** · Mar 23 '15, 07:45 PM

That's the line I am referring to, not the escape line.

**jlellis** · Mar 23 '15, 07:46 PM

Even without the escape line it still does the same thing. I was just trying something with the escape.

**jlellis** · Mar 23 '15, 07:49 PM

Even if I try to use replace, it just puts the following in the container.

<a href="http://steelers.com"&g t; Pittsburg Steelers</a>

**Rabbit** · Mar 23 '15, 07:49 PM

That line is commented out so it doesn't do anything.

**jlellis** · Mar 23 '15, 07:55 PM

I know that. I'm the one who commented it out. As mentioned I can get it to work that way: the way the commented out line is doing. Once again I am trying to read lines(some containing html tags) from a file and add it to the div.

**jlellis** · Mar 23 '15, 07:57 PM

Thanks for your help. I'll fix it I'm sure.

How to display a html link in container?

How to display a html link in container?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment