×

اريد مساعدة فى كود سيرفرات مشاهدة على الووردبريس

عندى هذا الكود بيظهر سيرفرات مشاهدة عديدة للفيديوهات الكود : رمز Code: <div class="container-disable"> <ul class="tabs-ul nav-justified clearfix"> <?php $repeatable_fields = get_post_meta($post->ID, 'repeatable_fields', true); if
صورة 'AbdoM.Khedr' الرمزية
قديمة 25 - 03 - 2020, 19:54
المشاركة 1
عندى هذا الكود بيظهر سيرفرات مشاهدة عديدة للفيديوهات
الكود :
رمز Code:
<div class="container-disable">
<ul class="tabs-ul nav-justified clearfix">
<?php $repeatable_fields = get_post_meta($post->ID, 'repeatable_fields', true);  if ( $repeatable_fields ) : ?>
<?php foreach ( $repeatable_fields as $field ) { ?>
<li>
<a href="javascript:void(0)" class="buttosn" data-server="1">
<i class="fa fa-play-circle"></i>
<?php if($field['name'] != '') echo esc_attr( $field['name'] ); ?>
</a>
</li>
<?php } ?> 
<?php endif; ?>
</ul>
<div class="tabs-cntn">
<div id="services-cntn-ajax">
<?php $repeatable_fields = get_post_meta($post->ID,'repeatable_fields', true);
if($repeatable_fields){?>
<iframe frameborder="0" src="<?php echo esc_attr( $field['url'] ); ?>" allowfullscreen=""></iframe>
<?php
} else{

}
?>
<script>
var embedMe = function(id, jQobj) {
var iframes = {};
<?php $repeatable_fields = get_post_meta($post->ID, 'repeatable_fields', true);  if ( $repeatable_fields ) : ?>
<?php foreach ( $repeatable_fields as $field ) { ?>
iframes[1] = '<iframe width="100%" height="400" src="<?php echo esc_attr( $field['url'] ); ?>" frameborder="0" allowfullscreen></iframe>';
<?php } ?> 
<?php endif; ?>
if (typeof iframes[id] === 'undefined') {
return;
}
jQobj.removeClass('notactive');
jQobj.addClass('active');
jQuery('#services-cntn-ajax').html(iframes[id]);
}
jQuery('[data-server]').click(function() {
if (jQuery('li').hasClass('active')) {
return;
}
jQuery('li').parent().find('.buttosn').removeClass('active');
jQuery('li').parent().find('.buttosn').addClass('notactive');
jQuery(this).addClass('active');
jQuery(this).removeClass('notactive');
var id = jQuery(this).data('server');
embedMe(id, jQuery(this));
});
</script>
</div>  
</div>
</div>
مشكلتى انه بيظهر فى الصفحة بهاذا الشكل :

رمز Code:
<ul class="tabs-ul nav-justified clearfix">
<li>
<a href="javascript:void(0)" class="buttosn" data-server="1">
<i class="fa fa-play-circle"></i>
serve name example</a>
</li>
<li>
<a href="javascript:void(0)" class="buttosn" data-server="1">
<i class="fa fa-play-circle"></i>
serve name example</a>
</li>
<li>
<a href="javascript:void(0)" class="buttosn" data-server="1">
<i class="fa fa-play-circle"></i>
serve name example</a>
</li>
<li>
<a href="javascript:void(0)" class="buttosn" data-server="1">
<i class="fa fa-play-circle"></i>
serve name example</a>
</li>

</ul>
كل السيرفرات بها
رمز Code:
data-server="1"
وفى ال iframes كلهم يظهرون
رمز Code:
iframes[1]
مثال :
رمز Code:
<script>
var embedMe = function(id, jQobj) {
var iframes = {};
iframes[1] = '<iframe width="100%" height="400" src="https://example.com/" frameborder="0" allowfullscreen></iframe>';
iframes[1] = '<iframe width="100%" height="400" src="https://example.com/" frameborder="0" allowfullscreen></iframe>';
iframes[1] = '<iframe width="100%" height="400" src="https://example.com/" frameborder="0" allowfullscreen></iframe>';
iframes[1] = '<iframe width="100%" height="400" src="https://example.com/" frameborder="0" allowfullscreen></iframe>';

if (typeof iframes[id] === 'undefined') {
return;
}
jQobj.removeClass('notactive');
jQobj.addClass('active');
jQuery('#services-cntn-ajax').html(iframes[id]);
}
jQuery('[data-server]').click(function() {
if (jQuery('li').hasClass('active')) {
return;
}
jQuery('li').parent().find('.buttosn').removeClass('active');
jQuery('li').parent().find('.buttosn').addClass('notactive');
jQuery(this).addClass('active');
jQuery(this).removeClass('notactive');
var id = jQuery(this).data('server');
embedMe(id, jQuery(this));
});
</script>
انا اريدهم ان يظهرو بهذا الشكل
رمز Code:
 data-server="1"
و
رمز Code:
 data-server="2"
و
رمز Code:
 data-server="3"
و
رمز Code:
 data-server="4"
إلى آخره.
رمز Code:
iframes[1]
و
رمز Code:
iframes[2]
و
رمز Code:
iframes[3]
و
رمز Code:
iframes[4]
إلى آخره.
وبالتالي عند الضغط على السيرفر يظهر الفريم الخاص به
مثال :
عند الضغط على
رمز Code:
data-server="1"
يفتح
رمز Code:
iframes[1]
عند الضغط على
رمز Code:
data-server="2"
يفتح
رمز Code:
iframes[2]
عند الضغط على
رمز Code:
data-server="3"
يفتح
رمز Code:
iframes[3]
عند الضغط على
رمز Code:
data-server="4"
يفتح
رمز Code:
iframes[4]
إلى آخره.
لا اله الا الله محمد رسول الله
المشاهدات 41 | التعليقات 0
مواضيع ذات صلة

 
اضافة رد
 

مطلوب طريقة لعرض سلايد شو لفيديوهات اليوتيوب داخل المقال سكربت جاهز مساعدة

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 14:35.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.