چگونه بفهمیم کدام تگ iframe کلیک شده؟

[erfan081]

سلام و خسته نباشید
من یک پلی لیست ویدیو درست کردم
به این صورت که چهار iframe که display=none هستش و یک عکس بجاش نشون داده میشه
و یک iframe بزرگ که وقتی روی عکس های اون iframe ها کلیک شد درون iframe بزرگتر نشون داده میشن
کد چاوااسکریپتش هم به این صورت نوشتم:


function copysrc(){ var x=document.getElementsByTagName("iframe"); document.getElementById("aslifr").src=x.src;
در این کدی که گذاشتم، iframe اولی نشون داده میشه
چطور مشخص کنم که روی هر iframe که کلیک شده src همون تو iframe بزرگ و اصلی نشون داده بشه؟
آیا باید کلا کد جاوا رو عوض کنم؟
توروخدا راهنمایی کنید

[plague]

اول اینکه نیاز به 4 آیفریم مخفی نداری اگه ازشون استفاده نمیشه و فقط آدرسشون رو نیاز داری
شما میتونی توی همون تگ های عکست بزاری آدرس آیفریم ها رو مثلا توی data-ifreame


<img src="image.jpg" data-iframe="http://iframeaddres.com">

باید اول یاد بگیری چجوری رویداد بنویسی , رویداد یعنی وقتی یک کاری کرد کاربر تو صفحه (مثلا کلیک کردن روی یک المنت ) یک تیکه کد اجرا بشه
بعد باید یاد بگیری چجوری attribute های المنت ها رو بخونی و تغییر بدی , منظور از attr همون src , class , id , href , .... هستن

اینجا یک نمونه کد هست که من نوشتم میتونی از روش جلو بری

https://jsfiddle.net/nkwsd2tu/1/


تو باکس سفید پایین سمت راست اجرای زنده کد هست که میتونی باهاش کد کنی و نتیج هرو ببین و تو باکس های سمت چپ هم کدا هستن

[erfan081]

مرسی از راهنماییت
من برای هر iframe یک خط جاوا نوشته بودم که با این کدی ک نوشتی فکر کنم بتونم بهینش کنم
یه عکس از پلی لیستی که ساختم هم این پایین میزارم تا ببینی
عکس پلی لیست (http://uupload.ir/files/fmvp_untitled.png)

[plague]

کلایک آِفریم وسط داشته باش رو هر عکس که کلیک شد آدرس رو از data-src یا data-iframe یا هرچی هست تو عکس بگیر و بزار تو آیفریم
پیشنهاد میکنم با جیکوئری کار کنی خیلی یاد گیریش ساده تر و کدش کمتره





$('.custom').click(function(){
alert($(this).data('src'));
})