• اطلاعیه ها

    • Saeed Fard

      برگزاری میتاپ وردپرسی   14/08/96

      بعد از اولین دوره همایش وردپرس در ایران اگر پیگیر اخبار وردپرس بوده باشید، حتما خبر برگزاری چندین میتاپ و جلسه متعدد وردپرسی را شنیده‌اید، یکی از بحث‌های اصلی که محور اصلی این میتاپ‌ها بوده است برگزاری وردکمپ بود که به طور جدی دنبال می‌شود. این میتاپ‌ها و جلسات توسط جمعی از فعلان حوزه وردپرس در کنار وردپرس‌پارسی برگزار می‌شد و مسائل مربوط به این حیطه و از جمله وردکمپ مورد بحث قرار می‌گرفت. این بار با رایزنی‌هایی که با تیم اصلی وردپرس داشتیم در بخش دوم این رویدادها قصد داریم که میتاپ‌ها و جلسات وردپرسی را به صورت آزاد برگزار کنیم تا تمامی علاقه‌مندان و دوست‌داران وردپرس فرصت حضور داشته باشند و با گردهمایی، جامعه کاملتری از دوست داران وردپرس بسازیم و از تجربیات یکدیگر استفاده کنیم.   بدیهی است که این رویدادها با رویکرد مثبت در جهت سود رسانی به جامعه وردپرس و افراد حاضر در آن برگزار می‌شود و برای تمامی علاقه‌مندان به وردپرس است. پس اگر یک کاربر معمولی وردپرس یا یک توسعه دهنده هستید می‌توانید در این رویدادها شرکت کنید. ما در ملاقات‌هایمان از موارد مختلف و کاربردی وردپرس صحبت می‌کنیم و علاقمند به توسعه هر چه بیشتر وردپرس در ایران هستیم. ما وردپرس را دوست داریم. عضویت در این گروه برای همه افرادی که مایل به پیوستن هستند بدون در نظرگرفتن توانایی‌ها، مهارت‌ها، وضعیت مالی و یا معیارهای دیگر باز و رایگان است. فضای میتاپ‌ها و جلسات ما دوستانه و آزادنه و دور از هرگونه تبعیض و رفتارهای زننده است. بر این اساس از تمامی دوستانی که علاقه‌مند به شرکت در میتاپ‌های وردپرس هستند دعوت می‌شود تا از طریق لینک زیر در سایت میتاپ اقدام به ثبت‌نام کنند و منتظر خبرهای برگزاری جلسات در آینده باشند . لینک ثبت نام و عضویت : https://www.meetup.com/Iran-WordPress-Meetup    
    • Saeed Fard

      نسخه جدید وردپرس پارسی رونمایی شد   05/09/96

      در پنجمین سال فعالیت از وردپرس پارسی و بعد از ارائه خدمات و سرویس‌های متفاوت به جامعه وردپرس ، برآن شدیم که نسخه جدید سایت وردپرس‌پارسی را بر اساس نیازها و خدمات جدیدی که قرار است ارائه شود طراحی و رونمایی کنیم ، از این جهت امروز یک ورژن از نسخه جدید رونمایی شد. در ادامه به معرفی بخش‌های مختلف سایت می‌پردازیم.     در دوره فعالیت گروه وردپرس‌پارسی بیش از 13 افزونه مختلف به صورت رایگان از طرف گروه برای وردپرس نوشته و منتشر شد که در مجموع دارای 100هزار نصب فعال روی سایت‌های وردپرسی است و 500هزاربار از مخزن پلاگین‌های وردپرس دانلود شده‌اند. به همین دلیل قسمت اول وب‌سایت مختص معرفی افزونه‌های گروه وردپرس‌پارسی طراحی شده است که در آن لیستی کامل از افزونه‌ها به همراه توضیحات در اختیار کاربران است . روند تولید افزونه‌های رایگان در جهت توسعه و بومی‌سازی بیشتر وردپرس از طرف وردپرس پارسی ادامه دارد و بزودی افزونه‌های دیگری به آرشیو اضافه خواند شد.   گروه وردپرس‌پارسی که تا به این‌جا تمرکز بیشتر خود را روی پشتیبانی رایگان از وردپرس گذاشته بود تا مشکلات کاربران وردپرس فارسی را حل کند که حاصل این فعالیت 18 هزار کاربر در انجمن با 43 هزار موضوع و 255 هزار سوال جواب است، قرار است من بعد در عرصه آموزش وردپرس وارد شود و از تخصص اعزای گروه در این حوزه نیز استفاده کند تا مرجعی کامل، اصولی و درست برای آموزش وردپرس ایجاد شود. قسمت دوم وب‌سایت مربوط به مقالات و آموزش‌هایی است که روی وردپرس پارسی از طرف اعضای آن ارسال می‌شود.   در دنیای وردپرس اتفاقات مختلفی در حال روی دادن است که دانستن آن‌ها میتونه برای ما جالب و جذاب باشه، برگزاری وردکمپ‌ها، معرفی سرویس‌ها و خدمات جدید و ... که از جمله اخبار مهم در این حوزه می‌توان برگزاری اولین همایش وردپرس ایران در سال 93 و همایش‌های دیگر مربوط به وردپرس و معرفی سیاره وردپرس و همینطور خبر برگزاری میتاپ‌های وردپرسی در ایران اشاره کرد ، در قسمت آخر وب‌سایت به معرفی موارد این چنینی پرداخته می‌شود و همینطور گزارش‌های مرتب از فعالیت‌ها، میتاپ‌ها و رویدادهای وردپرسی در آن ارائه می‌شود .   در ادامه این فعالیت‌ها بزودی شاهد اخبار جدیدی از وردپرس‌پارسی خواهید بود. شما نیز به عنوان یکی از کاربران این جامعه وردپرسی می‌توانید ما را در توسعه هر چه بیشتر وردپرس یاری کنید. لینک مستقیم خبر : http://wp-parsi.com/wpparsi-new-version  
سعید شعبانی

مشکل با قرار دادن دو Tab کنار یکدیگر

5 پست در این موضوع قرار دارد

سلام دوستان خسته نباشید

من برای نمایش یک tab سه تایی از کد html زیر استفاده می کنم


<ul class="tabs">
<li class="active"><a href="#tab1">Recent</a></li>
<li><a href="#tab2">Popular</a></li>
<li><a href="#tab3">Random</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab2" class="tab_content" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab3" class="tab_content" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
</div>

و این هم کد جاوا اسکریپت مربوط به آن است.


// Tabbed sidebar menu @ http://designA.ir/
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
});

ولی من می خواهم در کنار همین tab سه تایی یک tab سه تایی دیگر هم بگذارم وقتی که از همان کد html استفاده می کنم با زدن سر برگ tab ها فقط tab های سری اول کار می کنند و tab های سری دوم اصلا کار نمی کنند.

لطفا راهنمایی کنید

ویرایش شده در توسط سعید شعبانی
1

به اشتراک گذاری این پست


لینک به پست

ID تبها را به ترتیب قرار دهید


<div id="tab4" class="tab_content" style="display:none;">

4

به اشتراک گذاری این پست


لینک به پست

الان درست شد ولی مشکلی که موجود داره این هست که همزمان فقط یکی از tab ها می توانند کار کنند. یعنی زمانی که از سه tab اول استفاده می کنیم دیگه نمیشه محتویات سه tab بعدی را ببینیم

0

به اشتراک گذاری این پست


لینک به پست

برای فعال بودن دو تب

کد را باید دوبار تکرار کنید


<ul class="tabs2">

و بخش click جکوئری را برای تب جدید تنظیم کنید

2

به اشتراک گذاری این پست


لینک به پست

ممنون درست شد کد ها را اینجا می گذارم تا بقیه دوستان هم استفاده کنند


<ul class="tabs">
<li class="active"><a href="#tab1">Recent</a></li>
<li><a href="#tab2">Popular</a></li>
<li><a href="#tab3">Random</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab2" class="tab_content" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab3" class="tab_content" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
</div>

<ul class="tabs1">
<li class="active"><a href="#tab4">Recent</a></li>
<li><a href="#tab5">Popular</a></li>
<li><a href="#tab6">Random</a></li>
</ul>
<div class="tab_container1">
<div id="tab4" class="tab_content1">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab5" class="tab_content1" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
<div id="tab6" class="tab_content1" style="display:none;">
<ul>
<li>matne delkhah</li>
<li>matne delkhah</li>
<li>matne delkhah</li>
</ul>
</div>
</div>


// Tabbed sidebar menu @ http://designA.ir/
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
});
// Tabbed sidebar menu @ http://designA.ir/
$(document).ready(function() {
$(".tab_content1").hide();
$("ul.tabs1 li:first").addClass("active").show();
$(".tab_content1:first").show();
$("ul.tabs1 li").click(function() {
$("ul.tabs1 li").removeClass("active");
$(this).addClass("active");
$(".tab_content1").hide();
var activeTab = $(this).find("a").attr("href");
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
});

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط i.gratia
      سلام بچه ها خسته نباشید ؛
      من میخواستم دو تا تب در دل همدیگه ایجاد کنم مثلا به این صورت که 7 تیتر یک تب هست به اینصورت :
      شنبه_یکشنه_دوشنبه_سه شنبه_چهارشنبه_پنج شنبه_جمعه
      که وقتی بر روی تب شنبه کلیک میکنیم محتویات به اینصورت باز میشه :
      تیتر یک
      تیتر دو
      تیتر سه
      تیتر چهار
      تیتر پنج
      که بر روی هر یک از تیتر ها هم کلیک کنیم محتویات آن در همانجا نمایش داده بشه
      اگر هم جا نبود یه نوار شماره پایین صفحه قرار داده بشه که تیتر های بعدی رو نشون بده
      چطور میتونم همچین کاری بکنم؟؟؟
    • توسط parseh
      سلام
      من توی انجمن گشتم ولی دقیقا خواستمو پیدا نکردم
      اگر ممکنه راهنمایی کنید
      من یک تب ساز میخوام که شبیه عکس به من تب بده ولی با این تفاوت که با اسلایدرم تداخل جی کوئری نداشته باشه چون الان وقتی این تب در صفحه ای که اسلایدر دارم قرار میگیره ، اسلایدر لود نمیشه !

      نام تب ساز : Rollover Tab version 1.2.0
      نام اسلایدر : revslider 2.1.7
      البته چندتا که در سایت وردپرس بود را نصب کردم ولی یا با فارسی مشکل داشتن یا اصلا معلوم نمیشد چطور باید از کدهاش استفاده کرد
      سپاس از شما
    • توسط سعید شعبانی
      سلام دوستان بالاخره با کمک دوست خوبم kasra تونستم که tab ها را بسازم حالا یک کاری دیگه می خواهم بکنم اون هم اینکه می خواهم یک tab را در tab دیگه بگذارم.
      می خواهم اینجوری بشه

      پربیننده ترین مطالب
      ماه
      پربیننده ترین مطالب ماه
      سال
      پربیننده ترین مطالب سال
      آخرین مطالب
      آخرین مطالب
      این کد html است که خودم بدون هیچ دانش برنامه نویسی tab های tab1-1 و tab1-2 را اضافه کره ام اما tab1 همیشه display : none است (لطفا این مشکل را حل کنید)

      <div class="tab">
      <div class="tab_title" id="tabs">
      <ul>
      <li><a id="myfavorite" rel="tab1" href="#" class="selected">پربیننده ترین مطالب</a>
      <ul>
      <li><a id="myfavorite" rel="tab1-1" href="#" class="selected">ماه</a>
      <li><a id="myfavorite" rel="tab1-2" href="#" class="">سال</a>
      </ul>
      </li>
      <li><a rel="tab2" href="#" class="">آخرین ها</a></li>
      </ul>
      </div>
      <div class="tab_container">
      <ul style="display: inline-block;" id="tab1" class="tab_content">
      <li style="display: block;" id="tab1-1" class="tab_content">پربیننده ترین مطالب ماه</li>
      <li style="display: none;" id="tab1-2" class="tab_content">پربیننده ترین مطالب سال</li>
      </ul>
      <div class="tab_content" id="tab2" style="display: none;"><ul>آخرین مطالب</ul> </div>
      </div>
      <script type="text/javascript">
      var mypets=new ddtabcontent("tabs")
      mypets.setpersist(true)
      mypets.setselectedClassTarget("link")
      mypets.init(0)
      </script>

      این هم جاوا اسکریپتی هست که در هدر قرار دادم - لینک آنلاین

      function ddtabcontent(tabinterfaceid){
      this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
      this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container
      this.enabletabpersistence=true
      this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
      this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
      this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
      this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
      this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
      }
      ddtabcontent.getCookie=function(Name){
      var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
      if (document.cookie.match(re)) //if cookie found
      return document.cookie.match(re)[0].split("=")[1] //return its value
      return ""
      }
      ddtabcontent.setCookie=function(name, value){
      document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)
      }
      ddtabcontent.prototype={
      expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
      this.cancelautorun() //stop auto cycling of tabs (if running)
      var tabref=""
      try{
      if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr
      tabref=document.getElementById(tabid_or_position)
      else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
      tabref=this.tabs[tabid_or_position]
      }
      catch(err){alert("Invalid Tab ID or position entered!")}
      if (tabref!="") //if a valid tab is found based on function parameter
      this.expandtab(tabref) //expand this tab
      },
      cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
      if (dir=="next"){
      var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0
      }
      else if (dir=="prev"){
      var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
      }
      if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
      this.cancelautorun() //stop auto cycling of tabs (if running)
      this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
      },
      setpersist:function(bool){ //PUBLIC function to toggle persistence feature
      this.enabletabpersistence=bool
      },
      setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
      this.selectedClassTarget=objstr || "link"
      },
      getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
      return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref
      },
      urlparamselect:function(tabinterfaceid){
      var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
      return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
      },
      expandtab:function(tabref){
      var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
      //Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
      var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
      this.expandsubcontent(subcontentid)
      this.expandrevcontent(associatedrevids)
      for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
      this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""
      }
      if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
      ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
      this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
      },
      expandsubcontent:function(subcontentid){
      for (var i=0; i<this.subcontentids.length; i++){
      var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
      subcontent.style.display=(subcontent.id==subcontentid)? "inline-block" : "none" //"show" or hide sub content based on matching id attr value
      }
      },
      expandrevcontent:function(associatedrevids){
      var allrevids=this.revcontentids
      for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
      //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
      document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "inline-block" : "none"
      }
      },
      setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
      for (var i=0; i<this.hottabspositions.length; i++){
      if (tabposition==this.hottabspositions[i]){
      this.currentTabIndex=i
      break
      }
      }
      },
      autorun:function(){ //function to auto cycle through and select tabs based on a set interval
      this.cycleit('next', true)
      },
      cancelautorun:function(){
      if (typeof this.autoruntimer!="undefined")
      clearInterval(this.autoruntimer)
      },
      init:function(automodeperiod){
      var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)
      var selectedtab=-1 //Currently selected tab index (-1 meaning none)
      var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
      this.automodeperiod=automodeperiod || 0
      for (var i=0; i<this.tabs.length; i++){
      this.tabs[i].tabposition=i //remember position of tab relative to its peers
      if (this.tabs[i].getAttribute("rel")){
      var tabinstance=this
      this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
      this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)
      this.tabs[i].onclick=function(){
      tabinstance.expandtab(this)
      tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
      return false
      }
      if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
      this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))
      }
      if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
      selectedtab=i //Selected tab index, if found
      }
      }
      } //END for loop
      if (selectedtab!=-1) //if a valid default selected tab index is found
      this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
      else //if no valid default selected index found
      this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
      if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
      this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
      }
      } //END int() function
      } //END Prototype assignment

    • توسط سعید شعبانی
      سلام دوستان خودتون می دونید که هنوز اکثر کاربران ایرانی اینترنت از dialup استفاده می کنند و سرعت بسیار پایینی دارند و اگر بخواهند یک صفحه وب را که دارای tab هست باز کنند مطالب تا اجرا نشدن فایل جاوا اسکریپت پشت سر هم نشان داده می شود. من به دنبال tab ی هستم که حتی با سرعت های پایین اینترنت هم سریع اجرا بشه. من از tab ها زیاد نمی دونم ولی فکر کردم آیا tab ی وجود داره که بدون جاوا اسکریپت کار کنه؟ اگر نداره یک tab باشه که فایل جاوا اسکریپتش خیلی کم حجم باشه.