PDA

View Full Version : سوال: باز شدن لینک در یک DIV


dousti_design
یک شنبه 15 شهریور 1388, 16:07 عصر
سلام و درود
من میخوام توی یک سند اچ تی ام ال یک لینک رو توی یک تگ div باز کنم... لطفا راهنمایی کنید
mostafa_shaeri_tj
دوشنبه 16 شهریور 1388, 00:52 صبح
فکر میکنم بجذ iframe راه دیگه ای وجود نداشته باشه:متفکر:
dousti_design
دوشنبه 16 شهریور 1388, 14:21 عصر
سلام
ممنونم دوست جان
ولی من سر در نمیارم میشه بیشتر توضیح بدید؟؟؟
اگه یه کد آماده بذارید واقعا عالی میشه!
کارم خیلی گیره
ممنونم!
ahmadbadpey
دوشنبه 16 شهریور 1388, 16:00 عصر
از كد زير مي تونيد استفاده كنيد . در كد زير به جاي your_url آدرس صفحه مورد نظر خودتون رو وارد كنيد .

<div dir='rtl'>
<iframe src="your_url" width="100%" height="50%" frameborder="0" scrolling="no"></iframe>
</div>
سلیمانی پور
دوشنبه 16 شهریور 1388, 16:20 عصر
سلام و درود
من میخوام توی یک سند اچ تی ام ال یک لینک رو توی یک تگ div باز کنم... لطفا راهنمایی کنید


سلام
با استفاده از جاوااسکریپت لینک مورد نظر رو در یک div باز کنید.
مثال:



<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head>
<title>باز کردن یک لینک در یک div</title>
<style type="text/css">
body
{
background-color:#aaaaff;
}
#one
{
width:500px;
height:300px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -250px;
border:solid 1px #000000;
}

object
{
width:500px;
height:300px;
}
</style>

<script type="text/javascript">
function updateObjectIframe(which)
{
document.getElementById('one').innerHTML = '<'+'object id="foo" name="foo" type="text/html" data="'+which.href+'"><\/object>';
}
</script>

</head>
<body>

<div id="one"> محلی که لینک در آن باز خواهد شد </div>


<div>
<a href="http://www.google.com" onclick="updateObjectIframe(this); return false;">لینک به یک صفحه وب خارجی مثلا سایت گوگل یا هر آدرس دیگر</a>
</div>

</body>
</html>


امیدوارم به دردتان بخورد.
موفق باشید.
silverfox
دوشنبه 16 شهریور 1388, 22:18 عصر
اصل کار با همون iframe باز هم...
delphidark
سه شنبه 17 شهریور 1388, 00:27 صبح
روش آقای سلیمانی پور حرفه ایست
در مثال ایشان ، اول یک object را تعریف میکنیم بعد پارامتر data آن را مقدار دهی میکنیم
با iframe هم میشه اما این مثال خوبیه برای js و css
isaeid
جمعه 27 شهریور 1388, 01:24 صبح
می تونید از کد زیر استفاده کنید:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vooria.com ajax loader</title>
<script type="text/javascript">
<!--
var xmlHttp;
function createRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}

function page(url){
createRequest();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatepage;
xmlHttp.send(null);
}

function updatepage(){
document.getElementById('page').innerHTML = "<div align='center'><img src='http://forum.movable-type.ir/styles/mt4/images/misc/mt4-farsi-logo.jpg'><br>در حال اجرا در خواست شما</div>"
if(xmlHttp.readyState == 4){
document.getElementById('page').innerHTML = xmlHttp.responseText
}
}

//-->
</script>
</head>

<body>
<a href="#" onclick="page('2page.html');">load yek file</a>
<div id="page">loader</div>
</body>
</html>