اضافة زر الصعود الى الاعلى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اضافة زر الصعود الى الاعلى

الجمعة يناير 08, 2016 10:43 pm


🇦🇸

:Eqwe:

لوحة التحكم >عناصر الصفحة > إضافة أداة > HTML/JavaScript


ضع الكود ادناااه 

الكود:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >

var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="http://4.bp.blogspot.com/-Tev8EGjPKWI/VPoelNBTFSI/AAAAAAAAAdk/mNTArLM5olE/s1600/Arrow-ap-orange-add-b.blogspot.com.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

    },
/*<a href='http://www.add-b.blogspot.com/2015/03/add-go-up-to-top-arrow-up.html'></a>*/
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
  
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'إصعد إلى الأعلى !'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
/*<a href='http://add-b.blogspot.com'></a>*/
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

تغييرات على الكود :

> غير الرابط 


الكود:

[center][size=9][size=9]http://4.bp.blogspot.com/-Tev8EGjPKWI/VPoelNBTFSI/AAAAAAAAAdk/mNTArLM5olE/s1600/Arrow-ap-orange-add-b.blogspot.com.png[/size][/size][/center]


.. بـ رابط آخر من روابط الصور التالية..

(حسب لون وشكل أيقونة إضافة الصعود للأعلى التي تُناسبك ..)

1-  = https://i.servimg.com/u/f68/15/34/86/24/blue-a10.png

2 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-10.png

3 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-11.png

4 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-12.png

5 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-13.png

6 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-14.png

7 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-15.png

8 -  = https://i.servimg.com/u/f68/15/34/86/24/arrow-16.png




بالتوفيق للجميع

والسلام ختام





للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3493

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 19

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اضافة زر الصعود الى الاعلى

السبت يناير 09, 2016 8:31 am


يعطيگ آلعآفيه على آلطرح آلقيم وآلرآئع

چزآگ آلله گل خير وچعله فى ميزآن حسنآتگ يوم آلقيامه

تسلم آلآيآدى وپآرگ آلله فيگ

دمت پحفظ آلرحمن



avatar
Mohamed DZ

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 670

السٌّمعَة : 1

تاريخ التسجيل : 08/01/2016

العمر : 14

الموقع : https://www.inkkor.com/


https://www.inkkor.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اضافة زر الصعود الى الاعلى

الأحد يونيو 04, 2017 6:51 am





اضافات رااااااائعه 
اكثر واحد عجبني هاد 
ينفع في المنتدى ولا منو خاص فيه 


مودتي 



avatar
روبي

مبدعين انكور
مبدعين انكور

انثى


عدد المساهمات : 800

السٌّمعَة : 11

phpbb2

chrome

تاريخ التسجيل : 27/05/2017

الموقع : http://www.des-roubi.com/vb/


http://www.des-roubi.com/vb/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اضافة زر الصعود الى الاعلى

الأحد يونيو 04, 2017 1:54 pm


ممتاز ...شكرا ع الطرح الممتاز

avatar
ELProf-DN

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 1219

السٌّمعَة : 40

phpbb3

firefox

تاريخ التسجيل : 27/05/2017

العمر : 28

الموقع : profawy.yoo7.com


http://profawy.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اضافة زر الصعود الى الاعلى

الخميس أغسطس 24, 2017 10:53 am


شكراً لجهودك
تسلم الأيادي
منتهى الابداع
ننتظر جديدك

avatar
الحاج حميد العامري

عضو مشارك
عضو مشارك

ذكر


عدد المساهمات : 79

السٌّمعَة : 0

phpbb2

chrome

تاريخ التسجيل : 07/05/2017


الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: اضافة زر الصعود الى الاعلى

الجمعة أغسطس 25, 2017 9:06 pm


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

avatar
راجية الرحمن

عضو جديد
عضو جديد

انثى


عدد المساهمات : 35

السٌّمعَة : 3

phpbb2

chrome

تاريخ التسجيل : 12/07/2017


الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

عليك اولا بالاطلاع على قوانين شركة انكور التطويرية قبل المشاركة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

  • © phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونة
  • من نحن؟

    شركة انكور التطويرية لدعم ومساعدة وتطوير جميع المواقع والمنتديات من جميع الشكليات والنواحي من خلال عمل الشروحات المصورة سواء فيديوهات او صور لمختلف انواع المواقع والمنتديات و المدونات ودعم واشهار وتلبية تصاميم ما يحتاجه اصحاب المواقع ليطورو من انفسهم ومواقعهم بصورة مجانية

    ادارة شركة انكور التطويرية غير مسؤولة عن اي اتفاق يتم بين الاعضاء