@@ فكرة التنقل السريع بين صفحات موقعك تجربة تحتاج للنقاش @@

**TrustWork** · 24-05-2005

لحظه اخوي انت منصجك ولا تتغشمر ؟؟

ابدااااااااااااااع ماشالله عليك اول مره اشوف هالشغله

10/10 واتمنالك التوفيق

**ابو مشعل** · 24-05-2005

والله يا جماعة اني افخر اني احد اعضاء هالمنتدى

**NLP** · 25-05-2005

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

والله يا جماعة اني افخر اني احد اعضاء هالمنتدى

متميز ومبدع اخي الكريم .. ننتظر تطوير الفكره بشكل اوسع ..

**عبدالعزيز السعيد** · 25-05-2005

السلااام عليكم ..

اليووم بإذن الله بأنزل التجربة الجديدة مع توضيح كل ماأضيف عليها .. وبتكون فقط للإطلاع وبأرسل التجربة للمبدع Zizwar ليضيف عليها بعض اللمسات المعهودة وبعدها بتنزل كاااااااااملة للجميع ..

الأخ Sn3s .. وش دعوة اللي بينا أكبر

.. ووجودك معنا خلا الموضوع 10/10 ..

حبيبنا أبو مشعل .. الله لا يوريك في الدنيا مكره .. وقمت الفخر وجودك معنا .. بأمثالك سُجل الفخر لهذا المنتدى ..

NLP .. في البداية ممكن دورة في البرمجة العصبية

.. وبنسبة للتطوير الجديد فستراه اليووووم ..

محبكم عبدالعزيز ..

**عبدالعزيز السعيد** · 26-05-2005

السلام عليكم ورحمه الله ..

طابت ليلتكم بكل خييير

معاد إلا خير ..

تم الإنتهى من جزء البرنامج اللي عندي وبقي الإضافات عند الأخ Zizwar وقد تم إرسال البرنامج له ..

نموذج البرنامج الذي أتنهيت منه .. إضـــــــــــــــــــغـــــــــــط هـــــــــــــــــــــنــــــــــــا

وسيتم طرح البرنامج كامل بعد أن ينتهي منه الأخ Zizwar ..

التطويرات اللتي على السابق هي :
1-أصبح البرنامج يعمل على iframe واحد يتم طلبه وتكراه عن طلب أي رابط بهذا الشكل

كود HTML:

javascript:open_bar3('name','url','title')

في أي جزء من الصفحة كذلك تم دمج الفكرة بلغة php ليتم عمل القائمة ابدأ على مصفوفات كل ما يسجل فيها يظهر في القائمة ..

كود الصفحة الرئيسية من البرنامج .. حيث تجد المصفوفات وما سجل فيها ..

كود PHP:


<html dir="rtl">



<head>

<title>فــكــرة التـنقــل الـسـريــع</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<meta http-equiv="Content-Language" content="ar-sa">

<script language="JavaScript" src="bar3-start.js"></script>

<script type="text/javascript" language="JavaScript1.2" src="stm2.js"></script>

<link href="css.css" rel="stylesheet" type="text/css">

</head>



<?php

// === class === //

include ("class.php");

// --- class --- //



$Bar3 = new Title();



//أهم عناوين القائمة//

$_name_tob = array ("a","b");

$_title_tob = array ("الصفحة الرئيسية","اتصل بنا");

$_url_tob = array ("in.html","mailto:bar3_sa@hotmail.com");

$_img1_tob = array ("images/dt1.gif","images/email1.gif");

$_img2_tob = array ("images/dt.gif","images/email.gif");



//عناوين بقية القائمة الأولى//

$_name_down = array ("c","d");

$_title_down = array ("صوتيات الموقع","منوعات من الموقع");

$_url_down = array ("ao.html","mn.html");

$_img1_down = array ("images/tour1.gif","images/player1.gif");

$_img2_down = array ("images/tour.gif","images/player.gif");



//عناوين القائمة الفرعية//

$_name_sub = array ("e","f","g");

$_title_sub = array ("سوالف سوفت - قسم تطوير المواقع","سوالف سوفت - قسم برامج المنتديات","سوالف سوفت - PHP");

$_url_sub = array ("http://www.swalif.net/softs/forumdisplay.php?f=3","http://www.swalif.net/softs/forumdisplay.php?f=17","http://www.swalif.net/softs/forumdisplay.php?f=26");

$_img1_sub = array ("images/dossier.gif","images/dossier.gif","images/dossier.gif");

$_img2_sub = array ("images/dossier.gif","images/dossier.gif","images/dossier.gif");





// === شفرة Html === //

include ("html.php");

// --- شفرة Html --- //



?>



</html>

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

ملاحظة : بالنسبة للحقوق فهي مفتوحة لكم يعني طور تعش تنتعش

..

**عبدالعزيز السعيد** · 26-05-2005

آسف لقد نسيت أن أضع كود الجافا سكربت الذي طورته واعتمت عليه في التطوير الأخير ..

كود HTML:

var wino=S=0;
function OnMouseDown(obj){

	wino = 1;
	obj= document.getElementById(obj);

  	obj.style.zIndex = S;
	S++;
}

function winClose(obj,objclass)
{
        objclass = document.getElementById(objclass);
	objclass.parentElement;
	objclass.parentElement.removeChild(objclass);
	delete objclass;

	obj = document.getElementById(obj);
	obj.parentElement;
	obj.parentElement.removeChild(obj);
	delete obj;
}


function open_bar3(a,url,title)
{

        dateid = new Date();
        nameid = a+dateid.getSeconds()+dateid.getMinutes()+dateid.getHours();
        
        out1 = ' <img src="images/close.gif" id="close" alt="إغلاق النافذة '+title+'" onclick="winClose(\''+nameid+'\',\'bar_'+nameid+'\')">';
        out1+= ' <img src="images/ba.gif" id="back" alt="للخلف" onclick="history.back(this);">';
        out1+= ' <img src="images/ne.gif" id="go" alt="للأمام" onclick="javascript:history.go(1);">';
        out1+= ' '+title;

        document.getElementById("Bar3-Div1").innerHTML = out1;

        tmpWindow = document.getElementById("a1");
	newWindow = tmpWindow.cloneNode(true);
        newWindow.id = nameid;
        He = document.body.offsetHeight;
        newWindow.style.height = He-55;
        newWindow.style.display = "block";
	setSource(newWindow,url);
	tmpWindow.parentNode.appendChild(newWindow);
 
	tmpWindow = document.getElementById("Bar3-ToolText1");
	newWindow = tmpWindow.cloneNode(true);
	newWindow.id = 'bar_'+nameid;
        out2 = '<a title="'+title+'" onclick="OnMouseDown(\''+nameid+'\')" href="#">'+title+'&nbsp;&nbsp;<img border="0" src="images/icon.gif" align="texttop" width="16" height="16"></a>';
        newWindow.innerHTML = out2;
        
	newWindow.style.display = "block";
	tmpWindow.parentNode.appendChild(newWindow);

}



function getClientAreaObj(objWin)
{
	for (i = 0; i < objWin.childNodes.length; i++)
		if (objWin.childNodes[i].className == "clientArea")
		{
			objClientArea = objWin.childNodes[i];
			break;
		}
	return objClientArea;
}

function setSource(objWin,src)
{
	objClientArea = getClientAreaObj(objWin);
	objClientArea.src = src;
}

وكما قلت سابقا بعض الدوال الموجوة تم الإستعانه بها من دروس الأخ Zizwar وكذلك بعض الدوال تم الإستعانه بها من الملف المرفق في رد الأخ Nasa Baby ..

**Zizwar** · 26-05-2005

تم الإستلام هذا الصباح :nice: سيبدأ دوري من هذا المساء ان شاء الله

أخي بارع هناك مهتم من خارج سوالف أرسل لي رسالة على بريدي يريد الإنظمام معنا ، هذه نص الرسالة

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

أخي Zizwar

تابعت فكرة التنقل السريع بين الصفحات
http://www.swalif.net/softs/showthre...=117315&page=1

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

أرجو الاطلاع على هذا المثال
http://www.alistapart.com/d/eatcake/final.html
و هذا شرح الطريقة
http://www.alistapart.com/articles/eatcake/

و هذا مثال لصنع قوائم - يمكن أن تفيد لقائمة ابدأ
http://www.alistapart.com/d/horizdro...orizontal2.htm
و هذا شرحها
http://www.alistapart.com/articles/horizdropdowns/

وفقك الله

أخوك
medmuseum
hatemhosny[@]gmail.com

**KuwaiTCT** · 27-05-2005

www.al36f.com/js انــظــروا لــقد قمت بتركيبه و اصبح لموقع استضافة و لكن تنقصه بعض القوائم

**pop** · 27-05-2005

ما اقول غير انك بارع ...

**عبدالعزيز السعيد** · 28-05-2005

أهلاااااااا بك Zizwar .. أتمنى رؤيتك على المسنجر .. حتى توافينا بكل متسجد على البرنامج .. أو ضع لنا هنا خطوات العمل حتى نشاهد مراحل التطور ...
وبنسبة للأخ medmuseum فأشكره على تفاعله معنا وحتى نتواصل فهذا بريدي المسنجر bar3[at] hotmail.com ..

pop .. شكرااااااااا لواجدك معنا ..

أخي KuwaiTCT .. أشكرك جدا على دعمك لنا واتمنى ترسلي بريدك أو تضيفي على المسنجر حتى أعطيك نسخه من البرنامج المطور حتى تستطيع إضافه على القائمة .. لأني حاولت مراسلك لكن يبدو أنك موقف خدمة رسائل الأعضاء :con2: ..

وهذا توضيح لكيفية الإضافة على القائمة ..

كود PHP:


<html dir="rtl">



<head>

<title>فــكــرة التـنقــل الـسـريــع</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<meta http-equiv="Content-Language" content="ar-sa">

<script language="JavaScript" src="bar3-start.js"></script>

<script type="text/javascript" language="JavaScript1.2" src="stm1.js"></script>

<link href="css.css" rel="stylesheet" type="text/css">

</head>



<?php

// === class === //

include ("class.php");

// --- class --- //



$Bar3 = new Title();



// عنوان الصفحة الأولى //

$_index = array ("in","in.html","الصفحة الرئيسية");



//عناوين أهم عناوين القائمة//

$_name_tob = array ("a","b");

$_title_tob = array ("الصفحة الرئيسية","اتصل بنا");

$_url_tob = array ("in.html","mailto:bar3_sa@hotmail.com");

$_img1_tob = array ("images/dt1.gif","images/email1.gif");

$_img2_tob = array ("images/dt.gif","images/email.gif");



//عناوين بقية القائمة الأولى//

$_name_down = array ("c","d");

$_title_down = array ("صوتيات الموقع","منوعات من الموقع");

$_url_down = array ("ao.html","mn.html");

$_img1_down = array ("images/tour1.gif","images/player1.gif");

$_img2_down = array ("images/tour.gif","images/player.gif");



//عناوين القائمة الفرعية//

$_name_sub = array ("e","f","g");

$_title_sub = array ("سوالف سوفت - قسم تطوير المواقع","سوالف سوفت - قسم برامج المنتديات","سوالف سوفت - PHP");

$_url_sub = array ("http://www.swalif.net/softs/forumdisplay.php?f=3","http://www.swalif.net/softs/forumdisplay.php?f=17","http://www.swalif.net/softs/forumdisplay.php?f=26");

$_img1_sub = array ("images/dossier.gif","images/dossier.gif","images/dossier.gif");

$_img2_sub = array ("images/dossier.gif","images/dossier.gif","images/dossier.gif");



// === شفرة Html === //

include ("html.php");

// --- شفرة Html --- //



?>



</html>

حيث أن // عنوان الصفحة الأولى // هو العنوان الذي تريد أن يفتح أول الصفحة حيث أن الخانة الأولى هي الاسم يعني حط أي اسم .. والخانة الثانية هي الرابط والخانة الثالثة هي العنوان ..

أما //عناوين أهم عناوين القائمة// فهي اهم العناوين حيث تكون في أول القائمة وبخط عريض ..

أما //عناوين بقية القائمة الأولى// فهي بقية العناوين الموجودة في نفس القائمة لكن بدون تمييز ..

أما //عناوين القائمة الفرعية// فهي العناوين الثانوية التي تكون ضمن قائمة محتوى الموقع ..

توضيح للمسميات :
$_name : الاسم .. اي شيء ..
$_title : العنوان .. مثلا (الصفحة الرئيسية)
$_url : الرابط ..
$_img1 : الصورة المجاورة للعناون قبل وضع الماوس عليها ..
$_img2 : الصورة المجاورة للعناون عند وضع الماوس عليها ..

**عبدالعزيز السعيد** · 29-05-2005

أعتذر للأخوة فالبريد الموجود في الأعلى فيه خطأ .. والصحيح bar3_sa [at] hotmail.com

تحياتي لكم

**Zizwar** · 15-06-2005

آسف أخي بارع على طول الغياب لكني لم أنسى الموضوع، أعمل حاليا على تطوير أيقونات المكتب شبيهة جدا بالويندوز و بمميزات خاصة أخرى، وصلت فيه الى حد لا بأس يه، سأرسلهم لك في البريد حين انتهائي منهم، لكن ما أريده الآن منك أن تعيد النظر في طريقة Iframe التي تعتمدها و استبدالها بتقنية AJAX ما معناه Include في javascript ستجد أمثلة كثيرة عليها في الملف المرفق الثاني من الموضوع التالي http://www.swalif.net/softs/showthread.php?t=120182
وآسف مرة أخرى

الموضوع: @@ فكرة التنقل السريع بين صفحات موقعك تجربة تحتاج للنقاش @@

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

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

تصحيح البريد

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

هل يمكنك كمستخدم ادسنس شراء تجربة لزيادة الربح ( موضوع للنقاش )

[تجربة خدمه]: فقط لأول الواصلين خدمه كشف جميع صفحات موقعك ذات بيج رانك > 0

بمناسبة تخفيض اسعار : ابدا فى استقرار موقعك الان -- واترك التنقل والقلق على موقعك.

دعوة للنقاش : هل تحتاج كل ماهو موجود في php

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