pdf, image or text files are not showing on iframe in same page

See more:

Javascript

HTML

PHP

Ajax

MVC

jQuery

, +

I am working in PHP MVC framework as a new commer. I have a page where I am adding link button and icon dynamically and there is an iframe control which is hidden statically. When I am clicking in my link button or in the icon on my php page it is sowing in new window but not in same window's iframe.
How can I show them in same page ?

My JavaScript for getting text, pdf or any other doc files as element:

<script type="text/javascript">
            function reply_clicktext(clicked_id)
            {
                var myScript = document.getElementById(clicked_id);
                var myScriptSrc = myScript.getAttribute('href');
                var doc = document.getElementById('myframe');
                //alert(name);
                //$(video).attr('src', name);
                doc.src = myScript+'embedded=true';
                doc.style.display="block";
                //video.load();
                //video.play();
                //video.height =400;
                //alert(myScriptSrc); 
                //alert(clicked_id);
            }
        </script>

My Iframe HTML code is :

<iframe id="myframe" style="display:none" width="630" height="420"></iframe>

My PHP code for calling that function reply_clicktext(clicked_id) is:

<div class="fileIcon"><a id ="<?php echo "myid" . $counter; ?>" onClick="reply_clicktext(this.id)" rel="gallery" href="<?php echo $file->getDownloadUrl() . $mime ?>&inline=1"><img src="<?php echo $file->getTypeIconUrl() ?>" title="<?php echo $file->getObjectName() ?>" alt="<?php echo $file->getTypeString() ?>" /></a></div>