تطوير مواقع وخدمات

السفراني

السفراني

تم تعديل الكود ليناسب invision

اولا شي ابحث في قالب المواضيع عن التالي

وضع الكود التالي فوقه

<div class="postprofile-contactt">رقم العضوية:</div>

ثم ضع كود الجافا التالي واختار المواضيع

$(function() {
$('.postprofile').each(function(){
var userId = $(this).find('.postprofile-details a').eq(0).attr('href'),
postprofile = $(this).find('.postprofile-contactt').last();
$.get(userId+'stats' , function(d) {
var lastvisit = $('.box-content.profile .stats-field:last-child li:last-child', d);
if (lastvisit[0]) {
lastvisit = lastvisit.html();
$(postprofile).append('<span class="user_id">' + userId.slice(2) + '</span>');
}
});
console.log(userId);});
});

تطبيق اخر

اول شيء اذهب لقالب المواضيع

وابحث عن الكود التالي

<dd class="postprofile-contact">

وضع الكود التالي فوقه مباشرة

<div class="postprofile-contactt">رقم العضوية:</div>

ثم ضع التالي في الجفا واختار المواضيع

$(function() {
$('.postprofile').each(function(){
var userId = $(this).find('.postprofile-contact a').eq(0).attr('href'),
postprofile = $(this).find('.postprofile-contactt').last();
$.get(userId+'stats' , function(d) {
var lastvisit = $('#cp-main > div > div > fieldset:nth-child(7)', d);
if (lastvisit[0]) {
lastvisit = lastvisit.html();
$(postprofile).append('<span class="user_id">' + userId.slice(2) + '</span>');
}
});
console.log(userId);});
});

طريقة التركيب للنسخة الثانية

ابحث عن الكود التالي

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

وضع الكود التالي اسفلة مباشرة

<br /> <div class="postprofile-contactt">رقم العضوية:</div><br />

ثم ضع التالي بالجفا مع اختيار المواضيع

$(function() {
$('tr.post td:first-child').each(function(){
var userId = $(this).find('strong a').eq(0).attr('href'),
postprofile = $(this).find('.postprofile-contactt').last();
$.get(userId+'stats' , function(d) {
var lastvisit = $('#profile-advanced-details .stats-field:last-child li:last-child', d);
if (lastvisit[0]) {
lastvisit = lastvisit.html();
$(postprofile).append('<span class="user_id">' + userId.slice(2) + '</span>');
}
});
console.log(userId);});
});

تم عمل هذا الكود في منتدى ايطالي وبرمجوه لنسخة Invision

السفراني

اولاً يوجد طريقتين للتركيب الاولى وهي : يستطيع من لديه صلاحيات التعديل عليه ولكن لا يستطيع العضو ان يرى مخالفاته الطريقة الثانية وهي .. ان يستطيع العضو قراءة مخالفاته ولكن لا يستطيع التعديل عليه

للتركيب نتجه الى : لوحة الإدارة >>> الأعضاء & المجموعات >>> البيانات الشخصية >>> ننشئ حقل جديد >>> نفعل كما في الآتي

1-النوع : حقل نص متعدد
2-إسم : سجل المخالفات
3-وصف : ندعه فارغ
4-رابط الأيقونة : ندعه فارغ
5-جعل الحقل إجباري عند التسجيل في المنتدى؟ : لا
6-معاينة : البيانات الشخصية .. فقط
7-نوع الاظهار : النص
8-من يستطيع تعديل خيارات و محتويات الحقل؟ المشرفون
9-إظهار هذا الحقل للمستعملين الذين ينتمون على الأقل الى مجموعة : المشرفون
10-فارق : عودة الي السطر
ولو اردنا ان يظهر للاعضاء بدون ان يعدلوا عليه في الخطوة رقم 9 إظهار هذا الحقل للمستعملين الذين ينتمون على الأقل الى مجموعة : نضع الاعضاء ..

السفراني

الصور و الألوان

إدارة الصور لوحة إدارة كاملة

الدخول لـ مظهر المنتدى
الذهاب الى
الصفحة الرئيسية و ازرار التصفُّح
راح تجد : العملية
الضغط على المأشر البرتقالي +
1- راح تجد الصوره :
صمم ما تحب واربع الرابط
2- اعدادات < اعلى الصفحه
موقع البنر الرئيسي للمنتدى : الى اليمين وسط الى اليسار
اظهار عنوان المنتدى : نعم لا
اظهار الصور فقط في عارضة أزرار التصفح : نعم لا
هنااااا الاهم تحويل القائمه لصور كما اللى صممته ضعها نعم
موقع عارضة أزرار التصفح : الى اليمين وسط الى اليسار
الرئيسية - المنتدى
gif
البوابة - الرئيسية
gif
اليومية - التقويم
gif
مكتبة الصور
gif
المنشورات
gif
س .و .ج
gif
بحـث
gif
الأعضاء
gif
المجموعات
hgif
البيانات الشخصية
gif
الرسائل الخاصة
gif
التسجيل - تعني انت موجود
gif
دخول - يعني قم بالتسجيل

الانتباه : للون المكان اللى فيه

السفراني

فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل حسب ما يحب

صوره

مثال لمنتدى تم وضع الخاصية عليه: http://themeselect.ahlamontada.com
لفعل ذلك, المرجو اتباع الشرح التالي و المكون من 3 مراحل بدقة شديدة:
1. المرحلة الأولى: اعداد ورقة ال css الخاصة بالستايلات.
1. اول شيء تقوم به قبل بدئ عملية التنسيق هو ان تبحث في موقع مشاطرة الستايلات http://ar.hitskin.com عن كل الستايلات التي تريد ان تضعها في نفس الوقت على منتداك (ملاحظة هامة: يجب عليك اجباريا ان تختار تصاميم من نفس نسخة منتداك)

2. نحن سنختار هنا للمثال فقط لا للحصر 4 تصاميم هي:

http://ar.hitskin.com/search-skin/skin-138662.htm
http://ar.hitskin.com/search-skin/skin-102265.htm
http://ar.hitskin.com/search-skin/skin-132979.htm
http://ar.hitskin.com/search-skin/skin-103479.htm

3. كما يمكنك ملاحظته, كل تصميم يتميز برقم تعريفه على شكل ar.hitskin.com/search-skin/skin-xxxxxx.htm و هذا الرقم الخاص بتعريف التصميم هو الذي يهمنا في موضوعنا هذا

4. قم بنسخ ارقام تعريف كل التصاميم التي تريد ان تضعها على منتداك و اضفها في المكان المخصص لها و المحدد بعلامات xxxxxx في رابط ورقة ال css التالي http://forum_url/xxxxxx-rtl.css . ثم عوض forum_url برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد
مثال
اذا كان رابط منتداي هو: https://help.ahlamontada.com
و روابط التصاميم التي تهمني هي:
http://ar.hitskin.com/search-skin/skin-138662.htm ثم http://ar.hitskin.com/search-skin/skin-102265.htm
في هذه الحالة, رابط ورقتا ال css اللتان ساحصل عليهما و سأحتفض بهما هما:
https://help.ahlamontada.com/138662-rtl.css ثم https://help.ahlamontada.com/102265-rtl.css
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال Java-script : ثم قم بانشاء كود جديد.
6. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
كود

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(function(){

$("#frame_chatbox").load(function(){
$("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
});

$("iframe[name=smilies]").load(function(){

$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style
type="text/css">body{margin:0!important;}</style>');
});

$("body").prepend('<select id="sstyle"
onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>اختر
ستايل</option></select>');

addstyle("تجربة1","http://help.ahlamontada.com/138662-rtl.css");
addstyle("تجربة2","http://help.ahlamontada.com/102265-rtl.css");
addstyle("تجربة3","http://help.ahlamontada.com/102265-rtl.css");
addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");

});

7. لتغيير اسم التصميم, عليك ان تغير اسم التجربة 1 في هذا المثال اذا اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التجربة 1" فما عليك الا تغيير الإسم لا غير
8. تغيير رابط ورقة ال css الذي هو على هذا الشكل http://forum_url/xxxxxx-rtl.css بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل الروابط المتواجدة افتراضياً
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
كود

addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");

9. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
بالتوفيق

السفراني

يمكنك تغير الخلفيه للون وغيرها

البحث عن

<b:include data='top' name='status-message'/>

تحته

<b:include data='posts' name='breadcrumb'/>

والبحث عن

<b:includable id='main' var='top'>
الاسبدال ب
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
»
<span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a>
» All posts

<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

والاستايل

البحث عن

]]></b:skin>

فوقه

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
}

وعندك الثاني

.breadcrumbs {
font-size: 14px;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
height: 25px;
line-height: 25px;
color: #454545;
border: solid 1px #cacaca;
width: 100%;
overflow: hidden;
margin-bottom: 25px;
padding: 0px
}

تحتاج لتعديل وتعريب فقط

السفراني

كودين اختر اللى يناسبك

1- خط غير اللون

البحث عن

]]></b:skin>

فوقه

.post-title {
text-align: center; /* توسيط النص */
font-size: 24px; /* حجم الخط */
color: #333; /* لون النص */
margin-bottom: 10px; /* التباعد السفلي */
text-transform: uppercase; /* تحويل النص إلى حروف كبيرة */
border-bottom: 2px solid #1aa1e2; /* خط أسفل */
padding-bottom: 5px; /* التباعد الداخلي للجزء السفلي */
font-weight: bold; /* سمك الخط */
/* أنماط أخرى حسب الحاجة */
}

2- مغطئ بلون غير

البحث عن

]]></b:skin>

فوقه

.post-title {
text-align: center; /* توسيط النص */
font-size: 28px; /* حجم الخط */
color: #fff; /* لون النص */
background-color: #1aa1e2; /* لون الخلفية */
padding: 10px; /* التباعد الداخلي */
border-radius: 5px; /* زاوية الحواف */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* ظل */
/* أنماط أخرى حسب الحاجة */
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* توسيط العناصر في Flexbox لأجهزة الجوال */

@media screen and (max-width: 768px) {
.flex-container {
flex-direction: column; /* توسيط العناصر رأسيًا على الهواتف */
}
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* توزيع العناصر بشكل مرن */

.flex-container {
display: flex;
justify-content: space-between; /* توزيع العناصر بالتساوي بينها */
align-items: center; /* توسيط العناصر عموديًا */
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* توسيط العنوان */
h1 {
font-size: 2.5rem;
margin-bottom: 20px;
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* توسيط الصور */
img {
display: block;
margin: 0 auto; /* توسيط الصور داخل العناصر المحتوية */
max-width: 100%; /* جعل الصور تأخذ عرضاً كاملاً وتناسب الشاشات */
height: auto;
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* تخطيط الشبكة بستة أعمدة متساوية */
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* ثلاثة أعمدة متساوية */
gap: 20px;
margin-top: 20px;
}

.grid-item {
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
text-align: center;
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* تخصيص الزر */
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}

.button:hover {
background-color: #0056b3;
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* تكييف العناصر مع أحجام الشاشات */
@media screen and (max-width: 768px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); /* عمود واحد فقط عندما تكون الشاشة صغيرة */
}
}

وسلامتكم

السفراني

البحث عن

]]></b:skin>

فوقه

/* توسيط الصفحة بشكل عام */
body {
font-family: 'Arial', sans-serif;
background-color: #f0f0f0;
color: #333;
line-height: 1.6;
text-align: center; /* توسيط النصوص بشكل عام */
padding: 20px;
}

وسلامتكم

السفراني

فيه مجاني وفيه مدفوع

https://htmlcodex.com/

ممتاز

السفراني

مميزات السكربت :

- محرك بحث متكامل سريع

- الفئات (حتى عمق 4 مستويات) و / أو وضع العلامات

- التصويت والتعليقات والمتابعة والأسئلة المغلقة

- إدارة السمعة القائمة على النقاط

- RSS وإخطارات البريد الإلكتروني وموجز الأخبار الشخصية

- اضافات يمكن تركيبها من لوحة التحكم

المصدر

https://docs.question2answer.org/

المثال

http://demo.question2answer.org/

التثبيت

1- تعمل مجلد وتسميه كما تشاء مثلا :

HaYeF5

وتحط ملفات السكربت بداخله وتذهب لـ qa-config-example.php

لاضافه قاعده البيانات

بعد التعديل لهذا :

define('QA_MYSQL_HOSTNAME', '127.0.0.1');
define('QA_MYSQL_USERNAME', 'your-mysql-username');
define('QA_MYSQL_PASSWORD', 'your-mysql-password');
define('QA_MYSQL_DATABASE', 'your-mysql-db-name');

ويمكنك تعدل التالي بعد :

!

2- وترفع المجلد للاستضافه لموقعك

Question2Answer by Gideon Greenspan and contributors

السفراني

بما ان أساس البرمجه هي الشرط if إذا لابد ان نعطيها حقها من الشرح ان شاء الله . إن ألهمني الله كل ما في جعبتي بخصوص هذا الشرط فلن ابخل به ابدا

إليك بعض الأمثله بصمت وهدوء !! قم بالتطبيق عليها حتى تتفهمها اكثر :

$number1 = 1;
if ($number1 == 1)
{
echo 'مساء الخير';
}
مثال آخر
$number2 = 10;
if ($number2 < 20)
{
echo 'العدد اكبر من';
}
مثال آخر
$number1 = 1;
$number2 = 10;
$number3 = 'السلام عليكم ورحمة الله وبركاته';
if ($number3)
{
$c = $number1+$number2;
echo '$number3<br>ناتج جمع $number1 و $number2 = $c<br>';
}
مثال آخر
$number2 = 10;
if ($number2 < 100)
{
echo 'أحمد<br>';
}else{
echo 'محمد<br>';
}
مثال آخر
if ($image){
$mmm = '<p align='center'><img border='0' src='$image'></a><br>';
}else{
$mmm = 'لايوجد صوره<br>';
}
echo '$mmm';
مثال أوسع
$n = 3;
if ($n == 1)
{
echo 'أحمد<br>';
}
elseif($n == 2)
{
echo 'محمد<br>';
}
elseif($n == 3)
{
echo 'ابوليالي<br>';
}else{
echo 'لايوجد أسماء<br>';
}

تم استخدام الشرط if بالامثله السابقه وطبعا تم ادراج بعض الاكواد المساعده للشرط مثل

else

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

elseif

حيث ان اذا كان الشرط يساوي 1 نكتب محمد واذا كان الشرط يساوي 2 نكتب علي واذا كان الشرط يساوي 3 نكتب احمد واذا لايساوي ماسبق نتبعها بـ else ونكتب عباره تفي بالغرض كما في المثال الأخير

طبعا الامثله كثيره وعديده وتستطيع ان تبدع بها وقمت بكتابة الاكواد والامثله الاساسيه في تعلم تطبيقات الشروط بشتى الانواع ... ولك الخيار في النهاية

وتستطيع استخدام المعاملات الرياضيه مثل اكبر من واصغر من ويساوي ولا يساوي وهكذا

أكبر من <

أقل من >

أكبر من أو يساوي =<

أقل من او يساوي =>

الشرط <> و =! ( لايساوي )

الشرط = يساوي وأتمنى اني قد وفقت في شرحي هذا وايصال الفكره للجميع بكل بساطه وسهوله . والله ولي التوفيق

السفراني

يمكنك استخدام JavaScript للقيام بذلك. يمكنك استخدام document.getElementsByTagName('a') للعثور على جميع الروابط في الصفحة ثم استخدام filter لتصفية الروابط الداخلة إلى الموقع الحالي، ثم يمكنك العد من الروابط المتبقية. إليك مثال بسيط:

// احصل على جميع الروابط في الصفحة

var allLinks = document.getElementsByTagName('a');

// تحديد الروابط الداخلة إلى الموقع الحالي

var internalLinks = Array.prototype.filter.call(allLinks, function(link) {

return link.href.indexOf(window.location.hostname) !== -1;

});

// عدد الروابط الداخلة

var numberOfInternalLinks = internalLinks.length;

console.log("عدد الروابط الداخلة إلى الموقع:", numberOfInternalLinks);

تأكد من تضمين هذا الكود داخل <script> في صفحة الويب الخاصة بك. قد لا يكون هذا الكود دقيقًا بنسبة 100% حسب بنية موقعك، لكنه يوفر نقطة انطلاق جيدة

وكيف الرفع "

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>كشف عدد صفحات الموقع</title>
</head>
<body>

<script>
// احصل على جميع الروابط في الصفحة
var allLinks = document.getElementsByTagName('a');

// تحديد الروابط الداخلة إلى الموقع الحالي
var internalLinks = Array.prototype.filter.call(allLinks, function(link) {
return link.href.indexOf(window.location.hostname) !== -1;
});

// عدد الروابط الداخلة
var numberOfInternalLinks = internalLinks.length;

console.log("عدد الروابط الداخلة إلى الموقع:", numberOfInternalLinks);
</script>

</body>
</html>

كيفية الرفع:

قم بفتح محرر نصوص مثل Notepad++ أو Visual Studio Code

انسخ الكود السابق والصقه في ملف جديد

احفظ الملف باسم "index.html"

قم برفع الملف "index.html" إلى خادم الويب الخاص بك باستخدام أي برنامج نقل ملفات FTP أو عبر لوحة التحكم في الاستضافة

بعد رفع الملف، يمكنك فتح الموقع في متصفح الويب الخاص بك وستظهر النتائج في وحدة تحكم المتصفح

السفراني

كيفية انشاء الدوال والتحكم بها (Function)

السلام عليكم الداله هي ما يعرف بـ Function وطريقة استخدامها سهله ولها الكثير من الاستخدامات وسنطرح بعض الامثله حتى نتعرف على طريقة استخدام الدوال بالشكل الصحيح

مثال بسيط :

<?
Function tlbat()
{
echo 'أهلا وسهلا بكم بموقع طلبات';
}
?>

والآن انت صنعت داله خاصه بك ولكن كيف نعرضها !!

ببساطه طريقة عرض الدوال هي كتابة اسم الداله متبوعه بالقوسين ثم علامة الاغلاق كالمثال التالي :

<?
tlbat();
?>

والآن ستلاحظ انه تم طباعة ما بداخل الداله وهو

أهلا وسهلا بكم بموقع طلبات ================

أكيد راح تقول هذي بسيطه وسهالات ولكن هل تعلم ان الداله لا تتعرف على المتغيرات التي خارج اقواس الداله نفسها

فعلا ان الداله لا تتعرف على المتغيرات التي خارج الاقواس المعكوفه إلا ان تقوم بتعريف متغير وتضمينه بالداله ... !!! إليك الطريقه وهي بسيطه ايضا :

$name = 'ابوليالي';
Function myname($name)
{
echo 'السلام عليكم يا $name';
}

لاحظ السطر الاول وهو المتغير $name

ثم السطر الثاني وهو بداية الداله واسمها ثم بين الاقواس ستجد نفس المتغير $name وضعناه هنا حتى تتعرف عليه الداله وتعتبره داخلا بعمل الداله نفسها

ثم قمنا بطباعة عباره من ضمنها المتغير $name . والآن طريقة العرض وهي كالتالي :

<?
myname($name);
?>

هل لاحظ الفرق بين المثال الأول والمثال الثاني !!

في هذا المثال قمنا بعرض الداله ثم ادرجنا المتغير بين الاقواس حتى يتم عرضه واذا لايوجد متغير بين الاقواس سيظهر لك خطأ ============ وهذه بعض الشروحات من مواقع مختلفه لطريقة كتابة الدوال اكثر احترافيه اعادة قيمة من الدالة

لو افترضنا ان لدينا دالة باسم test ووضيفتها جمع رقمين وتخزينها في متغير $c

<?
function test($a,$b)
{
$c = $a+$b;
}
?>
اذا استدعينا الدالة بهذا الشكل
<?
echo test(2,3);
?>

الشيء المتوقع من هذه الدالة انها تعيد الرقم 5 كناتج للجمع بين 2 و 3 ولكن في حقيقة الأمر فانها لا تعيد شيئا

وحتى تعيد الدالة قيمة يجب كتابة العبارة return ثم يتبعة المتغير المخزنه فيه القيمة العائدة من الدالة

والشكل الصحيح للدالة

<?
function test($a,$b)
{
$c = $a+$b;
return $c;
}
?>

والان جرب الدالة ستجدها تعيد الرقم 5 ========= [color=B09664]المدى [/color] المتغيرات داخل الدالة تسمى متغيرات محلية بمعني ان المتغير معرف فقط داخل الدالة لكن لا يمكن استخدامه خارجها وعند استخدامهفلن يعمل شيء

مثال

لدينا الدالة fun تحوي متغير $var وقمنا بتخزين جمله ما فيه

عند استدعاء الدالة سوف تطبع هذه الجمله لكن عند طباعة المتغير $var فانه لن يطبع اي شي

والسبب كما قلنا انه متغير محلي

وهذا المثال جربه بنفسك

<?
function fun()
{
$var = 'شبكة البدر';
return $var;
} echo fun();
echo'<br>';
echo $var;
?>

ولجعل المتغير عمومي بمعنى انه يمكن استخدامه خارج الدالة نضيف الكلمة global قبل المتغير

وبالتالي يصبح الكود السابق

<?
function fun()
{
global $var;
$var = 'شبكة البدر';
return $var;
} echo fun();
echo'<br>';
echo $var;
?>

الان قم بتجربة الكود ستلاحظ انه قام بطباعة قيمة المتغير $var بالرغم انه موجود داخل الدالة

ملاحظة

نستطيع ان نلغي صفة العمومية من المتغير باستخدام unset

<?
unset($var);
?>

=========== العودة من الدالات

احيانا قد نرغب بالعودة دون تكملة الدالة بناءا على شرط ما ولذلك فاننا نستخدم الكلمة return

انظر معي لهذا المثال

في هذا المثال انشأنا دالة باسم fun ومررنا لها متغيرا $var وجعلنا هناك شرطا وهو اذا كان هذا المتغير يساوي 5 ترجع الدالة قيمة صحيحة اما غير ذلك فان الدالة ترجع قيمة خاطئة

<?
function fun($var)
{
if($var == 5)
{
return true;
}else
{
return false;
}
?>

عند استدعاء نمرر رقم بناء على شرط

<?
if(fun(10))
{
echo 'هذا الرقم هو خمسه';
}
else{
echo'هذا الرقم لا يساوي خمسة';
}
?>

راح تطبع الدالة :'هذا الرقم لا يساوي خمسة '

لان الرقم الممرر لها هو 10 =============== امثلة لإنشاء الدالات الدالة الأولى وضيفتها انشاء جدول وتاخذ بارمترين الأول عدد الصفوف والاخر عدد الأعمدة

<?
function table ($rows,$col)
{
echo'<table border='1' cellpadding='0' cellspacing='0' width='100%'>';
for($i=1;$i<=$rows;$i++)
{
echo'<tr>';
for($m=1;$m<=$col;$m++)
{
echo'<td width>????</td>';
}
echo'</tr>';
}
echo'</table>';
}
?>

بامكانك تمرر لها العدد الذي تريده من الصفوف والاعمدة

<?
table(8,5);
?>

======================= الدالة الثانية تتحكم في لون وحجم الخط

وتحتاج الى ثلاث بارامترات الأول لون الخط والثاني حجمه اما الثالث فهو النص

<?
function font($color,$size,$text)
{
echo'<font color='$color' size='$size'>$text</font>';
}
?>

وهذا مثال عليها

<?
$text='مرحبا بكم معنا في شبكة البدر';
font(brown,8,$text);
?>
وهذه داله تقوم الداله بالتحويل الى الرابط المحدد
<?
function goto($url)
{
echo'<meta htp-equiv='Refresh' content='1; Url=$url'>';
}
?>

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

الصفحات

اخر المواضيع

عرض المحتوي

بحث

الأربعاء، 24 يوليو 2024

صور vBulletin

كود رقم العضوية على نسخة invision

طريقة وضع سجل مخالفات العضو

اضهار روابط القائمه او بالصوره من المهمات لوجهه الموقع

وضع اكثر من استايل في نفس الوقت للمنتدى

الاثنين، 22 يوليو 2024

قائمه المقاله رصاصي

السبت، 20 يوليو 2024

خط وتغطيه المقاله كود

توسيط العناصر في Flexbox لأجهزة الجوال

توزيع العناصر بشكل مرن

توسيط العنوان

توسيط الصور

تخطيط الشبكة بستة أعمدة متساوية

تخصيص الزر

تكييف العناصر مع أحجام الشاشات

توسيط الصفحة بشكل عام

خدمات بالصور Free HTML Website Templates htmlcodex

السبت، 29 يونيو 2024

سكربت سؤال و جواب من المصدر question2answer

يقولون أساس البرمجه هي IF (مارأيك نتعلمها سويا)

لمواقع كود جافا سكربت كشف عدد صفحات الموقع تلقائي

كيفية انشاء الدوال والتحكم بها (Function)

زوار العالم

المتابعون

مشاهدة الصفحة

Translate ترجمة