How to display clicked URL in div tag ?

you can do this by using a iframe inside the div

eg:

<div id="iframe_div">
<iframe src="" width="500" height="500"></iframe>
</div>

and alter these lines (i guess)

&lt;a href="link1.php" id="menuItem1"&gt;link 1&lt;/a&gt;
&lt;a href="link2.php" id="menuItem2"&gt;link 2&lt;/a&gt;
&lt;a href="link3.php" id="menuItem3"&gt;link 3&lt;/a&gt;
&lt;a href="link4.php" id="menuItem4"&gt;link 4&lt;/a&gt;

to something like

&lt;a href="link1.php" onclick="javascript:document.getElementById('my_iframe').src='link1.php'" id="menuItem1"&gt;link 1&lt;/a&gt;

and give the id of iframe as my_iframe

<div id="iframe_div">
<iframe id="my_iframe" src="" width="500" height="500"></iframe>
</div>

where should i put this

<div id="iframe_div">
<iframe id="my_iframe" src="" width="500" height="500"></iframe>
</div>

in which file?

put that in your master file, the file which shows all contents

when I click on the link it is still not showing page in the iframe code attached

main.html
 
<div id="iframe_div">
<iframe id="my_iframe" src="" width="500" height="500"></iframe>
</div>
 
submenu.html
 
     <li>
	 <a href="addCricketMatch.php" onclick="javascript:document.getElementById('my_iframe').src='addCricketMatch.php'" id="menuItem1">Add Cricket Match(s)</a>

Select allOpen in new window