• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
دریافت آدرس لینک در تگ iframe
#1
با سلام خدمت تمامی دوستان ایران پی اچ پی

دوستان فرض کنید سایتی داریم و در یکی از صفحاتش یک تگ iframe قرار داده ایم و در این تگ یک سایت مثلا سایت بیتوته را باز کرده ایم حالا من میام روی یکی از لینکهای سایت بیتوته که در iframe باز شده است کلیک می کنم می خوام آدرس لینک کلیک شده بالای iframe به نمایش در بیاد.
به دنبال کد پی اچ پی یا جاوا اسکریپتی هستم که بتونه برام آدرس لینک کلیک شده را در iframe بدست بیاره.

از دوستان بزرگوار ایران پی اچ پی خواهشمندم که بنده را راهنمایی کنید.

با تشکر از همه ...
  پاسخ
تشکر شده توسط :
#2
یه DIV بالای iframe سایتت قرار بده با ID مثلا stat

حالا باید با jQuery حرکت بزنی مثلا فرض بگیریم iframe شما id اش برابر با iframeid است:

$('#iframeid').contents().find('a').click(function(){
$('#stat').html('u clicked Beetoote!');
}); );
جامعه مجازی پیمانکاران و کارفرمایان
www.beestak.com
  پاسخ
تشکر شده توسط :
#3
با تشکر از دوست خوبم از پاسخ شون.

من با توجه به گفته ی شما کد زیر رو نوشتم اما عمل نمیکنه فکر کنم کد رو اشتباه نوشتم. ممکنه اشتباهم رو بهم بگید؟

باز هم ممنون که بنده را راهنمایی کردید.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
$('#iframeid').contents().find('a').click(function(){
$('#stat').html('u clicked Beetoote!');
});
</script>
<style type="text/css">
html{
overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: hidden; /*اسکرول عمودی*/
}
*
{
margin: 0 auto 0 auto;
}
</style>
</head>
<body>
<div id="stat">...
</div>
<div>
<iframe src="http://webgoo.ir/" id="iframeid" width="50%" height="50%"></iframe>
</div>
</body>
</html>
  پاسخ
تشکر شده توسط :
#4
(۱۳۹۳ شهریور ۳۱, ۰۴:۲۲ ب.ظ)alirezara نوشته: با تشکر از دوست خوبم از پاسخ شون.

من با توجه به گفته ی شما کد زیر رو نوشتم اما عمل نمیکنه فکر کنم کد رو اشتباه نوشتم. ممکنه اشتباهم رو بهم بگید؟

باز هم ممنون که بنده را راهنمایی کردید.

من کدی نمی بینم از شما! فکر کنم نزاشتید ;-)
جامعه مجازی پیمانکاران و کارفرمایان
www.beestak.com
  پاسخ
تشکر شده توسط :
#5
بنده عذر خواهی می کنم فراموش کرده بودم.

کدها به پست بالا اضافه شد.
  پاسخ
تشکر شده توسط :
#6
(۱۳۹۳ شهریور ۳۱, ۰۵:۰۷ ب.ظ)alirezara نوشته: بنده عذر خواهی می کنم فراموش کرده بودم.

کدها به پست بالا اضافه شد.

خواهش یکبار اطلاعات رو alert کن ببین خروجی می بینی یا تو کنسول چاپ کن ببین خروجی میگیری اصن یا نه؟!
جامعه مجازی پیمانکاران و کارفرمایان
www.beestak.com
  پاسخ
تشکر شده توسط :
#7
این کدهای بالا که در حال حاضر خروجی نمیدن.

من باید دقیقا از چی خروجی بگیرم؟

ممنون میشم راهنماییم کنید!

الان توی کد زیر که من دستور alert رو بعد از کد شما قرار دادم اصلا اجرا نمیشه. در حالی که فقط بهش گفتم که رشته ی ali را چاپ کنه.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
$('#iframeid').contents().find('a').click(function(){
$('#stat').html('u clicked Beetoote!');
});
alert('ali');
</script>
<style type="text/css">
html{
overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: hidden; /*اسکرول عمودی*/
}
*
{
margin: 0 auto 0 auto;
}
</style>
</head>
<body>
<div id="stat">...
</div>
<div>
<iframe src="http://webgoo.ir/" id="iframeid" width="50%" height="50%"></iframe>
</div>
</body>
</html>

ممنون میشم کد رو یه بررسی کنید.
  پاسخ
تشکر شده توسط :
#8
(۱۳۹۳ شهریور ۳۱, ۰۵:۴۲ ب.ظ)alirezara نوشته: این کدهای بالا که در حال حاضر خروجی نمیدن.

من باید دقیقا از چی خروجی بگیرم؟

ممنون میشم راهنماییم کنید!

الان توی کد زیر که من دستور alert رو بعد از کد شما قرار دادم اصلا اجرا نمیشه. در حالی که فقط بهش گفتم که رشته ی ali را چاپ کنه.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
$('#iframeid').contents().find('a').click(function(){
$('#stat').html('u clicked Beetoote!');
});
alert('ali');
</script>
<style type="text/css">
html{
overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: hidden; /*اسکرول عمودی*/
}
*
{
margin: 0 auto 0 auto;
}
</style>
</head>
<body>
<div id="stat">...
</div>
<div>
<iframe src="http://webgoo.ir/" id="iframeid" width="50%" height="50%"></iframe>
</div>
</body>
</html>

ممنون میشم کد رو یه بررسی کنید.

قبل کدهاتون باید jQuery رو include کنید! ما در حال حاضر داریم از کدهای jQuery استفاده میکنیم.
جامعه مجازی پیمانکاران و کارفرمایان
www.beestak.com
  پاسخ
تشکر شده توسط :
#9
آقا علیرضا من زیاد با jQuery آشنا نیستم برای هم در این رابطه سوال می پرسم.

الان من کد زیر رو به کد های بالا اضافه کردم. که کتابخانه ی Jquery هست و حالا alert رشته ی ali را چاپ می کنه. اما برای اینکه alert خروجی ما را چاپ کند باید به عنوان متغیر چه چیزی را در alert بنویسم؟

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$('#iframeid').contents().find('a').click(function(){
$('#stat').html('u clicked Beetoote!');
});
alert('ali');
</script>
<style type="text/css">
html{
overflow-x: hidden; /*حذف اسکرول افقی*/
overflow-y: hidden; /*اسکرول عمودی*/
}
*
{
margin: 0 auto 0 auto;
}
</style>
</head>
<body>
<div id="stat">...
</div>
<div>
<iframe src="http://webgoo.ir/" id="iframeid" width="50%" height="50%"></iframe>
</div>
</body>
</html>

ممنون میشم بنده را راهنمایی کنید.
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان