مرجع اكواد ال jquery

**المتميز السعودي** · 27-08-2009

العد التنازلي
ثم التنفيذ

كود PHP:


<script type="text/javascript">
var second = 5;
$.timer(1000, function (timer) {
if (second > 0) {
$('.rval').text(second);
second = second-1;
timer.reset(1000);
}
else {
$('.rval').hide("slow");
$('.mdow').show("slow");
timer.stop();
}
});
</script>

<div class="rval"> 
</div>
<div class="mdow" style="display: none">
تم العد 
</div>

مرفق ملف ال timer

///////////
الكود الثاني
الارسال الى ملف بدون تحديث الصفحة

كود PHP:


<script>

$(document).ready(function(){    
$("p").click(function () { 
 $.ajax({
   type: "POST",
   url: "report.php",
   data: "lanks=<?php echo $row[lanks];?>",
   success: function(msg){
 $("#report").html(msg);
   }
 });
    });

  });

  </script>
<p>بلغ عن  هذا الملف</p>
<div id="report"></div>

محتوى ملف ال report

كود PHP:


<?php
@header('(anti-spam-(anti-spam-(anti-spam-(anti-spam-content-type:)))) text/html; charset=windows-1256'); 
@header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");    // Date in the past 
@header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // always modified 
@header ("Cache-Control: no-cache, must-revalidate");  // HTTP/1.1 
@header ("Pragma: no-cache");
if(isset($lanks))
{
echo"تم ارسال";
}
else
{
echo"لم يتم الارسال";
}
?>

مرفق ملفات التجربه

الكود القادم ان شاء الله الرفع عن طريق ال jquery

واي كود راح اقابله بضيفه هنا

ارجو ان كان لديكم اي اكواد وضعها هنا ليستفيد منها الكثير من المطورين ونكفيهم عنا البحث

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

**TlT** · 27-08-2009

بالنسبة للكود الاول

هل ممكن طريقة لتنفيذ امر sql بعد عدد معين من الدقائق وتظهر رسالة للمتصفح انه تمت العملية بنجاح ؟؟؟

وشكرا جزيلاً على هذا المرجع

**المتميز السعودي** · 27-08-2009

حياك الله لو تلاحظ الكودين كود تنفيذ ملف والثاني عداد باستطاعتك بكل سهوله دمج الكودين مع بعض

وذلك بالشكل التالي

كود PHP:


<script type="text/javascript">

var second = 5;

$.timer(1000, function (timer) {

if (second > 0) {

$('.rval').text(second);

second = second-1;

timer.reset(1000);

}

else {

////////////// استدعاء ملف بعد العد 

$.ajax({

   type: "POST",

   url: "report.php",

   success: function(msg){

 $(".mdow").html(msg);

   }

 });

///////////////

$('.rval').hide("slow");

$('.mdow').show("slow");

timer.stop();

}

});

</script>

بحيث يكون محتوى ملف report
هو الاستعلام
ومخرجاته هو الرسالة
لاحظ انه تم حذف

كود PHP:


data: "lanks=<?php echo $row[lanks];?>",

لانه ليس لنا حاجة بها

من ناحة الوقت فقط غير

كود PHP:


var second = 5;

الى عدد الثواني التي تريد

**قياسي** · 28-08-2009

أشكرك أخي المتميز السعودي على هذه الأكواد المفيدة.
لدي سؤال بخصوص كود العد التنازلي, ما هي الطريقة لجعل الكود يظهر مرة واحدة فقط عند زيارة أي بي IP معين للصفحة خلال نهار واحد.
أرجو أن تكون وصلت الفكرة فأنا لا أريد أن يظهر العد التنازلي كل ما عملت تحديث للصفحة.

و جزاك الله كل الخير.

**المتميز السعودي** · 28-08-2009

المشاركة الأصلية كتبت بواسطة قياسي مشاهدة المشاركة

أشكرك أخي المتميز السعودي على هذه الأكواد المفيدة.
لدي سؤال بخصوص كود العد التنازلي, ما هي الطريقة لجعل الكود يظهر مرة واحدة فقط عند زيارة أي بي IP معين للصفحة خلال نهار واحد.
أرجو أن تكون وصلت الفكرة فأنا لا أريد أن يظهر العد التنازلي كل ما عملت تحديث للصفحة.

و جزاك الله كل الخير.

حياك الله

شوف اولا تحتاج اضافه الكوكز تحصلها في المرفقات

ثم هذا الكود

كود PHP:


<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="ar" lang="ar">

<head>

<script src="jquery-1.3.min.js" type="text/javascript"></script>

<script src="jquery.timer.js" type="text/javascript"></script>

<script src="jquery.cookies.2.1.0.js" type="text/javascript"></script>



</head>

<body>

<script type="text/javascript">

var second = 5;

/// جلب الكوكز المخزن

var leftCol = $.cookies.get('leftCol');

    // Set the user's selection for the left column

if (leftCol == 'collapsed') {

/// مسح الكوكز

//$.cookies.del('leftCol', 'collapsed', {path : '/'});

}

else

{

$.timer(1000, function (timer) {

if (second > 0) {

$('.rval').text(second);

second = second-1;

timer.reset(1000);

}

else {

/// اضافه الكوكز

$.cookies.set('leftCol', 'collapsed', {path : '/'});

$('.rval').hide("slow");

$('.mdow').show("slow");

timer.stop();

}

});

};

</script>



<div class="rval"> 

</div>

<div class="mdow" style="display: none">

تم العد 

</div>

</body>

</html>

**TlT** · 28-08-2009

المشاركة الأصلية كتبت بواسطة المتميز السعودي مشاهدة المشاركة

حياك الله لو تلاحظ الكودين كود تنفيذ ملف والثاني عداد باستطاعتك بكل سهوله دمج الكودين مع بعض

شكرا جزيلاً على مساعدتك ولكن ظهر لي خطأ في هذا السطر

كود HTML:

$.timer(1000, function (timer) {

وهذه صورة توضح

وجزاك الله خيراً

**قياسي** · 28-08-2009

بارك الله فيك , هذا ما كنت أريده بالضبط.

**المتميز السعودي** · 28-08-2009

المشاركة الأصلية كتبت بواسطة TlT مشاهدة المشاركة

شكرا جزيلاً على مساعدتك ولكن ظهر لي خطأ في هذا السطر

كود HTML:

$.timer(1000, function (timer) {

وهذه صورة توضح

وجزاك الله خيراً

حياك الله
عمل تضمين للملفات في الصفحة

كود PHP:


<script src="jquery-1.3.min.js" type="text/javascript"></script>

<script src="jquery.timer.js" type="text/javascript"></script>

المشاركة الأصلية كتبت بواسطة قياسي مشاهدة المشاركة

بارك الله فيك , هذا ما كنت أريده بالضبط.

حياك الله
الحمد لله

**المتميز السعودي** · 29-08-2009

الرفع عن طريق jquery

مثال على ذلك

http://vip4ksa.net/upload.html

ملفات الدرس في المرفقات

تم الاستعادة باضافه للجي كويري
وهي ملف jquery.ocupload-1.1.2

ملف الرفع

كود PHP:


<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="ar" lang="ar">

<head>

<script src="jquery-1.3.min.js" type="text/javascript"></script>

<script src="jquery.ocupload-1.1.2.js" type="text/javascript"></script>

</head>

<body>

<script type="text/javascript">

$(document).ready(function(){ 

    $('#upload1').upload({

        name: 'links',

        method: 'post',

        enctype: 'multipart/form-data',

        action: 'upload2.php',

        onSubmit: function() {

            $('#progress1').html('<div class=categories><img alt="" src="loadingAnimation.gif"/></div>');

        },

        onComplete: function(data) {

            $('#progress1').html(data);

        }

    });



});

</script>

<div>اختر ملف <input id="upload1" type="File"> </div>

<div id="progress2"></div>

<div id="progress1"></div>

</body>

</html>

ملف ما بعد الرفع :funny:

كود PHP:


<?php

@header('(anti-spam-content-type:) text/html; charset=windows-1256'); 

@header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 

@header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); 

@header ("Cache-Control: no-cache, must-revalidate");

@header ("Pragma: no-cache");

$ex=array("image/gif","image/pjpeg","image/jpeg");//مصفوفه وضعنا فيها انواع الملفات المقبوله 

$type=$_FILES['links']['type']; //استقبلنا نوع الملف من خلال المصفوفه files 

if(!in_array($_FILES['links']['type'],$ex))//التأكد من عدم وجود نوع الملف ضمن المصفوفه 

{ 

exit("<br /> صيغه الملف غير معتمده $type"); 

} 

else

{

if($type=="image/gif")

{

$xit=".gif";

}

elseif($type=="image/pjpeg" or "image/jpeg")

{

$xit=".jpg";

}

$link="up_";

 $link.=rand(0,999999999);

 $link.=$xit;

 $path2="up/";

 $path2.=$link;

  $paths2="up/";

 $paths2.=$link;

$up=move_uploaded_file($_FILES['links']['tmp_name'],$path2);



echo'<img alt="" src="'.$path2.'" />';

}

?>

سوف تجد اننا استخدمنا امرين
امر onSubmit
بعد اختيار الملف

و امر onComplete
بعد الانتهاء من الرفع

انتهاء

الموضوع: مرجع اكواد ال jquery

أدوات الموضوع

بحث في الموضوع

مرجع اكواد ال jquery

المواضيع المتشابهه

[تحدي JQuery !] اريد طريقة لحل مشكلة CSS داخل X ربما حلها بالـ JQuery, ممكن مساعدة؟

25 مرجع لتتعلم الPHP من البداية

معضم دوال ال Session في لغة ال php مرجع لكل مبرمج

مرجع كتب الـ PHP العربية و الإنجليزية تفضل..

أريد مرجع للغة XML

ضوابط المشاركة