منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود العد التنازلي

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

معلومة طلب كود العد التنازلي

مُساهمة من طرف medicinedz في السبت 15 أغسطس 2015 - 23:01

طلب كود العد التنازلي

اريد  كود العد التنازلي

Cool  صورة للطلبي



medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 921

http://www.medicinedz.com

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

معلومة رد: طلب كود العد التنازلي

مُساهمة من طرف hudaallah في الأحد 16 أغسطس 2015 - 4:11

هذة اكواد css يتم وضعها فى ورقة css
الرمز:
.soon{
   direction:rtl;
   background-color:#e0f1f4;
   border:1px solid #85c5cf;
   height:20px;
   width:295px;
   padding:10px 8px;
   border-radius:5px;
   }
.text{
   float:right;
   padding-left:3px;
   font-weight:bold;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   }
.hwamsh{
   color:#F00;
   float:right;
   font-weight:bold;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   }
#time{
   float:right;
   padding:0px 4px;
   }
.time{
   background-color:#fff;
   float:right;
   padding:5px 2px;
   border:1px solid #85c5cf;
   border-radius:5px;
   margin-top:-4px;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:12px;
   }

وهذة الاكواد يتم وضعها فى المكان الذى تريده

الرمز:
<!-- hwamsh.com -->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
(function($) {
 
  $.fn.countdown = function(toDate, callback) {
    var handlers = ['seconds', 'minutes', 'hours', 'days', 'weeks', 'daysLeft'];
   
    function delegate(scope, method) {
      return function() { return method.call(scope) }
    }
   
    return this.each(function() {
      // Convert
      if(!(toDate instanceof Date)) {
        if(String(toDate).match(/^[0-9]*$/)) {
          toDate = new Date(toDate);
        } else if( toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/) ||
            toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})\s([0-9]{1,2})\:([0-9]{2})\:([0-9]{2})/)
            ) {
          toDate = new Date(toDate);
        } else if(toDate.match(/([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{2,4})/) ||
                  toDate.match(/([0-9]{2,4})\/([0-9]{1,2})\/([0-9]{1,2})/)
                  ) {
          toDate = new Date(toDate)
        } else {
          throw new Error("Doesn't seen to be a valid date object or string")
        }
      }
     
      var $this = $(this),
          values = {},
          lasting = {},
          interval = $this.data('countdownInterval'),
          currentDate = new Date(),
          secondsLeft = Math.floor((toDate.valueOf() - currentDate.valueOf()) / 1000);
     
      function triggerEvents() {
        secondsLeft--;
        if(secondsLeft < 0) {
          secondsLeft = 0;
        }
        lasting = {
          seconds : secondsLeft % 60,
          minutes : Math.floor(secondsLeft / 60) % 60,
          hours  : Math.floor(secondsLeft / 60 / 60) % 24,
          days    : Math.floor(secondsLeft / 60 / 60 / 24),
          weeks  : Math.floor(secondsLeft / 60 / 60 / 24 / 7),
          daysLeft: Math.floor(secondsLeft / 60 / 60 / 24) % 7
        }
        for(var i=0; i<handlers.length; i++) {
          var eventName = handlers[i];
          if(values[eventName] != lasting[eventName]) {
            values[eventName] = lasting[eventName];
            dispatchEvent(eventName);
          }
        }
        if(secondsLeft == 0) {
          stop();
          dispatchEvent('finished');
        }
      }
      triggerEvents();
     
      function dispatchEvent(eventName) {
        var event = $.Event(eventName);
        event.date  = new Date(new Date().valueOf() + secondsLeft);
        event.value = values[eventName] || "0";
        event.toDate = toDate;
        event.lasting = lasting;
        switch(eventName) {
          case "seconds":
          case "minutes":
          case "hours":
            event.value = event.value < 10 ? '0'+event.value.toString() : event.value.toString();
            break;
          default:
            if(event.value) {
              event.value = event.value.toString();
            }
            break;
        }
        callback.call($this, event);
      }
     
      $this.bind('remove', function() {
        stop(); // If the selector is removed clear the interval for memory sake!
        dispatchEvent('removed');
      });
     
      function stop() {
        clearInterval(interval);
      }

      function start() {
        $this.data('countdownInterval', setInterval(delegate($this, triggerEvents), 1000));
        interval = $this.data('countdownInterval');
      }
     
      if(interval) stop();
      start();
    });
  }
  // Wrap the remove method to trigger an event when called
  var removeEvent = new $.Event('remove'),
      removeFunction = $.fn.remove;
  $.fn.remove = function() {
    $(this).trigger(removeEvent);
    removeFunction.apply(this, arguments);
  }
})(jQuery);
</script>
<script type="text/javascript" charset="utf-8">
    $(function() {
    $('#hwamsh').countdown("2015/09/01" , function(event) 
    {
    switch(event.type) 
    {
    case "seconds":
    case "minutes":
    case "hours":
    case "days":
    case "daysLeft":
        $(this).find('#'+event.type).html(event.value);
    break;
    case "finished":
        $(this).hide();
    break;
    }
    });
    });
</script>
<!-- hwamsh.com -->
<div class="soon">
    <div class="text">موعدنا معكم :</div>
    <div class="time" id="hwamsh">
        <div class="hwamsh" id="days"></div><b id="time">يوم</b>
        <div class="hwamsh" id="hours"></div><b id="time">ساعة</b>
        <div class="hwamsh" id="minutes"></div><b id="time">دقيقة</b>
        <div class="hwamsh" id="seconds"></div><b id="time">ثانية</b>
    </div>   

hudaallah
 
 

ذكر
عدد المساهمات : 944
معدل النشاط : 2954

http://www.hwamsh.com

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

معلومة رد: طلب كود العد التنازلي

مُساهمة من طرف medicinedz في الأحد 16 أغسطس 2015 - 17:30

Shocked وكيف راح يشتغل العد التنازلي

medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 921

http://www.medicinedz.com

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

معلومة رد: طلب كود العد التنازلي

مُساهمة من طرف {Lone~Wolf} في الأحد 16 أغسطس 2015 - 18:08


{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 4339
معدل النشاط : 6732

http://www.t-mrkz.com

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

معلومة رد: طلب كود العد التنازلي

مُساهمة من طرف medicinedz في الثلاثاء 25 أغسطس 2015 - 14:37

تم الحل

medicinedz
 
 

ذكر
عدد المساهمات : 255
معدل النشاط : 921

http://www.medicinedz.com

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

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


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