הוסטס - פורום אחסון האתרים הגדול בישראל

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

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

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