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


زمان کنونی: ۱۵-۹-۱۳۹۵, ۰۶:۵۳ صبح     نام کاربری:    رمز عبور:            
مای بی بی اسکین / نسخه MyBB 1.6 / اموزش های MyBB 1.6 / سایر آموزش ها v / آموزش ساختن اطلاعیه ها به صورت آژاکس


عظیمی ویکیوز

کلمات کلیدی: آموزش, ساختن, اطلاعیه, ها, به, صورت, آژاکس,

آموزش ساختن اطلاعیه ها به صورت آژاکس
زمان کنونی: ۱۵-۹-۱۳۹۵, ۰۶:۵۳ صبح
علاقه مندی ها

جستجو در موضوع

کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: SheRvin
آخرین ارسال: SheRvin
پاسخ: 5
بازدید: 760

ارسال موضوع  ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ساختن اطلاعیه ها به صورت آژاکس
نویسنده پیام
مدیر بازنشسته
*
نسخه: 1.6.8
سپاس ها : 713
 سپاس شده 729 بار در 204 ارسال
ارسال: #1
آموزش ساختن اطلاعیه ها به صورت آژاکس
درود ...

پنل مدیریت ... قالب ها و پوسته ها ... قالب ها ... قالب مورد نظر .. Index Page Templates .... index

بعد از کد :
کد php:
{$header

کد زیر رو در نت پت کپی کنین بعد بزارین :‌
کد php:
<style>
.
shadetabs{padding:3px 0margin-right:0margin-top:1pxmargin-bottom:3pxfont:12px tahoma; list-style-type:nonetext-align:right}
.
shadetabs li{display:inlinemargin:0}
.
shadetabs li a{text-decoration:noneposition:relativez-index:1padding:6px 10pxmargin-left:3pxborder:1px solid #cacaca; color:#2d2b2b; background:white top right repeat-x;  -moz-border-radius-topleft:7px;  -webkit-border-top-left-radius:7px;  -moz-border-radius-topright:7px;  -webkit-border-top-right-radius:7px;  -moz-border-radius-bottomleft:0px;  -webkit-border-bottom-left-radius:0px;  -moz-border-radius-bottomright:0px;  -webkit-border-bottom-right-radius:0px}
.shadetabs li a:visited{color:#2d2b2b}
.shadetabs li a:hover{text-decoration:underlinecolor:#2d2b2b}
.shadetabs li a.selectedposition:relativetop:0px}
.
shadetabs li a.selectedbackground-image:url(/shadeactive.gif); border-bottom-color:white}
.
shadetabs li a.selected:hovertext-decoration:none}
</
style>
<
script type="text/javascript">
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=//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(namevalue){
    
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(dirautorun){ //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+0
        
}
        else if (
dir=="prev"){
            var 
currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-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=0i<this.tabs.lengthi++){ //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.tabinterfaceidtabref.tabposition)
        
this.setcurrenttabindex(tabref.tabposition//remember position of selected tab within hottabspositions[] array
    
},
expandsubcontent:function(subcontentid){
        for (var 
i=0i<this.subcontentids.lengthi++){
            var 
subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
            
subcontent.style.display=(subcontent.id==subcontentid)? "block" "none" //"show" or hide sub content based on matching id attr value
        
}
    },
expandrevcontent:function(associatedrevids){
        var 
allrevids=this.revcontentids
        
for (var i=0i<allrevids.lengthi++){ //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)? "block" "none"
        
}
    },
setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
        
for (var i=0i<this.hottabspositions.lengthi++){
            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=-//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=0i<this.tabs.lengthi++){
            
this.tabs[i].tabposition=//remember position of tab relative to its peers
            
if (this.tabs[i].getAttribute("rel")){
                var 
tabinstance=this
                this
.hottabspositions[this.hottabspositions.length]=//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==|| this.enabletabpersistence && selectedtab==-&& parseInt(persistedtab)==|| !this.enabletabpersistence && selectedtab==-&& this.getselectedClassTarget(this.tabs[i]).className=="selected"){
                    
selectedtab=//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

</script>
<ul id="countrytabs" class="shadetabs">
<li><a class="shadetabs" href="#" rel="country1">اطلاعیه</a></li>
<li><a href="#" rel="country2" class="shadetabs">در باره ما</a></li>
<li><a class="shadetabs" href="#" rel="country3">قوانین</a></li>
<li><a class="selected" href="#" rel="country4">بستن</a></li>
</ul>
<div style="border: 1px solid rgb(202, 202, 202); margin-bottom: 0em; padding: 10px 15px 15px 10px; border-radius: 7px 0px 7px 7px;">    
<div style="display: none;" id="country1" class="tabcontent">
<br>
    
اطلاعیه

</div>
<div style="display: none;" id="country2" class="tabcontent">
<br>

در باره ما

</div>
<div style="display: none;" id="country3" class="tabcontent">
<br>

قوانین

</div>
<div style="display: block;" id="country4" class="tabcontent">
<p class="shamsi">....
</p>
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)
</script> 

نمونه پیوست شد


فایل(های) ضمیمه شده بند انگشتی(ها)
   
۱۸-۳-۱۳۹۱ ۰۳:۱۹ عصر
یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط ! Omid StaR ! ، Tofighii ، MR.SASHA ، Royaei ، what? ، fidoman ، Chakavak ، آرشام
نویسنده پیام
محروم
نسخه: 1.6.10
سپاس ها : 764
 سپاس شده 198 بار در 87 ارسال
ارسال: #2
RE: آموزش ساختن اطلاعیه ها به صورت آژاکس
رضابعد اون قراردادم تغییری نیافت
به پوسته مربوط میشه؟
۱۸-۳-۱۳۹۱ ۰۵:۴۲ عصر
یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
نویسنده پیام
مدیر بازنشسته
*
نسخه: 1.6.8
سپاس ها : 713
 سپاس شده 729 بار در 204 ارسال
ارسال: #3
RE: آموزش ساختن اطلاعیه ها به صورت آژاکس
من الان تو سایت هستم قرار دادی قرار داده شده دیگه
۱۸-۳-۱۳۹۱ ۰۵:۴۴ عصر
یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Tofighii
نویسنده پیام
کاربر سایت
*
نسخه: 1.6.8
http://www.bensol.net
سپاس ها : 302
 سپاس شده 32 بار در 20 ارسال
ارسال: #4
RE: آموزش ساختن اطلاعیه ها به صورت آژاکس
خوب من اینو انجام دادم درست شد حالا چطوری بهش قوانین و اطاعیه و اینارو اضافه کنم همین طور چطوری یه کم بیاد پاین تر که به تبلیغ بالا نچسبیده باشه؟
مغزهای بزرگ, در خصوص ایده ها صحبت می کنند
مغزهای متوسط, در مورد حوادث بحث می کنند
و مغزهای کوچک, درباره مردم
-----------------------------------------------
انجمن تخصصی بن سل
بحث و گفتگو در مورد مسائل روز ...
http://www.bensol.net
:wub:
۲۷-۵-۱۳۹۱ ۰۲:۱۵ عصر
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
نویسنده پیام
مدیر بازنشسته
*
نسخه: 1.6.8
سپاس ها : 713
 سپاس شده 729 بار در 204 ارسال
ارسال: #5
RE: آموزش ساختن اطلاعیه ها به صورت آژاکس
درود !

خوب داخل کد ویرایش کن بالای کد ها اینو قرار بده تا فاصله بیوفته



کد:
<br />
۲۸-۵-۱۳۹۱ ۰۳:۱۲ عصر
یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
ارسال موضوع  ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش اضافه کردن آیکون اختصاصی به هر انجمن (بدون پلاگین) senator 1 242 ۲۹-۱-۱۳۹۳ ۱۱:۰۸ صبح
آخرین ارسال: ! Omid StaR !
  آموزش قرار دادن آخرین ارسالی های انجمن های Mybb در وب سایت SheRvin 16 1,952 ۲۱-۱-۱۳۹۳ ۰۶:۰۳ عصر
آخرین ارسال: Shezen
  آموزش قفل کردن کلیک راست برا جلوگیری ار کپی کردن مطالب SheRvin 11 1,245 ۲۷-۱۱-۱۳۹۲ ۱۲:۵۵ عصر
آخرین ارسال: ᗩm!RH♥SsE!N
  آموزش بستن انجمن در مای بی بیMYBB SheRvin 2 1,109 ۱۰-۱۱-۱۳۹۲ ۰۵:۳۰ عصر
آخرین ارسال: ! Omid StaR !
  آموزش حل مشکل برخی پلاگین ها Hossein121 17 1,264 ۲-۱۱-۱۳۹۲ ۰۸:۲۲ صبح
آخرین ارسال: ! Omid StaR !
  آموزش جدید  آموزش تغییرات پلاگین Extra File Chatbox 3.6.0 چتباکس برای انجمن Hossein121 0 351 ۲۶-۷-۱۳۹۲ ۰۱:۰۷ صبح
آخرین ارسال: Hossein121
  آموزش قرار دادن اهنگ مورد علاقه کاربران مشابه سایت آوا بیست !!! Hidden !!! 2 701 ۳۱-۶-۱۳۹۲ ۰۷:۱۴ صبح
آخرین ارسال: ! Omid StaR !
  آموزش جدید  آموزش ایجاد لینکدونی زیبا و پیشرفته arya0097 0 405 ۱۸-۶-۱۳۹۲ ۰۲:۳۸ عصر
آخرین ارسال: arya0097
  آموزش نصب ادیتور پیشرفته HotEditor Hossein121 21 2,242 ۱۰-۶-۱۳۹۲ ۰۴:۲۹ عصر
آخرین ارسال: arosake_khoshgel
  آموزش جدید  آموزش ایجاد زیر نویس سبک آریا برای انجمن arya0097 0 291 ۹-۶-۱۳۹۲ ۰۷:۰۲ عصر
آخرین ارسال: arya0097

پرش به انجمن:


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

اخبار فناوری اطلاعات | نرم افزار املاک | نرم افزار دامپزشکی | نرم افزار داروخانه | نرم افزار رستوران | نرم افزار تاکسی سرویس | نرم افزار رستوران | دانلود نرم افزار مطب | دانلود نرم افزار تاکسی سرویس | مجله پزشکی آسان طب | دکتر آسان طب | نرم افزار مطب | نرم افزار دفترچه تلفن نرم افزار چاپ چک نرم افزار رستوران نرم افزار فست فود نرم افزار کافی شاپ نرم افزار تاکسی سرویس نرم افزار نمایشگاه خودرو نرم افزار املاک نرم افزار هتلداری نرم افزار مطب نرم افزار دندانپزشکی نرم افزار انبارداری نرم افزار حسابداری فروشگاه نرم افزار وکالت مجله اینترنتی پارسی وان | مجله اینترنتی زیگیل | نت فالوور | سینما تئاتر مای استیج | یک مهاجر | دنیای مهاجرت | مجله گردشگری کاروان | وردپرس دانلود | مجله تفریحی تندیس فان | نرم افزار | جوک جدید | نرم افزار مطب | نرم افزار رستوران | نرم افزار حسابداری رستوران اخبار هنر | اخبار کامپیوتر | سایت پزشکی | فروشگاه اینترنتی | سایت خبری | دانلود موزیک | اندروید سه | بانک شماره موبایل | پایگاه صالحین | مجله کامپیوتری | جاب لر | خرید vpn ایفون نوین ساخت | سهام نت | تکی کو | تم کد | شرکت تبلیغاتی | مجله خانواده | مجله اینترنتی وبدون | پورتال خبری | سایت تفریحی تک لایو | مجله سرگرمی سیب رنک | تولید کننده روغن زیتون | سایت پزشکی دکتر طب | باربری تهران | مشاوره کنکور | مدرن بوک |

برای درج تبلیغات متنی، بنری و یا رپرتاژ آگهی در این وب سایت با شماره 09370888727 تماس حاصل فرمائید