ورود

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


Ali0Boy
چهارشنبه 15 شهریور 1391, 01:07 صبح
سلام خدمت تمامی دوستان و اساتید گلم.
من می خواهم توسط کد زیر وقتی کاربر بر روی لینک 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, 01:46 صبح
دوستان کسی نیست پاسخ من رو بدهد.

دوستان لطفا راهنمایی کنید، بسیار واجب است.
Ali0Boy
چهارشنبه 15 شهریور 1391, 05:03 صبح
دوستان لطفا راهنمایی کنید
fakhravari
چهارشنبه 15 شهریور 1391, 11:03 صبح
یک راه ساده
میتونید به iframe قسمت runat="server" بدی
<iframe id="ifshow" width="800px" height="500px" runat="server"></iframe>
id که اینه ifshow پس میتونی در کد بهاین visible فعال و یا غیر فعال کنی
Ali0Boy
چهارشنبه 15 شهریور 1391, 11:49 صبح
آقای فخرآوری ممنون از راهنماییتون ولی من از زبان برنامه نویسی php استفاده می کند نه asp برای همین چیزی به اسم runat و visable نداره که بخوام تست کنم ببینم جواب می دهد یا نه. ولی مشکل من اینجاست که چرا وقتی مقدار src مربوط به iframe رو تغییر می دهم، در قسمت status bar تغییر وضعیت و رفتن به عنوان مثال "گوگل" رو نشون می دهد ولی داخل iframe چیزی نمایش نمیدهد.


دیگر دوستان و اساتید اگه اطلاع دارید خواهشا منو راهنمایی کنید.
plague
چهارشنبه 15 شهریور 1391, 13:23 عصر
دوست عزیز اینجا تالار جی کوئری هست
شما کدت رو با جاوا اسکریپت خالی نوشتی توی همون تالار جاوا اسکریپت مطرح کن
با جی کوئری این میشه
$('#ifshow').attr('src' , 'http://www.google.com');
Ali0Boy
چهارشنبه 15 شهریور 1391, 13:33 عصر
ممنون از راهنماییتون ولی من از این کد نیز استفاده کرده ام. نمی دونم چرا جواب نمی دهد.
Ali0Boy
چهارشنبه 15 شهریور 1391, 13:37 عصر
این هم کد کامل، هم از ajax استفاده کردم، هم از jquery و ... . ولی بازهم جواب نداد.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
function chkUser() {
if(window.XMLHttpRequest) {
xmlhttp= new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState ==4 && xmlhttp.status == 200) {
document.getElementById('ifshow').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open('get', 'http://google.com', true);
xmlhttp.send();
alert("best");
}

function chngpg(index)
{
if(index==1)
{
chkUser();
$("#ifshow2").attr("src","http://www.google.com");
}
else
{
alert(index);
}

}
</script>
</head>

<body><center>
<a href="" onClick="javascript: chngpg(1);">Go TO</a><br>
<div id="ifshow" style="width:800px; height:700px;border:1px solid #000;"></div><br>
<iframe id="ifshow2" height="700px" width="700px" ></iframe></center>
</body>
</html>
Ali0Boy
چهارشنبه 15 شهریور 1391, 14:19 عصر
خوب دوستان مشکل حل شد، خیلی راحت با کمی بیشتر دقت کردن، توانستم مشکلم رو حل کنم.
به نظر من "هر چقدر برنامه نویس بزرگ و حرفه ای باشی، کوچک ترین اشتباه ها شما را به چالش می طلبد" !

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


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


می نوشتیم:


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


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