Menu
Hello,
I have a webpage with a form inside it. Below the form is a div. When you submit the form it executes some javascript that adds a bunch of html to the div. I can step through the code in the Chrome debugger and see my dom changes are there, but disappear as I get to the original tags in the page. Is there anyway to prevent this?
[CODE]
<html>
<head>
<title>Search Multiple Craigslists</title>
<script type=”text/javascript”>
function buildIframes() {
alert(“hello”);
var myParms = document.getElementById(“mySearch”).value.replace(” “,”+”) //window.location.search.substring(1);
var myBody = myBody = document.getElementsByTagName(“body”)[0];
var myDiv = document.getElementById(“CraigsListDiv”)
varMyIframes = document.getElementsByTagName(“iframe”)
for (var i = 0; i < varMyIframes.length; i++) {
//Cleanup all the old iframes
myDiv.removeChild(varMyIframes[i]);
}
var myCraigsLists =
[“http://raleigh.craigslist.org”,
“http://blacksburg.craigslist.org”,
“http://boone.craigslist.org”,
“http://charlotte.craigslist.org”,
“http://charlottesville.craigslist.org”,
“http://danville.craigslist.org”,
“http://eastnc.craigslist.org”,
“http://fayetteville.craigslist.org”,
“http://florencesc.craigslist.org”,
“http://greensboro.craigslist.org”,
“http://hickory.craigslist.org”,
“http://onslow.craigslist.org”,
“http://lynchburg.craigslist.org”,
“http://myrtlebeach.craigslist.org”,
“http://norfolk.craigslist.org”,
“http://outerbanks.craigslist.org”,
“http://richmond.craigslist.org”,
“http://roanoke.craigslist.org”,
“http://wilmington.craigslist.org”,
“http://winstonsalem.craigslist.org”];
for (var i = 0; i < myCraigsLists.length; i++) {
var myNewIFrame = document.createElement(“iframe”);
myNewIFrame.setAttribute(“id”,”cl” + i);
myNewIFrame.setAttribute(“width”, “1024px”);
myNewIFrame.setAttribute(“height”, “768px”);
if (myParms === undefined) {
myNewIFrame.setAttribute(“src”, myCraigsLists[i]);
}
else {
myNewIFrame.setAttribute(“src”, myCraigsLists[i] + “/search/” + “pts?query=” + myParms + “&srchType=A&minAsk=&maxAsk=”);
}
myDiv.appendChild(myNewIFrame);
}
}
</script>
</head>
<body>
<form onsubmit=”javascript:buildIframes()”>
<h1>”Enter a search string”</h1>
<input type=”text” id=”mySearch” />
<input type=”submit” name=”mysubmit” value=”Search!” />
</form>
<div id=”CraigsListDiv” />
</body>
</html>
-Eric