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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   זקוק לעזרה קטנה בJS. (https://hosts.co.il/forums/showthread.php?t=96570)

dor77 07-04-12 20:38

זקוק לעזרה קטנה בJS.
 
שלום.

מצאתי מדריך לאיזה סקריפט שאני צריך.
לא אשקר, יש לי ידע ב PHP, בHTML, ב CSS, ב SQL אבל אין לי שמץ של מושג ב JS.
בעיקרון זה סקריפט של מנוע חיפוש, העניין הוא שכאשר התוצאות נפתחות (כמו בגוגל למשל כשמקישים "ויקי" אז הוא ישלים ל "ויקיפדיה") אז אפשר לבחור אותן בעזרת לחיצה בעכבר אבל לא על ידי המקלדת.
זהו הקובץ של JS, הסקריפט האחרון אחראי על העכבר אבל אני רוצה שיהיה אפשר לבחור תוצאה מן המקלדת, על ידי החצים, כמו בגוגל.

זהו הקוד:

PHP קוד:

$(document).ready(function() {
    $(
'.autosuggest').keyup(function() {
    var 
search_term = $(this).attr('value');
    $.
post('search.php', {search_term:search_term}, function(data) {
    $(
'.result').html(data);
    
    $(
'.result li').click(function() {
        var 
result_value = $(this).text();
        $(
'.autosuggest').attr('value'result_value);
        $(
'.result').html('');
        });
        
        });
    });
}); 

תודה!

איציק ברבי 07-04-12 20:46

זה בעיה ככה,
אנחנו לא יכולים להביא לך קוד מוכן והקוד עם המקלדת יהיה יותר מורכב,
הייתי ממליץ לך לקרוא על האירוע keyup.

dor77 07-04-12 20:54

משתמשים באירוע הזה למעלה..
היום ראיתי לראשונה איך נראה קוד JS במטרה להבינו..
ניסיתי לקרוא על האירועים..ניסיתי לשחק בזה..כלום.
זה כזה בעייתי לעשות את זה?
אני הכי שונא "קודים מוכנים" אבל כאן זה לא המצב, אני לא מבקש קוד למערכת שלמה.

תודה.

איציק ברבי 07-04-12 21:40

PHP קוד:

$('textarea.text').live('keyup', function(e){
    
alert(e);
}); 

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

dor77 07-04-12 22:14

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

תודה רבה על העזרה, לנעול :)

IgalSt 07-04-12 23:26

נסה את זה
http://jqueryui.com/demos/autocomplete/

dor77 08-04-12 01:57

מותר לי להשתמש בסקריפט הזה?
מה הקבצים הללו אומרים:
HTML קוד:

                        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
                        <script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>

מי כתב אותם? מה זה מכיל?
את הקבצים הללו אני חייב לכלול על מנת שהקוד יעבוד.
מה בנוגע לזכויות?

תודה רבה.

IgalSt 08-04-12 08:16

אלו הם jQuery ו- jQuery UI.
הראשונה זו ספריה מאוד פופולרית ל-javascript המאפשרת בין היתר ביצוע אנימציות ומניפוציות DOM בקלות יחסית.
השניה היא ספריית UI שמסתמכת על ה-jQuery ומציעה מגוון אנימציות רחב, כל מיני ווידג'טים ועוד.
אחד מהווידג'טים הללו הוא ה-Autocomplete שהצגעתי לך.
אם ברצונך לטעון אותו, יהיה עליך לטעון את 2 הסקריפטים הללו.

dor77 08-04-12 11:51

אישיים, זאת אומרת שהקבצים הללו לא נכתבו לסקריפט הזה במיוחד, נכון?
מותר לי להשתמש בסקריפט הזה ללא חשש?
תודה!

IgalSt 08-04-12 13:14

ציטוט:

נכתב במקור על ידי dor77 (פרסם 840749)
אישיים, זאת אומרת שהקבצים הללו לא נכתבו לסקריפט הזה במיוחד, נכון?
מותר לי להשתמש בסקריפט הזה ללא חשש?
תודה!

אני לא יודע אם באמת "ללא חשש". לאחרונה יש יש רגשות קצת מעורבות בקהילת ה-FED בקשר ל-jQuery.

בכל אופן, לדעתי במקרה שלך אין לך מה לחשובב ולטעמי עבורך זה אף מומלץ.

אכן כפי שהסקת, הם לא נכתבו ייעודית עבור ה-Autocomplete אלא ההפך אם כבר.


כל הזמנים הם GMT +2. הזמן כעת הוא 23:28.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ