[دورة برمجة السكربتات - html ]: نهاية الدورة

DeletedUser

Guest
145719834960951.png


بسم الله الرحمن الرحيم.
السلام عليكم ورحمة الله وبركاته


يشرفني اليوم الاعلان عن انتهاء دورة ال " HTML "
وتم تلخيصها ب 7 دروس.


لم اتعمق باللغة كاملة من كل جوانبها, لكن علمت الاساسيات والاشياء
التي سيتم استخدامها في الدورات التالية.

لمن اراد التعمق اكثر, فليذهب الى اليوتيوب ومواقع التعليم المشهورة
مثل:-

Code adacemy
W3Schools


المتأخرين يقدرون يدرسون اللي مضى وأنا إن شاء الله موجود 24 ساعه هنـآ


[h=1][فهرس]:دورة برمجة السكربتات[/h]






[ .. النهاية .. ]




لآتقفٌ فيُ آلدورة آلحآلية بلُ قمُ بزيآرة مواقع أخرى للآطلاعُ علىُ كلُ مآهوُ جديد ومفيد َ
في أمـآآآآن الله ..




 

DeletedUser

Guest
يعطيك العافيه على الدوره , ماقصرت صراحه ,

+ احتاج مساعده لأستفيد ويستفيد كل زوارد منتدى حرب القبائل ,


وهذي كتالي ,


هذي كود
HTML:
javascript:
$.getScript("https://dl.dropboxusercontent.com/s/agy28f8l4t4xf35/tribalwars.ae/smithSpeed.js");
void(0);

وهي سكربة الحداد , تعمل عنطريق عمليات التطوير (الشكل العام)


+ اتمنى الشرح على هذي السكربة ,

يعني , تبدأ بتبسيط السكربة , وتشرحها بترتيب , معى طريقة صنع واحدة مشابة لها , ليتمكن كل من يرى الردرس من صنع سكربة الحداد ,, وهذي بداية تقدم ان شاء الله,​





واتوقع هذي اكواد السكربة ,
HTML:
/*

 ###########################################################
#                                                           #
#     #  #         #  #                                     #
#     # #    ###   # #   ###      ###   ###    ##   ###     #
#     ##    #   #  ##   #   #    #   # #   #  # #  #   #    # 
#     ##    #####  ##   #####       #  #   #    #  #   #    #
#     # #   #      # #  #          #   #   #    #  #   #    #
#     #  #   ###   #  #  ###  # # ####  ###    ###  ###     #
#                                                           #
 ###########################################################
________________________________________________________

 name script: سكربت الحداد البسيط
 Upload date : 03.02.2013 - time: 16:16
 data     : 2012
 name     : fessal 
 Nickname : keke..2010
 url      : http://forum.tribalwars.ae/member.php?u=24151
 url      : www.tribalwars.ae
 skype    : keke..2010 
 email    : boob-77@hotmail.com
__________________________________________________

Copyright (C) 2013 (keke..2010), all rights reserved
version 2 , 03 February 2013
________________________________________

*/
javascript:
$("#techs_table").before("<h4>تم برمجة السكربت من قبل <a href=http://forum.tribalwars.ae/member.php?u=24151 target=keke >keke..2010</a></h4></br>").before("<button>!! click me</buttion></br><p id='keke' style='display:none'><b>سكربت خاص للحداد (البسيط)</b></br></br><b>  وظيفة السكربت : </b></br></br>1- بالضغط على علامة ( + ) في أعلى اي خانه سيقوم برفعها</br></br><b> وظيفة الأزرار الجانبيه : </b></br></br>1- الزر رفع مستويات الحداد بالكامل</br>يقصد به أي سيقوم برفع جميع الخانات على كافة الوحدات بالكامل</br></br>2- الزر إلغاء جميع الأوامر المنفذه</br>يقصد به اي سيقوم بإلغاء جميع الأوامر المنفذه على جميع الوحدات على الحداد بالكامل</br></br>3- <a href=http://forum.tribalwars.ae/showthread.php?t=63014 target=keke >تعليمات عن السكربت من المنتدى العام</a></br></br></br><a href=http://forum.tribalwars.ae/member.php?u=24151 target=keke >keke..2010</a></p>");
$("button").click(function(){
	$("#keke").slideToggle();
});

$("#techs_table").before('</br><button id="ff">رفع مستويات الحداد</br> بالكامل</button>');
$("#ff").click(function(){
	$(".rtt.brown").click();
});


$("#techs_table").before('<button id="mm">إلغاء جميع الأوامر المنفذه </br> بالكامل</button>');
$("#mm").click(function(){
	$(".tech-cancel-icon").each(function(){
		$(this).find("img").click();
		$(".btn-confirm-yes").click();
	})
});

var Ten = $("#techs_table tr th:eq(11)").find("img").attr("src");
var Eight = $("#techs_table tr th:eq(9)").find("img").attr("src");

if(Ten.match(/unit_catapult/)){

	$('<button id="A"> + </button>').prependTo("#techs_table tr th:eq(2)");
	$("#A").click(function(){
		$("#techs_table tr td:nth-child(3)").find(".rtt.brown").click();
	});


	$('<button id="wg"> + </button>').prependTo("#techs_table tr th:eq(3)");
	$("#wg").click(function(){
		$("#techs_table tr td:nth-child(4)").find(".rtt.brown").click();
	});


	$('<button id="ag"> + </button>').prependTo("#techs_table tr th:eq(4)");
	$("#ag").click(function(){
		$("#techs_table tr td:nth-child(5)").find(".rtt.brown").click();
	});


	$('<button id="sg"> + </button>').prependTo("#techs_table tr th:eq(5)");
	$("#sg").click(function(){
		$("#techs_table tr td:nth-child(6)").find(".rtt.brown").click();
	});


	$('<button id="J"> + </button>').prependTo("#techs_table tr th:eq(6)");
	$("#J").click(function(){
		$("#techs_table tr td:nth-child(7)").find(".rtt.brown").click();
	});


	$('<button id="hg"> + </button>').prependTo("#techs_table tr th:eq(7)");
	$("#hg").click(function(){
		$("#techs_table tr td:nth-child(8)").find(".rtt.brown").click();
	});


	$('<button id="rg"> + </button>').prependTo("#techs_table tr th:eq(8)");
	$("#rg").click(function(){
		$("#techs_table tr td:nth-child(9)").find(".rtt.brown").click();
	});


	$('<button id="cg"> + </button>').prependTo("#techs_table tr th:eq(9)");
	$("#cg").click(function(){
		$("#techs_table tr td:nth-child(10)").find(".rtt.brown").click();
	});


	$('<button id="HH"> + </button>').prependTo("#techs_table tr th:eq(10)");
	$("#HH").click(function(){
		$("#techs_table tr td:nth-child(11)").find(".rtt.brown").click();
	});


	$('<button id="ASD"> + </button>').prependTo("#techs_table tr th:eq(11)");
	$("#ASD").click(function(){
		$("#techs_table tr td:nth-child(12)").find(".rtt.brown").click();
	});


}else if(Eight.match(/unit_catapult/)){

	$('<button id="A"> + </button>').prependTo("#techs_table tr th:eq(2)");
	$("#A").click(function(){
		$("#techs_table tr td:nth-child(3)").find(".rtt.brown").click();
	});


	$('<button id="wg"> + </button>').prependTo("#techs_table tr th:eq(3)");
	$("#wg").click(function(){
		$("#techs_table tr td:nth-child(4)").find(".rtt.brown").click();
	});


	$('<button id="ag"> + </button>').prependTo("#techs_table tr th:eq(4)");
	$("#ag").click(function(){
		$("#techs_table tr td:nth-child(5)").find(".rtt.brown").click();
	});


	$('<button id="sg"> + </button>').prependTo("#techs_table tr th:eq(5)");
	$("#sg").click(function(){
		$("#techs_table tr td:nth-child(6)").find(".rtt.brown").click();
	});


	$('<button id="J"> + </button>').prependTo("#techs_table tr th:eq(6)");
	$("#J").click(function(){
		$("#techs_table tr td:nth-child(7)").find(".rtt.brown").click();
	});


	$('<button id="hg"> + </button>').prependTo("#techs_table tr th:eq(7)");
	$("#hg").click(function(){
		$("#techs_table tr td:nth-child(8)").find(".rtt.brown").click();
	});


	$('<button id="rg"> + </button>').prependTo("#techs_table tr th:eq(8)");
	$("#rg").click(function(){
		$("#techs_table tr td:nth-child(9)").find(".rtt.brown").click();
	});


	$('<button id="cg"> + </button>').prependTo("#techs_table tr th:eq(9)");
	$("#cg").click(function(){
		$("#techs_table tr td:nth-child(10)").find(".rtt.brown").click();
	});

}
 

DeletedUser

Guest
يعطيك العافيه على الدوره , ماقصرت صراحه ,

+ احتاج مساعده لأستفيد ويستفيد كل زوارد منتدى حرب القبائل ,


وهذي كتالي ,


هذي كود
HTML:
javascript:
$.getScript("https://dl.dropboxusercontent.com/s/agy28f8l4t4xf35/tribalwars.ae/smithSpeed.js");
void(0);

وهي سكربة الحداد , تعمل عنطريق عمليات التطوير (الشكل العام)


+ اتمنى الشرح على هذي السكربة ,

يعني , تبدأ بتبسيط السكربة , وتشرحها بترتيب , معى طريقة صنع واحدة مشابة لها , ليتمكن كل من يرى الردرس من صنع سكربة الحداد ,, وهذي بداية تقدم ان شاء الله,​





واتوقع هذي اكواد السكربة ,
HTML:
/*

 ###########################################################
#                                                           #
#     #  #         #  #                                     #
#     # #    ###   # #   ###      ###   ###    ##   ###     #
#     ##    #   #  ##   #   #    #   # #   #  # #  #   #    # 
#     ##    #####  ##   #####       #  #   #    #  #   #    #
#     # #   #      # #  #          #   #   #    #  #   #    #
#     #  #   ###   #  #  ###  # # ####  ###    ###  ###     #
#                                                           #
 ###########################################################
________________________________________________________

 name script: سكربت الحداد البسيط
 Upload date : 03.02.2013 - time: 16:16
 data     : 2012
 name     : fessal 
 Nickname : keke..2010
 url      : http://forum.tribalwars.ae/member.php?u=24151
 url      : www.tribalwars.ae
 skype    : keke..2010 
 email    : boob-77@hotmail.com
__________________________________________________

Copyright (C) 2013 (keke..2010), all rights reserved
version 2 , 03 February 2013
________________________________________

*/
javascript:
$("#techs_table").before("<h4>تم برمجة السكربت من قبل <a href=http://forum.tribalwars.ae/member.php?u=24151 target=keke >keke..2010</a></h4></br>").before("<button>!! click me</buttion></br><p id='keke' style='display:none'><b>سكربت خاص للحداد (البسيط)</b></br></br><b>  وظيفة السكربت : </b></br></br>1- بالضغط على علامة ( + ) في أعلى اي خانه سيقوم برفعها</br></br><b> وظيفة الأزرار الجانبيه : </b></br></br>1- الزر رفع مستويات الحداد بالكامل</br>يقصد به أي سيقوم برفع جميع الخانات على كافة الوحدات بالكامل</br></br>2- الزر إلغاء جميع الأوامر المنفذه</br>يقصد به اي سيقوم بإلغاء جميع الأوامر المنفذه على جميع الوحدات على الحداد بالكامل</br></br>3- <a href=http://forum.tribalwars.ae/showthread.php?t=63014 target=keke >تعليمات عن السكربت من المنتدى العام</a></br></br></br><a href=http://forum.tribalwars.ae/member.php?u=24151 target=keke >keke..2010</a></p>");
$("button").click(function(){
	$("#keke").slideToggle();
});

$("#techs_table").before('</br><button id="ff">رفع مستويات الحداد</br> بالكامل</button>');
$("#ff").click(function(){
	$(".rtt.brown").click();
});


$("#techs_table").before('<button id="mm">إلغاء جميع الأوامر المنفذه </br> بالكامل</button>');
$("#mm").click(function(){
	$(".tech-cancel-icon").each(function(){
		$(this).find("img").click();
		$(".btn-confirm-yes").click();
	})
});

var Ten = $("#techs_table tr th:eq(11)").find("img").attr("src");
var Eight = $("#techs_table tr th:eq(9)").find("img").attr("src");

if(Ten.match(/unit_catapult/)){

	$('<button id="A"> + </button>').prependTo("#techs_table tr th:eq(2)");
	$("#A").click(function(){
		$("#techs_table tr td:nth-child(3)").find(".rtt.brown").click();
	});


	$('<button id="wg"> + </button>').prependTo("#techs_table tr th:eq(3)");
	$("#wg").click(function(){
		$("#techs_table tr td:nth-child(4)").find(".rtt.brown").click();
	});


	$('<button id="ag"> + </button>').prependTo("#techs_table tr th:eq(4)");
	$("#ag").click(function(){
		$("#techs_table tr td:nth-child(5)").find(".rtt.brown").click();
	});


	$('<button id="sg"> + </button>').prependTo("#techs_table tr th:eq(5)");
	$("#sg").click(function(){
		$("#techs_table tr td:nth-child(6)").find(".rtt.brown").click();
	});


	$('<button id="J"> + </button>').prependTo("#techs_table tr th:eq(6)");
	$("#J").click(function(){
		$("#techs_table tr td:nth-child(7)").find(".rtt.brown").click();
	});


	$('<button id="hg"> + </button>').prependTo("#techs_table tr th:eq(7)");
	$("#hg").click(function(){
		$("#techs_table tr td:nth-child(8)").find(".rtt.brown").click();
	});


	$('<button id="rg"> + </button>').prependTo("#techs_table tr th:eq(8)");
	$("#rg").click(function(){
		$("#techs_table tr td:nth-child(9)").find(".rtt.brown").click();
	});


	$('<button id="cg"> + </button>').prependTo("#techs_table tr th:eq(9)");
	$("#cg").click(function(){
		$("#techs_table tr td:nth-child(10)").find(".rtt.brown").click();
	});


	$('<button id="HH"> + </button>').prependTo("#techs_table tr th:eq(10)");
	$("#HH").click(function(){
		$("#techs_table tr td:nth-child(11)").find(".rtt.brown").click();
	});


	$('<button id="ASD"> + </button>').prependTo("#techs_table tr th:eq(11)");
	$("#ASD").click(function(){
		$("#techs_table tr td:nth-child(12)").find(".rtt.brown").click();
	});


}else if(Eight.match(/unit_catapult/)){

	$('<button id="A"> + </button>').prependTo("#techs_table tr th:eq(2)");
	$("#A").click(function(){
		$("#techs_table tr td:nth-child(3)").find(".rtt.brown").click();
	});


	$('<button id="wg"> + </button>').prependTo("#techs_table tr th:eq(3)");
	$("#wg").click(function(){
		$("#techs_table tr td:nth-child(4)").find(".rtt.brown").click();
	});


	$('<button id="ag"> + </button>').prependTo("#techs_table tr th:eq(4)");
	$("#ag").click(function(){
		$("#techs_table tr td:nth-child(5)").find(".rtt.brown").click();
	});


	$('<button id="sg"> + </button>').prependTo("#techs_table tr th:eq(5)");
	$("#sg").click(function(){
		$("#techs_table tr td:nth-child(6)").find(".rtt.brown").click();
	});


	$('<button id="J"> + </button>').prependTo("#techs_table tr th:eq(6)");
	$("#J").click(function(){
		$("#techs_table tr td:nth-child(7)").find(".rtt.brown").click();
	});


	$('<button id="hg"> + </button>').prependTo("#techs_table tr th:eq(7)");
	$("#hg").click(function(){
		$("#techs_table tr td:nth-child(8)").find(".rtt.brown").click();
	});


	$('<button id="rg"> + </button>').prependTo("#techs_table tr th:eq(8)");
	$("#rg").click(function(){
		$("#techs_table tr td:nth-child(9)").find(".rtt.brown").click();
	});


	$('<button id="cg"> + </button>').prependTo("#techs_table tr th:eq(9)");
	$("#cg").click(function(){
		$("#techs_table tr td:nth-child(10)").find(".rtt.brown").click();
	});

}





السكربت هذا مبرمج بلغة JQuery,
وهذي لغة متقدمة بنتعلمها

خلصنا HTML
اليوم او بكرا بنبدأ CSS
بعدين جافا سكربت
بعدين بنتعلم اللغة المستعملة في انشاء السكربت هذا


وصبرا جميلا
 

DeletedUser32916

Guest
بارك الله فيك ياكريم ، وللتعقيب jQuery مكتبة تضاف للجافاسكربت وليست لغة حتى لا يتصاعبها البعض
وموجوده لتختصر اكوادها ليس إلا ، ولا تحتاج جهد مبذول انما شيء بسيط ..
 

DeletedUser16553

Guest
ما شاء الله يعطيك العافيه يا كيمو على الشروحات المميزه

والله يقويك وتكمل للنهايه حتى نستفيد منك

بالتوفيق​
 
أعلى