Page 1 of 1

DOM Problem -- Not making the DIV

Posted: Sun Mar 18, 2007 9:55 am
by tecktalkcm0391
How can I make this dynamically using JS???

Code: Select all

<div id="expired">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center">
      <p><img src="/images/lock.gif" width="70" height="88" /><br />
        Your session has expired. </p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div></td>
  </tr>
</table>
</div>

Posted: Sun Mar 18, 2007 11:34 am
by feyd

Posted: Mon Mar 19, 2007 8:59 pm
by tecktalkcm0391
Is this making the HTML below? under the <body> tag...

Code: Select all

expired_div = document.createElement("div");
expired_div.setAttribute("id","expired");

expired_table = document.createElement("table");
expired_table.setAttribute("width","100%");
expired_table.setAttribute("height","100%");
expired_table.setAttribute("border","0");
expired_table.setAttribute("align","center");
expired_table.setAttribute("cellpadding","0");
expired_table.setAttribute("cellspacing","0");
expired_div.appendChild(expired_table);

expired_tr1 = document.createElement("tr");
expired_table.appendChild(expired_tr1);

expired_td1 = document.createElement("td");
expired_tr1.appendChild(expired_td1);

expired_div1 = document.createElement("div");
expired_div1.setAttribute("align","center");
expired_td1.appendChild(expired_div1);

expired_p1 = document.createElement("p");
expired_p1.setAttribute("class","style1");
expired_div1.appendChild(expired_p1);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_img = document.createElement("img");
expired_img.setAttribute("scr","/images/Transparent_Logo.jpg");
expired_img.setAttribute("width","375");
expired_img.setAttribute("height","75");
expired_p1.appendChild(expired_img);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_span = document.createElement("span");
expired_span.setAttribute("class","style2");
expired_p1.appendChild(expired_span);

expired_br = document.createElement("br");
expired_span.appendChild(expired_br);

expired_text = document.createTextNode("Your session has expired.");
expired_span.appendChild(expired_text);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_img2 = document.createElement("img");
expired_img2.setAttribute("scr","/images/lock.gif");
expired_img2.setAttribute("width","70");
expired_img2.setAttribute("height","88");
expired_p1.appendChild(expired_img2);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);
    
expired_form1 = document.createElement("form");
expired_form1.setAttribute("action","");
expired_form1.setAttribute("method","post");
expired_form1.setAttribute("name","login");
expired_p1.appendChild(expired_form1);

expired_input1 = document.createElement("input");
expired_input1.setAttribute("type","button");
expired_input1.setAttribute("value","Go To Login");
expired_input1.setAttribute("onClick","javascript: window.location='login'");
expired_form1.appendChild(expired_input1);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

expired_br = document.createElement("br");
expired_p1.appendChild(expired_br);

insert_point = document.getElementById("body");
document.body.insertBefore(expired_div, insert_point.getNextSibling);

Code: Select all

<div id="expired">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center">
      <p class="style1"><br>
            <img src="/images/Transparent_Logo.jpg" width="375" height="75"><br>
            <span class="style2"><br>
            Your session has expired.</span><br>
            <br>
        <img src="/images/lock.gif" width="70" height="88" /><br>
      	<form action="" method="post" name="login">      
		<input type="button" value="Go To Login" onClick="javascript: window.location='/login'">
	 </form><br>
        <br>
        <br>
        <br>
        <br>
   </p>
      </div></td>
  </tr>
</table>
</div>