سؤال اتمنى الاجابة عليه من خبراء مطور

msk · #1 (**permalink**) 20-03-2008, 06:38 PM

السلام عليكم

اريد ان انشأ موقع مثل هذا http://www.arb4host.net/

مثل صفحات هذا الموقع بحيث انه لما يضغط على احد الروابط تفتح بنفس الصفحة ولا اظن انها معمولة بطريقة الصفحات التضمينية http://www.arb4host.net شوف الموقع واتمنى تكون وصلت الفكرة

أبو جنى · #2 (**permalink**) 20-03-2008, 07:01 PM

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

عززي هذي جافا وفكرتها ان الصفحات يتم تحميلها مع بداية تحميل الصفحة الرئيسية ولذا عند الدخول تجد (انتظر جاري التحميل) وبعد ذلك بمجرد الضغط على اي رابط يعرض الصفحة مباشرة بدون تحميل

تمنياتي لك بالتوفيق

msk · #3 (**permalink**) 20-03-2008, 07:48 PM

هلا بك يا غالى نورت الموضوع ووضحت الفكرة ولكن هل تقدر تقول لى كيفية عملها ؟؟

قمة الإسلام · #4 (**permalink**) 20-03-2008, 09:20 PM

السلام عليكم

اخي العزيز

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

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

انسخ الكود وضعة بعد <head>

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

مثال للكود

اضغط هنا

وجاري انزال الكود فى مكتبة اكواد الجافا في مطور

msk · #5 (**permalink**) 20-03-2008, 09:47 PM

اقتباس:

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

السلام عليكم

اخي العزيز

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

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

انسخ الكود وضعة بعد <head>

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

مثال للكود

اضغط هنا

وجاري انزال الكود فى مكتبة اكواد الجافا في مطور

اخوى الغالى انت لم تفهم قصدى افتح الموقع اللى بالمشاركة وحاول التنقل بين الصفحات شوف كيف راح تفتح معاك الصفحات وشاكر لمرورك

قمة الإسلام · #6 (**permalink**) 20-03-2008, 10:08 PM

اقتباس:

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

اخوى الغالى انت لم تفهم قصدى افتح الموقع اللى بالمشاركة وحاول التنقل بين الصفحات شوف كيف راح تفتح معاك الصفحات وشاكر لمرورك

اخي الحبيب فكرة عمل تقلب الصفح مثل هالطريقة بسيطة

هعطيك مثال

ادخل هنا اا اا استضافه استضافة إستضافه إستضافة أستضافه أستضافة ::: smaahost ... سمافورهوست للاستضافه والتصميم:::اا اا استضافه إستضافه أستضافه

وشوف كيف التقلب بين الصفح والتأثير الى بيحدث فى تقلب الصور

الطريقة المعمولة فى الموقع الي ذكرتة

وهي

انه جعل القوائم ثابتة الى الشمال وفقط بيغير الصفح الفرعية

عن طريق الفرونت بيج بتتعمل اخوي

فقد انت لما تقطع التصميم اعمل منة كذا صفحة فرعية بنفس التقطيع

بحيث انه القوائم تكون ثابنة والكلام الى في الوسط هو المتحرك

doongoan · #7 (**permalink**) 21-03-2008, 11:29 AM

يا هلا

الموقع يستخدم الـ AJAX أخى الغالى لنظام تعدد الصفحات بدون إعادة تحميل الصفحه
فهذه أحد التطبيقات الاساسيه والمباشرة جدا لتقنيات الـ AJAX والتى جعلته تقنيه مبهره أيضا

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

وطريقة التنفيذ كالتالى بمنتهى الاختصار:

لديك صفحه مكونه من جدول , هذا الجدول مكون من عدة خلايا cells
فلنفترض انك سوف تجعل الخليه اليمنى هى خلية الروابط والخليه اليسرى هى خلية ظهور المحتوى

كل ما عليك أن تظلل خلية المحتوى

وتنتقل الى الوضع code
ومن ثم تضع الكود التالى داخل كود خلية الجدول:

كود:

<div id="contentarea">
&nbsp;</div>

فيكون الكود النهائى لخلية الجدول ما يشبه ذلك:

كود:

<td><div id="contentarea">
&nbsp;</div></td>

وتجعل الروابط تؤدى الى الصفحات التى تريد عرضها فى خلية المحتوى بهذا الشكل:

كود:

<a href="javascript:ajaxpage('/foldername/filename.html','contentarea');">

لاحظ إستبدال foldername بإسم المجلد الموجوده داخله الصفحه المطلوب إستدعائها
وإستبدال filename بإسم الملف المطلوب إستدعاء محتواه

الخطوه الاخيره هى أن تضع الكود التالى بين وسم

كود:

<head> و </head>

فى الصفحه التى تحتوى الروابط

كود:

<script type="text/javascript">
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>

مثال عملى:
فى الصفحه المذكوره بالاعلى:
شركة هوستك لخدمات الاستضافة المحميه والدردشة الكتابية والدعم الفنى

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

أى انه عند قيامك بالضغط على : الراجحى : على سبيل المثال
فسوف يظهر لك محتوى صفحه على الموقع تسمى rajhi.shtml داخل مجلد يسمى pages
محتوى هذه الصفحه بالكامل سوف يظهر فى الخليه اليسرى التى تحدثنا عنها

أتمنى أن أكون ساعدتك
وتقبل ودى وتقديرى وإحترامى

msk · #8 (**permalink**) 21-03-2008, 12:47 PM

اقتباس:

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

اخي الحبيب فكرة عمل تقلب الصفح مثل هالطريقة بسيطة

هعطيك مثال

ادخل هنا اا اا استضافه استضافة إستضافه إستضافة أستضافه أستضافة ::: smaahost ... سمافورهوست للاستضافه والتصميم:::اا اا استضافه إستضافه أستضافه

وشوف كيف التقلب بين الصفح والتأثير الى بيحدث فى تقلب الصور

الطريقة المعمولة فى الموقع الي ذكرتة

وهي

انه جعل القوائم ثابتة الى الشمال وفقط بيغير الصفح الفرعية

عن طريق الفرونت بيج بتتعمل اخوي

فقد انت لما تقطع التصميم اعمل منة كذا صفحة فرعية بنفس التقطيع

بحيث انه القوائم تكون ثابنة والكلام الى في الوسط هو المتحرك

هذه هى فكرتها يا غالى انا الان احتاج طريقة عملها

اقتباس:

المشاركة الأصلية كتبت بواسطة أبو جنى

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

عززي هذي جافا وفكرتها ان الصفحات يتم تحميلها مع بداية تحميل الصفحة الرئيسية ولذا عند الدخول تجد (انتظر جاري التحميل) وبعد ذلك بمجرد الضغط على اي رابط يعرض الصفحة مباشرة بدون تحميل

تمنياتي لك بالتوفيق

msk · #9 (**permalink**) 21-03-2008, 12:50 PM

اقتباس:

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

يا هلا

الموقع يستخدم الـ AJAX أخى الغالى لنظام تعدد الصفحات بدون إعادة تحميل الصفحه
فهذه أحد التطبيقات الاساسيه والمباشرة جدا لتقنيات الـ AJAX والتى جعلته تقنيه مبهره أيضا

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

وطريقة التنفيذ كالتالى بمنتهى الاختصار:

لديك صفحه مكونه من جدول , هذا الجدول مكون من عدة خلايا cells
فلنفترض انك سوف تجعل الخليه اليمنى هى خلية الروابط والخليه اليسرى هى خلية ظهور المحتوى

كل ما عليك أن تظلل خلية المحتوى

وتنتقل الى الوضع code
ومن ثم تضع الكود التالى داخل كود خلية الجدول:

كود:

<div id="contentarea">
&nbsp;</div>

فيكون الكود النهائى لخلية الجدول ما يشبه ذلك:

كود:

<td><div id="contentarea">
&nbsp;</div></td>

وتجعل الروابط تؤدى الى الصفحات التى تريد عرضها فى خلية المحتوى بهذا الشكل:

كود:

<a href="javascript:ajaxpage('/foldername/filename.html','contentarea');">

لاحظ إستبدال foldername بإسم المجلد الموجوده داخله الصفحه المطلوب إستدعائها
وإستبدال filename بإسم الملف المطلوب إستدعاء محتواه

الخطوه الاخيره هى أن تضع الكود التالى بين وسم

كود:

<head> و </head>

فى الصفحه التى تحتوى الروابط

كود:

<script type="text/javascript">
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>

مثال عملى:
فى الصفحه المذكوره بالاعلى:
شركة هوستك لخدمات الاستضافة المحميه والدردشة الكتابية والدعم الفنى

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

أى انه عند قيامك بالضغط على : الراجحى : على سبيل المثال
فسوف يظهر لك محتوى صفحه على الموقع تسمى rajhi.shtml داخل مجلد يسمى pages
محتوى هذه الصفحه بالكامل سوف يظهر فى الخليه اليسرى التى تحدثنا عنها

أتمنى أن أكون ساعدتك
وتقبل ودى وتقديرى وإحترامى

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

اقتباس:

المشاركة الأصلية كتبت بواسطة أبو جنى

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

عززي هذي جافا وفكرتها ان الصفحات يتم تحميلها مع بداية تحميل الصفحة الرئيسية ولذا عند الدخول تجد (انتظر جاري التحميل) وبعد ذلك بمجرد الضغط على اي رابط يعرض الصفحة مباشرة بدون تحميل

تمنياتي لك بالتوفيق

وفى انتظار من يشرح طريقة عملها

msk · #10 (**permalink**) 22-03-2008, 05:55 PM

up .......

Arb4Host · #11 (**permalink**) 22-03-2008, 07:06 PM

اتصل بنا على الدعم الفني على هذا الرابط : http://support.arb4host.net/

وان شاء الله ستجد المساعدة من فريق البرمجة والتطوير

سؤال اتمنى الاجابة عليه من خبراء مطور

مطور مواقع الويب