תעזרו לי לתקן את הקוד הבא - הוסטס

k.machine · 31-01-06, 17:34

שלום לכולם,

ניסיתי לחפש קוד js שיתן לי slide show. ואכן מצאתי אחד.

עשיתי לו תיקון שגיאות מאסיבי כדי שיהיה תואם xhtml:1.0 transitional משהו כזה.

אז נשארו 2 שגיאות שאין לי מושג איך לתקן אותם. אחד קשורה ב- head שלא יודע למה עושה את הטעות הזאת,

והשגיאה השניה קשורה בסקריפט עצמו, זה הסימן "<" שמשום מה מסרב להיות תקין, וכאשר אני מוריד אותו אז כל הסקריפט לא עובד!

זה הקוד המלא של כל הדף עם הסקריפט:

HTML קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--

SlideShow with Captions and Cross-Fade
(C)2002 by CodeLifter.com

Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.

INSTRUCTIONS:

Copy this entire script into a completely blank
page.  Follow the commented instructions within.

//-->


<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="author" content="rafi hatuel" />
<meta name="copyright" content="rafihatuel.com" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<!-- 
Set up the caption font in the following style.
Place the style script in the head of the page.
//-->

<style type="text/css">
.Caption {
font-family: Arial;
font-weight: bold;
color:      #123456;
}
</style>

<!-- 
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->

<script type="text/javascript">

// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 1000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'Image001.jpg';
Picture[2]  = 'Image002.jpg';
Picture[3]  = 'Image003.jpg';
Picture[4]  = 'Image004.jpg';
Picture[5]  = 'Image005.jpg';
Picture[6]  = 'Image006.jpg';
Picture[7]  = 'Image007.jpg';
Picture[8]  = 'Image008.jpg';
Picture[9]  = 'Image009.jpg';
Picture[10] = 'Image010.jpg';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]  = "This is the first caption.";
Caption[2]  = "This is the second caption.";
Caption[3]  = "This is the third caption.";
Caption[4]  = "This is the fourth caption.";
Caption[5]  = "This is the fifth caption.";
Caption[6]  = "This is the sixth caption.";
Caption[7]  = "This is the seventh caption.";
Caption[8]  = "This is the eighth caption.";
Caption[9]  = "This is the ninth caption.";
Caption[10] = "This is the tenth caption.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

</script>

</head>

<!--
Add the onload=runSlideShow() event call to the body tag.
//-->

<body onload="runSlideShow()">

<!--
The following table holds the images and captions.
Place the table in your page where you want the slideshow
to appear.  Follow the instructions for each table cell.
//-->

<table>
  <tr>
    <!--
    The next table cell holds the images.
    Set cell and image width and height the same.
    The img src must have name=PictureBox in its
    tag.  Usually the first image in the Picture
    array in the script is used here.
    //-->
    <td width="350" height="280">
    <img src="Image001.jpg" name="PictureBox" width="350" height="280" alt="1" />
    </td>
  </tr>
  <tr>
    <!-- 
    The next table cell holds the captions.
    This table cell must have id=CaptionBox and
    class=Caption in its tag. The default caption
    shows whilst loading in all browsers; NS4
    will show only the default caption, throughout.
    //-->
    <td id="CaptionBox" class="Caption" align="center">
    This is the default caption.
    </td>
  </tr>
</table>

</body>

</html>

נסו להדביק את הקוד לדף html, ולעשות לו בדיקת שגיאות ותראו מה זה רושם.

בבקשה תעזרו לי עם זה,

אני ממש מתוסכל

רפי.

somebody · 31-01-06, 17:37

בקשר לסקריפט.
תעשה ככה:
תשים בתחילת הקוד:

--!>
הקוד
<--

ואז לא תיהיה השגיאה, בקשר ל head אין לי מושג, תראה את השגיאה..
או הכי טוב תראה את העמוד.

k.machine · 31-01-06, 17:38

ציטוט:

נכתב במקור על ידי somebody

בקשר לסקריפט.
תעשה ככה:
תשים בתחילת הקוד:

--!>
הקוד
<--

ואז לא תיהיה השגיאה, בקשר ל head אין לי מושג, תראה את השגיאה..
או הכי טוב תראה את העמוד.

יש את זה כבר,

וזה לא עוזר

Sagi · 31-01-06, 17:40

תיצור קובץ בשם
script.js
תרשום בתוך

PHP קוד:


			
<script type="text/javascript">



// (C) 2002 www.CodeLifter.com

// http://www.codelifter.com

// Free for all users, but leave in this header.



// ==============================

// Set the following variables...

// ==============================



// Set the slideshow speed (in milliseconds)

var SlideShowSpeed = 1000;



// Set the duration of crossfade (in seconds)

var CrossFadeDuration = 3;



var Picture = new Array(); // don't change this

var Caption = new Array(); // don't change this



// Specify the image files...

// To add more images, just continue

// the pattern, adding to the array below.

// To use fewer images, remove lines

// starting at the end of the Picture array.

// Caution: The number of Pictures *must*

// equal the number of Captions!



Picture[1]  = 'Image001.jpg';

Picture[2]  = 'Image002.jpg';

Picture[3]  = 'Image003.jpg';

Picture[4]  = 'Image004.jpg';

Picture[5]  = 'Image005.jpg';

Picture[6]  = 'Image006.jpg';

Picture[7]  = 'Image007.jpg';

Picture[8]  = 'Image008.jpg';

Picture[9]  = 'Image009.jpg';

Picture[10] = 'Image010.jpg';



// Specify the Captions...

// To add more captions, just continue

// the pattern, adding to the array below.

// To use fewer captions, remove lines

// starting at the end of the Caption array.

// Caution: The number of Captions *must*

// equal the number of Pictures!



Caption[1]  = "This is the first caption.";

Caption[2]  = "This is the second caption.";

Caption[3]  = "This is the third caption.";

Caption[4]  = "This is the fourth caption.";

Caption[5]  = "This is the fifth caption.";

Caption[6]  = "This is the sixth caption.";

Caption[7]  = "This is the seventh caption.";

Caption[8]  = "This is the eighth caption.";

Caption[9]  = "This is the ninth caption.";

Caption[10] = "This is the tenth caption.";



// =====================================

// Do not edit anything below this line!

// =====================================



var tss;

var iss;

var jss = 1;

var pss = Picture.length-1;



var preLoad = new Array();

for (iss = 1; iss < pss+1; iss++){

preLoad[iss] = new Image();

preLoad[iss].src = Picture[iss];}



function runSlideShow(){

if (document.all){

document.images.PictureBox.style.filter="blendTrans(duration=2)";

document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";

document.images.PictureBox.filters.blendTrans.Apply();}

document.images.PictureBox.src = preLoad[jss].src;

if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];

if (document.all) document.images.PictureBox.filters.blendTrans.Play();

jss = jss + 1;

if (jss > (pss)) jss=1;

tss = setTimeout('runSlideShow()', SlideShowSpeed);

}



</script>

תמחק את כל ה js
בדף אצלך ותרשום במקום ככה

PHP קוד:


			
<script type="text/javascript" src="script.js"></script>

somebody · 31-01-06, 17:41

בסקריפט שכאן הראתה אין..
אני מדבר בין <script> ל </script> שים את זה.

Sagi
זה לא חובה, סתכל לדוגמא באתר שלי ותיראה שזה לא ככה.
אבל באמת ככה עדייף אם אתה משתמש באותו הקוד במספר עמודים שונים.

k.machine · 31-01-06, 17:50

תודה רבה לכולם על העזרה,

אך היא לא יעילה

נסו להצמד לקוד שנתתי בתחילת העמוד, ולנסות רק לתקן את ה2 שגיאות האלו כדי שהדף יהיה תקין

הבעיות זה עם התגית head,
והסימן בשורה 113 ">"

אלו 2 הבעיות...

k.machine · 31-01-06, 17:53

אוקיי,

הקלתי עליכם קצת,

זה הדף:
http://www.rafihatuel.com/1.htm

זה הבעיות שלו:
http://validator.w3.org/check?uri=ht...el.com%2F1.htm

הבנתם עכשיו במה אני תקוע?

Neoteric · 31-01-06, 17:55

הנה:

קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="author" content="rafi hatuel" />
<meta name="copyright" content="rafihatuel.com" />

<title> my site </title>

<style type="text/css">
.Caption {
font-family: Arial;
font-weight: bold;
color:      #123456;
}
</style>

<script type="text/javascript">

// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 1000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'Image001.jpg';
Picture[2]  = 'Image002.jpg';
Picture[3]  = 'Image003.jpg';
Picture[4]  = 'Image004.jpg';
Picture[5]  = 'Image005.jpg';
Picture[6]  = 'Image006.jpg';
Picture[7]  = 'Image007.jpg';
Picture[8]  = 'Image008.jpg';
Picture[9]  = 'Image009.jpg';
Picture[10] = 'Image010.jpg';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]  = "This is the first caption.";
Caption[2]  = "This is the second caption.";
Caption[3]  = "This is the third caption.";
Caption[4]  = "This is the fourth caption.";
Caption[5]  = "This is the fifth caption.";
Caption[6]  = "This is the sixth caption.";
Caption[7]  = "This is the seventh caption.";
Caption[8]  = "This is the eighth caption.";
Caption[9]  = "This is the ninth caption.";
Caption[10] = "This is the tenth caption.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

</script>

</head>

<body onload="runSlideShow()">

<table>
  <tr>
    <td width="350" height="280">
    <img src="Image001.jpg" name="PictureBox" width="350" height="280" alt="1" />
    </td>
  </tr>
  <tr>
    <td id="CaptionBox" class="Caption" align="center">
    This is the default caption.
    </td>
  </tr>
</table>

</body>

</html>

k.machine · 31-01-06, 18:00

הקוד תוקן...

תודה רבה רבה ללירן חסון!!

שקד · 31-01-06, 18:18

ציטוט:

נכתב במקור על ידי k.machine

הקוד תוקן...

תודה רבה רבה ללירן חסון!!

כניראה שהקדימו אותי

בכל מקרה אם יבצר מצב שאתה זקוק לקוד תיקני ב XHTML
אז הנה לך Tidy מעולה, יש רק בעיה שהוא לא תומך עברית אבל לפחות משהו .. :
tidy

המטרה הושגה, האשכול נעול

31-01-06, 17:37	# 2
somebody A Al Alm Almo Almog! תודה על תרומתך! מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: hadera CiTy גיל: 35 הודעות: 4,005	בקשר לסקריפט. תעשה ככה: תשים בתחילת הקוד: --!> הקוד <-- ואז לא תיהיה השגיאה, בקשר ל head אין לי מושג, תראה את השגיאה.. או הכי טוב תראה את העמוד. __________________ דוא"ל: almog.zimel ב ג'מייל נקודה קום מסנג'ר: almog שטרודל freetopsite נקודה co נקודה il

31-01-06, 17:40	# 4
Sagi חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 35 הודעות: 1,745	תיצור קובץ בשם script.js תרשום בתוך PHP קוד: <script type="text/javascript"> // (C) 2002 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header. // ============================== // Set the following variables... // ============================== // Set the slideshow speed (in milliseconds) var SlideShowSpeed = 1000; // Set the duration of crossfade (in seconds) var CrossFadeDuration = 3; var Picture = new Array(); // don't change this var Caption = new Array(); // don't change this // Specify the image files... // To add more images, just continue // the pattern, adding to the array below. // To use fewer images, remove lines // starting at the end of the Picture array. // Caution: The number of Pictures must // equal the number of Captions! Picture[1] = 'Image001.jpg'; Picture[2] = 'Image002.jpg'; Picture[3] = 'Image003.jpg'; Picture[4] = 'Image004.jpg'; Picture[5] = 'Image005.jpg'; Picture[6] = 'Image006.jpg'; Picture[7] = 'Image007.jpg'; Picture[8] = 'Image008.jpg'; Picture[9] = 'Image009.jpg'; Picture[10] = 'Image010.jpg'; // Specify the Captions... // To add more captions, just continue // the pattern, adding to the array below. // To use fewer captions, remove lines // starting at the end of the Caption array. // Caution: The number of Captions must // equal the number of Pictures! Caption[1] = "This is the first caption."; Caption[2] = "This is the second caption."; Caption[3] = "This is the third caption."; Caption[4] = "This is the fourth caption."; Caption[5] = "This is the fifth caption."; Caption[6] = "This is the sixth caption."; Caption[7] = "This is the seventh caption."; Caption[8] = "This is the eighth caption."; Caption[9] = "This is the ninth caption."; Caption[10] = "This is the tenth caption."; // ===================================== // Do not edit anything below this line! // ===================================== var tss; var iss; var jss = 1; var pss = Picture.length-1; var preLoad = new Array(); for (iss = 1; iss < pss+1; iss++){ preLoad[iss] = new Image(); preLoad[iss].src = Picture[iss];} function runSlideShow(){ if (document.all){ document.images.PictureBox.style.filter="blendTrans(duration=2)"; document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)"; document.images.PictureBox.filters.blendTrans.Apply();} document.images.PictureBox.src = preLoad[jss].src; if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss]; if (document.all) document.images.PictureBox.filters.blendTrans.Play(); jss = jss + 1; if (jss > (pss)) jss=1; tss = setTimeout('runSlideShow()', SlideShowSpeed); } </script> תמחק את כל ה js בדף אצלך ותרשום במקום ככה PHP קוד: `<script type="text/javascript" src="script.js"></script>` __________________ עיצוב פנים \| משפטים לפייסבוק \| הפעלות לימי הולדת \| פיתוח אפליקציות לפייסבוק

31-01-06, 17:41	# 5
somebody A Al Alm Almo Almog! תודה על תרומתך! מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: hadera CiTy גיל: 35 הודעות: 4,005	בסקריפט שכאן הראתה אין.. אני מדבר בין <script> ל </script> שים את זה. Sagi זה לא חובה, סתכל לדוגמא באתר שלי ותיראה שזה לא ככה. אבל באמת ככה עדייף אם אתה משתמש באותו הקוד במספר עמודים שונים. __________________ דוא"ל: almog.zimel ב ג'מייל נקודה קום מסנג'ר: almog שטרודל freetopsite נקודה co נקודה il


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

31-01-06, 17:50	# 6
k.machine תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 36 הודעות: 3,748	תודה רבה לכולם על העזרה, אך היא לא יעילה נסו להצמד לקוד שנתתי בתחילת העמוד, ולנסות רק לתקן את ה2 שגיאות האלו כדי שהדף יהיה תקין הבעיות זה עם התגית head, והסימן בשורה 113 ">" אלו 2 הבעיות...

31-01-06, 17:53	# 7
k.machine תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 36 הודעות: 3,748	אוקיי, הקלתי עליכם קצת, זה הדף: http://www.rafihatuel.com/1.htm זה הבעיות שלו: http://validator.w3.org/check?uri=ht...el.com%2F1.htm הבנתם עכשיו במה אני תקוע?

31-01-06, 18:00	# 9
k.machine תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 36 הודעות: 3,748	הקוד תוקן... תודה רבה רבה ללירן חסון!!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)