جافا سكربت اتوقع مطلوب

**s6ur** · 17-03-2007

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

مطلوب نفس اللي بالرابط هذا الخلفيات العشوائيه والثيمات البلوك اليسار
http://www.nokiacastle.com/
طبعا انا مابغى صور ابغى اخبار
يظهر خبر ويختفي ويطلع خبر ثاني بنفس الطريقه تقريبا

الاخبار طبعا تاتي من القاعده ناتج استعلام

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

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

**s6ur** · 17-03-2007

هذا المثال

اخر الاخبار
http://www.elite4host.com/

**s6ur** · 18-03-2007

أحم أحم مافي احد فهمني ولا ماتعرفون !!
بانتظاركم اخواني

**Flasher** · 18-03-2007

لو سويت عرض للمصدر تلقاه حاط iframe يستدعي الملف neww.php

http://www.nokiacastle.com/neww.php

سو عرض للمصدر وشف الكود واضح

الشئ المهم اللي بتعدله

كود:

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img width="112" height="144" src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

وهذا للعناصر :

كود:

slideshowcontent[0]=["wallpapers/b18/images13.jpg", "show.php?cat=wallpapers&catid=43", "_new"]
slideshowcontent[1]=["wallpapers/b17/10989_wallpaper110.jpg", "show.php?cat=wallpapers&catid=42", "_new"]
slideshowcontent[2]=["wallpapers/b19/i1 (19).jpg", "show.php?cat=wallpapers&catid=44", "_new"]
slideshowcontent[3]=["wallpapers/b19/eyelash_name_m78.jpg", "show.php?cat=wallpapers&catid=44", "_new"]
slideshowcontent[4]=["wallpapers/b15/9938lrgk6375.jpg", "show.php?cat=wallpapers&catid=40", "_new"]

اذا مافهمت كلامي .. الشكوى لله

كتبته على عجل ..

**s6ur** · 18-03-2007

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

لو سويت عرض للمصدر تلقاه حاط iframe يستدعي الملف neww.php

http://www.nokiacastle.com/neww.php

سو عرض للمصدر وشف الكود واضح

الشئ المهم اللي بتعدله

كود:

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img width="112" height="144" src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

وهذا للعناصر :

كود:

slideshowcontent[0]=["wallpapers/b18/images13.jpg", "show.php?cat=wallpapers&catid=43", "_new"]
slideshowcontent[1]=["wallpapers/b17/10989_wallpaper110.jpg", "show.php?cat=wallpapers&catid=42", "_new"]
slideshowcontent[2]=["wallpapers/b19/i1 (19).jpg", "show.php?cat=wallpapers&catid=44", "_new"]
slideshowcontent[3]=["wallpapers/b19/eyelash_name_m78.jpg", "show.php?cat=wallpapers&catid=44", "_new"]
slideshowcontent[4]=["wallpapers/b15/9938lrgk6375.jpg", "show.php?cat=wallpapers&catid=40", "_new"]

اذا مافهمت كلامي .. الشكوى لله

كتبته على عجل ..

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

مادري وين راسي من رجلي

**Flasher** · 18-03-2007

ايه

ادخل هالرابط

http://www.nokiacastle.com/neww.php

سو "عرض للمصدر" او "View >> Source "

وبيطلع لك :

كود:

<body topMargin='0' align="center"  leftMargin='0' oncontextmenu='return false' onselectstart='return false' ondragstart='return false'>
<script type="text/javascript">

var trans_width='112px' //slideshow width
var trans_height='144px' //slideshow height
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster.
var slideshowcontent=new Array()
slideshowcontent[0]=["wallpapers/b5/46.jpg", "show.php?cat=wallpapers&catid=30", "_new"]
slideshowcontent[1]=["wallpapers/b14/6451gcxk11440.jpg", "show.php?cat=wallpapers&catid=39", "_new"]
slideshowcontent[2]=["wallpapers/b25/dancerabbit.gif", "show.php?cat=wallpapers&catid=50", "_new"]
slideshowcontent[3]=["wallpapers/b15/1435ocax0739.jpg", "show.php?cat=wallpapers&catid=40", "_new"]
slideshowcontent[4]=["wallpapers/b24/591(1).jpg", "show.php?cat=wallpapers&catid=49", "_new"]
var bgcolor='white'
var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img width="112" height="144" src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
}

var curpos=trans_width*(-1)
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='<img width="112" height="144" src="'+theslide[0]+'" border="0">'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (window.addEventListener)
window.addEventListener("load", startit, false)
else if (window.attachEvent)
window.attachEvent("onload", startit)
else if (ie4||dom||document.layers)
window.onload=startit

</script>

**s6ur** · 18-03-2007

شكلك ماتقهويت ومانت رايق لي اليوم

مسوي اللي تقول عليه

شوف ذا الكود

كود PHP:


slideshowcontent[0]=["wallpapers/b5/46.jpg", "show.php?cat=wallpapers&catid=30", "_new"]

slideshowcontent[1]=["wallpapers/b14/6451gcxk11440.jpg", "show.php?cat=wallpapers&catid=39", "_new"]

slideshowcontent[2]=["wallpapers/b25/dancerabbit.gif", "show.php?cat=wallpapers&catid=50", "_new"]

slideshowcontent[3]=["wallpapers/b15/1435ocax0739.jpg", "show.php?cat=wallpapers&catid=40", "_new"]

slideshowcontent[4]=["wallpapers/b24/591(1).jpg", "show.php?cat=wallpapers&catid=49", "_new"]

شلون ابدلهم واحط نواتج الاستعلام من القاعده لاحظ انهم مرقمين

انا ابغاه يعرض اخر خمس صور مثلا

ومعليش تعبتك معي بس ماحد عطاني وجه غيرك من امس ^_*

**Flasher** · 18-03-2007

لا ابشرك تقهويت الحين

..

كود PHP:


 slideshowcontent[0]=["wallpapers/b5/46.jpg", "show.php?cat=wallpapers&catid=30", "_new"]

وعندك

كود PHP:


function getslidehtml(theslide){

var slidehtml=""

if (theslide[1]!="")

slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'

slidehtml+=theslide[0]

if (theslide[1]!="")

slidehtml+='</a>'

return slidehtml

}

مالعلاقه بينهم ؟

العلاقة ان كل عنصر من المصفوفة slideshowcontent يمرر كparameter للدالة getslidehtml

لاحظ

slideshowcontent[0]=["wallpapers/b5/46.jpg", "show.php?cat=wallpapers&catid=30", "_new"]

عند استدعاء الدالة getslidehtml فان

theslide[0] =>>> wallpapers/b5/46.jpg
theslide[1] =>>> show.php?cat=wallpapers&catid=30
theslide[2] =>>>_new

كود PHP:


slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'

مثال لتغيير في الكود :

كود PHP:


 slideshowcontent[0]=["نص الخبر", "linkرابط الخبر", "_new"]

والدالة

getslidehtml

تصير :

كود PHP:


function getslidehtml(theslide){

var slidehtml=""

if (theslide[1]!="")

slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'

slidehtml+= theslide[0];

if (theslide[1]!="")

slidehtml+='</a>'

return slidehtml

}

اما جلب الاخبار من قاعده البيانات
فاكتبها داخل كود الجافاسكربت كانك تطبع اكواد html عادية

كود PHP:


while(etc.....){

     echo  "slideshowcontent[0]=['$row[news]','$row[link]','_blank']\n"

}

**s6ur** · 18-03-2007

<< --- افلقني اذا فهمت يبغى لي يومين امخمخ والله لسا ضايع بالطوشه ^_^

**عبقري العرب** · 02-04-2007

هههههه اخوي s6ur
مو شرط تفهم الطريقه
فقط طبق

سوي نفس الملف
لكن اضف اليه الاستعلام
و حط الناتج في الكود مثل هذا

كود:

 slideshowcontent[0]=["wallpapers/b5/46.jpg", "show.php?cat=wallpapers&catid=30", "_new"]

يعني بس غير الوصله و الصوره

الموضوع: جافا سكربت اتوقع مطلوب

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

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

جافا سكربت اتوقع مطلوب

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

كيفية تضمين ملف جافا سكربت داخل ملف جافا سكربت

مطلوب هذا الكود جافا سكربت

مطلوب كود جافا سكربت ل...

مطلوب كود جافا سكربت

جافا سكربت مطلوب ؟

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