PDA

View Full Version : سوال: مشکل در تغییر src مربوط به Iframe


Ali0Boy
چهارشنبه 15 شهریور 1391, 12:05 عصر
سلام خدمت تمامی دوستان و اساتید گلم.
من می خواهم توسط کد زیر وقتی کاربر بر روی لینک GO TO کلیک کرد، در Iframe یک صفحه مثلا گوگل رو نمایش بدهد، کد درست اون در زیر نوشته ام، اما نمی دونم چرا جواب نمی دهد:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function chngpg(index)
{
if(index==1)
{
document.getElementById("ifshow").src="http://www.google.com"; alert("change Iframe");
}
else
{
alert(index);
}

}
</script>
</head>

<body>
<a href="" onClick="javascript: chngpg(1);">Go TO</a><br>
<iframe id="ifshow" width="800px" height="500px"></iframe>
</body>
</html>


فایل ضمیمه نیز در زیر موجود است:
Ali0Boy
چهارشنبه 15 شهریور 1391, 14:21 عصر
خوب دوستان مشکل حل شد، خیلی راحت با کمی بیشتر دقت کردن، توانستم مشکلم رو حل کنم.
به نظر من "هر چقدر برنامه نویس بزرگ و حرفه ای باشی، کوچک ترین اشتباه ها شما را به چالش می طلبد" !

برای رفع خطای بالا فقط کافی بود به جای خط:


<a href="" onClick="javascript: chngpg(1);">Go TO</a>


می نوشتیم:


<a onClick="javascript: chngpg(1);">Go TO</a>


یعنی فقط یک href="" رو حذف می کردیم. :قهقهه:
ببینید یک اشتباه منطقی نه دستوری چطوری آدم رو روانی خودش می کنه. :گیج: ولی خداییش من از همین برنامه نویسی خوشم میاد :قلب:
قوربووووووووون همه عزیزانی که در این تاپیک پاسخ هایی دادند.
amin1softco
چهارشنبه 15 شهریور 1391, 14:31 عصر
احتیاج به این کارا نیستا !!


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<a href="http://www.barnamenevis.org" target="ifshow">Go TO</a><br>
<iframe name="ifshow" id="ifshow" width="800px" height="500px" src="http://google.com"></iframe>
</body>
</html>


ولی با روش خودت :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function chngpg(index)
{
if(index==1)
{
var url ='http://barnamenevis.org';
var el = document.getElementById('ifshow');
el.src = url;
window.frames['ifshow'].location = url;
window.frames['ifshow'].location.replace(url);
}
else
{
alert(index);
}

}
</script>
</head>

<body>
<a href="#" onClick="javascript: chngpg(1);">Go TO</a><br>
<iframe id="ifshow" width="800px" height="500px" src="http://google.com"></iframe>
</body>
</html>


و اینم یک روش دیگه :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function chngpg()
{
var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
el.setAttribute('width', '800px');
el.setAttribute('height', '500px');
document.body.appendChild(el);
el.setAttribute('src', 'http://www.barnamenevis.org');

}
</script>
</head>

<body>
<a href="#" onclick="chngpg();">Go TO</a><br>

</body>
</html>
Ali0Boy
پنج شنبه 16 شهریور 1391, 11:49 صبح
احتیاج به این کارا نیستا !!


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<a href="http://www.barnamenevis.org" target="ifshow">Go TO</a><br>
<iframe name="ifshow" id="ifshow" width="800px" height="500px" src="http://google.com"></iframe>
</body>
</html>


ولی با روش خودت :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function chngpg(index)
{
if(index==1)
{
var url ='http://barnamenevis.org';
var el = document.getElementById('ifshow');
el.src = url;
window.frames['ifshow'].location = url;
window.frames['ifshow'].location.replace(url);
}
else
{
alert(index);
}

}
</script>
</head>

<body>
<a href="#" onClick="javascript: chngpg(1);">Go TO</a><br>
<iframe id="ifshow" width="800px" height="500px" src="http://google.com"></iframe>
</body>
</html>


و اینم یک روش دیگه :


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function chngpg()
{
var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
el.setAttribute('width', '800px');
el.setAttribute('height', '500px');
document.body.appendChild(el);
el.setAttribute('src', 'http://www.barnamenevis.org');

}
</script>
</head>

<body>
<a href="#" onclick="chngpg();">Go TO</a><br>

</body>
</html>

خیلی ممنون راه حل های خوبی بود.