الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

للربط بين جافا سكريبت و بي اش بي - وذلك حصرا في المشكلة التي اواجهها

بدأه joo في 8 يوليو 2008 · 3 رد · 3,696 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

اريد عرض صور معلومات ال صور , من حيث التعليق على كل صورة , واسم الصورة مخزن في قاعدة المعطيات

اما الصور فمخزنة فعليا في ملف

واقوم باستحضارهم عبر بي اش بي , ووضعهم -اي مسارات الصور في مصفوفة في بي اش بي من الشكل

$imgArray[0] =array('imgpath','imgCommet')...

وهكذا دواليك , وليست المشكلة هنا فإمكانا التكيف مع الموضوع كيفما كان في بي اش بي

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

المصفوفة الداخلية الموجودة والمستخدمة ضمن السكريبت , بحثت في كل طرائق الربط بين بي اش بي وجافا سكريبت

واعرف كيف اربط متحول من بي اش بي مع جافا سكريبت , لكن ربط المصوفة من بي اش بي مع المصفوفة في جافا سكريبت لم تفلح معي , بقيت ساعات طويلة وانا اجرب اكثر من محاولة , لكنها لم تفلح للاسف , عندها قلت لحالي مالنا الا

شباب المنتدى ليساعدونونا

يوجد مع هذا الايميل ملف مرفق يحوي على التجارب التي اجريتها , يا ريت تطلعوا عليه وتحولي المشكلة الي عندي , وعلى الفكرة الملف المرفق بسيط جدا مافيه الا السكريبت + الصور

ولكم جزيل الشكر مسبقا

وجزاكم الله عني كل خير ووفقكم في اعمالكم

سلام

testslide.rar

#2

أخي الكريم

ياريت تحط الشكل النهائي لملف الجافاسكريبت

يعني تعطيني الملف التنفيذي .. الكود الناتج لو تتم العمليه شلون يكون شكل الكود ؟

مشان أعطيك كود لبي أتش بي إللي ينتج كود مثل إللي رح تعيطيني إياه

وسلامتك ... أنتظر ردك

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#3

أخي الكريم

لقد قمت بتحميل الملف المرفق وقمت بالتعديل عليه

أصبح بإمكانك وضع أي عدد من الصور داخل مجلد ألبوم وستظهر الصور فورا

الصراحة جميل الكود ... جميل جدا (لا أقصد الكود الذي قمت ببرمجته ولكن أقصد السكريبت وفكرته )

الكود في المرفقات وهنا لمن لا يريد تحميل المرفقات ومشاهدة الكود

<html>
<head>
<title>Free Javascript SlideShow Script with zoom in and out</title>
</head>
<?
/*هنا عملية تصفح المجلد وأخذ الصور لعمل مصفوفه */
$i=0;
$dh  = opendir("albom/");
while (false !== ($filename = readdir($dh))) {
	$files[] = $filename;
}
foreach ($files as $value) {
if($value=="index.php" || $value=="." || $value==".."){}else{

	$arrimages.= "SLIDES[$i]  = [\"albom/$value\", \"$value\"];\n";$i++;
}}
?>
<script>
<!--
/*
SlideShow. Written by PerlScriptsJavaScripts.com
Copyright http://www.perlscriptsjavascripts.com
Free and commercial Perl and JavaScripts
*/

// transition effect. number between 0 and 23, 23 is random effect
effect = 23;

// transition duration. number of seconds effect lasts
duration = 1.5;

// seconds to diaply each image?
display = 4;

// width of stage (first image)
oW = 400;

// height of stage
oH = 300;

// zoom width by (add or subtracts this many pixels from image width)
zW = 40;

// zoom height by
zH = 30;

// path to image/name of image in slide show. this will also preload all images
// each element in the array must be in sequential order starting with zero (0)
SLIDES = new Array();


<?=$arrimages?>

// end required modifications

S = new Array();
for(a = 0; a < SLIDES.length; a++){
	S[a] = new Image(); S[a].src  = SLIDES[a][0];
}
// -->
</script>

</head>

<body>

<table align="center" bgcolor="#ffa000" border="0" cellpadding="3" cellspacing="0" style="border: white outset 2px;" width="400">
<form name="_slideShow">
<input type="Hidden" name="currSlide" value="0">
<input type="Hidden"name="delay">
<tr>
<td>
<table border="0" bgcolor="#fcf9e8" cellpadding="0" cellspacing="0" style="border: white inset 2px;" width="100%"><tr><td align="center">
<a href="java script:;" onclick="startSS()"><img src="images/js/toolplay.gif" width="30" height="32" alt="" border="0"></a>
<a href="java script:;" onclick="stopSS()"><img src="images/js/toolstop.gif" width="30" height="32" alt="" border="0"></a>
<img src="images/js/toolsep.gif" width="5" height="32" alt="" border="0">
<a href="java script:;" onclick="prevSS()"><img src="images/js/toolprev.gif" width="30" height="32" alt="" border="0"></a>
<a href="java script:;" onclick="nextSS()"><img src="images/js/toolnext.gif" width="30" height="32" alt="" border="0"></a>
<img src="images/js/toolsep.gif" width="5" height="32" alt="" border="0">
<a href="java script:;" onclick="zoom(zW, zH)"><img src="images/js/toolin.gif" width="30" height="32" alt="" border="0"></a>
<a href="java script:;" onclick="zoom(-zW, -zH)"><img src="images/js/toolout.gif" width="30" height="32" alt="" border="0"></a>
<img src="images/js/toolsep.gif" width="5" height="32" alt="" border="0">
<a href="java script:;" onclick="zoom('')"><img src="images/js/toolreset.gif" width="30" height="32" alt="" border="0"></a>
<select name="wichIm" style="width: 100%; font-size: 10px;" onchange="selected(this.options[this.selectedIndex].value)">
</select>
</td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="border: white inset 2px;"><tr><td><img name="stage" border="0" src="images/js/04b.jpg" style="filter: revealtrans(); font-size:12;"></td></tr></table>
</td>
</tr>
</form>
</table>

<script>
<!--

f = document._slideShow;
n = 0;
t = 0;

document.images["stage"].width  = oW;
document.images["stage"].height = oH;
f.delay.value = display;

// add image numbers to select menu
f.wichIm.options.length = 0;
for(i in SLIDES){
	f.wichIm.options = new Option(SLIDES[1],i);
}

function startSS(){
	t = setTimeout("runSS(" + f.currSlide.value + ")", 1 * 1);
}

function runSS(n){
	n++;
	if(n >= SLIDES.length){
		n = 0;
	}
	document.images["stage"].src = S[n].src;
	if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){
		document.images["stage"].style.visibility = "hidden";
		document.images["stage"].filters.item(0).apply();
		document.images["stage"].filters.item(0).transition = effect;
		document.images["stage"].style.visibility = "visible";
		document.images["stage"].filters(0).play(duration);
	}
	f.currSlide.value = n;
	f.wichIm[n].selected = true;
	t = setTimeout("runSS(" + f.currSlide.value + ")", f.delay.value * 1000);
}

function stopSS(){
	if(t){
		t = clearTimeout(t);
	}
}

function nextSS(){
	stopSS();
	n = f.currSlide.value;
	n++;
	if(n >= SLIDES.length){
		n = 0;
	}
	if(n < 0){
		n = SLIDES.length - 1;
	}
	document.images["stage"].src = S[n].src;
	f.currSlide.value = n;
	f.wichIm[n].selected = true;
	if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){
		document.images["stage"].style.visibility = "hidden";
		document.images["stage"].filters.item(0).apply();
		document.images["stage"].filters.item(0).transition = effect;
		document.images["stage"].style.visibility = "visible";
		document.images["stage"].filters(0).play(duration);
	}
}

function prevSS(){
	stopSS();
	n = f.currSlide.value;
	n--;
	if(n >= SLIDES.length){
		n = 0;
	}
	if(n < 0){
		n = SLIDES.length - 1;
	}
	document.images["stage"].src = S[n].src;
	f.currSlide.value = n;
	f.wichIm[n].selected = true;

	if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){
		document.images["stage"].style.visibility = "hidden";
		document.images["stage"].filters.item(0).apply();
		document.images["stage"].filters.item(0).transition = effect;
		document.images["stage"].style.visibility = "visible";
		document.images["stage"].filters(0).play(duration);
	}
}

function selected(n){
	stopSS();
	document.images["stage"].src = S[n].src;
	f.currSlide.value = n;

	if(document.all && navigator.userAgent.indexOf("Opera") < 0 && navigator.userAgent.indexOf("Windows") >= 0){
		document.images["stage"].style.visibility = "hidden";
		document.images["stage"].filters.item(0).apply();
		document.images["stage"].filters.item(0).transition = effect;
		document.images["stage"].style.visibility = "visible";
		document.images["stage"].filters(0).play(duration);
	}
}

function zoom(dim1, dim2){
	if(dim1){
		if(document.images["stage"].width < oW){
			document.images["stage"].width   = oW;
			document.images["stage"].height  = oH;
		} else {
			document.images["stage"].width  += dim1;
			document.images["stage"].height += dim2;
		}
		if(dim1 < 0){
			if(document.images["stage"].width < oW){
				document.images["stage"].width   = oW;
				document.images["stage"].height  = oH;
			}
		}
	} else {
		document.images["stage"].width   = oW;
		document.images["stage"].height  = oH;
	}
}
// -->
</script>
</body>
</html>

testslide.zip

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…