סקריפט נחמד שהחלטי לתת:) - הוסטס

somebody · 24-06-06, 22:16

זה סקריפט לדירוג, זאת אומרת שיהיה כאשר עוברים מעל מה שרוצים לדרג זה יעשה אוטומטית בעמוד, לא יודע איך להסביר, תיראו בדוגמא..

קודם כל, את זה:

HTML קוד:

<body onload="LoadOnImage();">

לשים בתוף התגית של ה BODY את ה ONLOAD הזה.
זה מה שטוען את התמונה שכאשר העכבר על התמונה.

וזה הסקריפט עצמו:

HTML קוד:

<script type="text/javascript">
//נכתב ע"י אלמוג צמלמן www.freetopsite.co.il, כל הזכויות שמורות.
//נא לא להוריד זכויות(אפילו שאני יודע שתורידו;))
function LoadOnImage(){
var OnImage=new Image();//הגדרת תמונה שהעכבר על הכוכב
  OnImage.src="http://system.freetopsite.co.il/dirog_images/20.gif";//כתובת התמונה שהעכבר על התמונה
}

var OutImage="http://system.freetopsite.co.il/dirog_images/rik2.gif";//כתובת התמונה של העכבר מחוץ לתמונה

var Until,WhatToDo,i;//הפונקציה שהשמנה את התמונות של הדירוג בנתאם למיקום העכבר
function VoteImgShow(Until,WhatToDov){
  if(WhatToDov=="up")
    for(i=1;i<=Until;i++)
      document.getElementById("Vote"+i).src="http://system.freetopsite.co.il/dirog_images/20.gif";//שוב את כתובת התמונה שתוצג כאשר העכבר על התמונה
  else
    for(i=Until;i>=1;i--)
      document.getElementById("Vote"+i).src=OutImage;
}

var DirogVote;//כתובת העמוד שיוסיף את ערך הדירוג
function Vote(DirogVote){
  window.location.href='thepageThatwillAddTheVoteValue.php?dirog='+DirogVote;
}  
var Stat;//מציג את סטטוס הערך
function VoteStat(Stat){
  document.getElementById('VoteStat_display').innerHTML=Stat;
}


var numVoteImage=5;//מספר התמונות של הבחירה שיצגו
var NoChoose="אנא בחר דירוג";//הטקסט שיופיעו שלא בחרו שום דבר

var StatVote=new Array();
//מספר התאים במערך זה יהיה כערך numVoteImage, כל תא מציין את ערך התמונה שיוצג כאשר יעברו על אותה תמונה
  StatVote[0]="גרוע";
  StatVote[1]="אפשר לשפר";
  StatVote[2]="בסדר";
  StatVote[3]="טוב מאוד";
  StatVote[4]="מצויין";


for(i=1;i<=numVoteImage;i++)
  document.write("<img src=\""+OutImage+"\" id=\"Vote"+i+"\" alt=\"\" onmouseover=\"VoteImgShow("+i+",'up');VoteStat('"+StatVote[i-1]+"');\" onmouseout=\"VoteImgShow("+i+",'down');VoteStat('"+NoChoose+"');\" onclick=\"Vote("+i+");\" style=\"cursor:pointer;cursor:hand;\" \/>");

document.write("<br \/><div id='VoteStat_display'>אנא בחר דירוג<\/div>");//במקום זה יופיע סטטוס הערך, ניתן למקם בכל מקום בעמוד

</script>

הכל כתוב בקוד.

thepageThatwillAddTheVoteValue.php= כתובת העמוד שיוסיף את ערך הדירוג לדבר המבוקש,
כמובן שאפשר לשנות את שם המשתנה dirog למה שרק רוצים, ואפשר לשלוח עוד איזה משתנים שרוצים.

אל תורידו זכויות, למרות שאני יודע שיש כאלו שיורידו, אבל בכל מיקרה נבקש

כל ההסברים האחרים כתובים כבר בקוד..

תהנו

אלמוג.

הינה הסקריפט בפעולה:
http://www.freetopsite.co.il/scripts/dirogSys.html

mlnn · 24-06-06, 22:30

נראה פצצה, כל הכבוד

אפשר לעשות כזה גם בCSS =]

Guz.co.il · 24-06-06, 22:32

שימושי ביותר... אני ינסה לשלב את זה אצלי.. תודה אלמוג!

בניה · 24-06-06, 22:35

ב"ה

תודה רבה ושבוע טוב!

somebody · 24-06-06, 22:38

ציטוט:

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

נראה פצצה, כל הכבוד

אפשר לעשות כזה גם בCSS =]

אפשר ב CSS בשימוש ב background.
אבל למה?

בבקשה

משעמם לי, למי שיש רעיון לעוד סקריפט ואין לו ממש רעיון איך לעשות שיגיד, אני אנסה לעשות..
אתם לא יודעים עד כמה משעמם לי חחח..

BlueNosE · 24-06-06, 23:02

יפהההההההההההההה

חחח ימשועמם אחד

טנקס, מישהו

somebody · 24-06-06, 23:36

ציטוט:

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

יפהההההההההההההה

חחח ימשועמם אחד

טנקס, מישהו

אני מודה לזה..

יום שני כבר לא יהיה משעמםם.. סוף סוףף

miniature · 25-06-06, 00:02

יותר יעיל ב CSS..
אבל תודה =]

Kuchi · 25-06-06, 00:29

חמוד אבל כמו שאמרו עדין CSS
אבל בכל מקרה יש בשלך כמה באגים שאם מזזים תעכבר מהר ... זה לא קולט :\

** החלטתי **

Eran-s · 25-06-06, 00:35

נחמד מאוד אך אני חושב שיכלת לתמצת בקוד

24-06-06, 22:30	# 2
mlnn משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: בחדר של חני גיל: 35 הודעות: 4,417	נראה פצצה, כל הכבוד אפשר לעשות כזה גם בCSS =] __________________ . בחורות ערומות

24-06-06, 22:35	# 4
בניה משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: נחושה הודעות: 3,434	ב"ה תודה רבה ושבוע טוב! __________________ קו ישר, כי אפשר גם אחרת

24-06-06, 23:02	# 6
BlueNosE אין כמו ב127.0.0.1 מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: כפ"ס גיל: 32 הודעות: 4,086	יפהההההההההההההה חחח ימשועמם אחד טנקס, מישהו __________________ עומר, admin [@] rely.co.il בניית אתרים Rely סלנג מילון סלנג utter

25-06-06, 00:02	# 8
miniature חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 1,754	יותר יעיל ב CSS.. אבל תודה =] __________________ יואב. דרכים ליצירת קשר: אימייל: thebigfire@walla.co.il הודעה פרטית

25-06-06, 00:29	# 9
Kuchi הוסטסניון מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: אור יהודה גיל: 36 הודעות: 2,540	חמוד אבל כמו שאמרו עדין CSS אבל בכל מקרה יש בשלך כמה באגים שאם מזזים תעכבר מהר ... זה לא קולט :\ החלטתי __________________ סרברים לקונטר סרברים לקונטר


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

24-06-06, 22:32	# 3
Guz.co.il תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Mar 2006 גיל: 35 הודעות: 1,974	שימושי ביותר... אני ינסה לשלב את זה אצלי.. תודה אלמוג!

25-06-06, 00:35	# 10
Eran-s הוסטסניון מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 2,609	נחמד מאוד אך אני חושב שיכלת לתמצת בקוד __________________ מפתח ומתחזק אתרים.

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