לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה שאלה לגבי ספירת תוים ב JS
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 21-10-2005, 00:37
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
שאלה לגבי ספירת תוים ב JS
שלום שלום.
יש לי 2 inputbox'ים בטפס.
אני רוצה לעשות שכאשר המשתמש ממלא אינפוטבוקס אחד בשלוש תוים, אוטומטית הסמן קופץ לשני.
אפשרי?

בטוח שכן.. רק שאני לא יודע איך עושים את זה כי אנלא יודע JS

תודה רבה לכל המשיבים!!
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 21-10-2005, 00:53
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 1 שנכתבה על ידי furma שמתחילה ב "שאלה לגבי ספירת תוים ב JS"
ראשית, אין בג'אבה סקריפט חיה שנקראת "אינפוטבוקס", אתה בטח מתכוון ל-input box...

השלבים:
* אתה צריך לכתוב אירוע שבכל לחיצת מקש תתבצע קריאה לפונקציה.
* הפונקציה תבדוק את מס' התווים הנוכחי.
* אם מספר התווים הנוכחי = 2, המיקוד (focus) יעבור לשדה אחר.
כמובן שצריך גם דרך לדעת לאיזה שדה לעבור, ולא בטוח שאפשר לעבור לפי סדר השדות, אלא יתכן שחובה לתת שם לשדה, כך שזה לא תלוי בסדר השדות.

* תסתכל בדוגמה כאן איך לקרוא לפונקציה עם כל לחיצת מקש, ואיך לבדוק את מספר התווים שבערך הנוכחי.
* תדאג שלפונקציה יהיה את הפרמטרים הבאים:
1. id של השדה הנוכחי.
2. id של השדה שאליו צריך להעביר את המיקוד אם מס' התווים שווה ל-2.
* העברת המיקוד לשדה מסויים נעשית באמצעות השיטה focus - שכמובן צריכה להיות בצמוד לנתיב של השדה, לדוגמה: document.getElementById('home').focus()

הטוותי כאן קווים מנחים לביצוע הפעולה, אם לא תסתדר עם כתיבת הקוד בפועל תספר איפה נתקעת ונשמח לעזור.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 21-10-2005, 06:20
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
אחלה.. אבל שים לב
בתגובה להודעה מספר 2 שנכתבה על ידי ישראל K שמתחילה ב "ראשית, אין בג'אבה סקריפט חיה..."
הפונקציה עובדת טוב, אבל יש 2 בעיות שאני לא בטוח שהן בשליטתי.
1. אם מקלידים מספיק מהר הפונקציה לא מספיקה להגיב.
2. האם אפשר לגרום לסמן ממש לצבוע את כל השדה (מדובר ב input type=text)?
אני מכיר את זה בהרבה טפסים.. מה שצריך לקרות זה שהסמן קופץ לשדה הבא וצובע אותו (את הטקסט בו), וכך זה מכין את זה לעריכה עבור המשתמש. מה דעתכם?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 21-10-2005, 06:26
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
ובכלל הייתי מעדיף
בתגובה להודעה מספר 3 שנכתבה על ידי furma שמתחילה ב "אחלה.. אבל שים לב"
שכאשר מתמקדים בתא מסויים (כלומר ב input type=text) זה אוטומטית יצבע את כל מה שכתוב בו, ולא יניח את הסמן בצד הטקסט...
אפשרי?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 21-10-2005, 13:26
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 4 שנכתבה על ידי furma שמתחילה ב "ובכלל הייתי מעדיף"
אם אתה נזכר שאתה רוצה להוסיף משהו להודעה הקודמת, תשתמש באפשרות 'עריכה' ותוסיף את זה להודעה (אם זה לא בתוך דקות ספורות כדאי לציין שזה עריכה, כדי שמי שכבר קרא ישים לב).
אפשרות העירכה פעילה למשך כחצי שעה מזמן כתיבת ההודעה.

אפשר לשנות גם את הצבעים באמצעות שינוי ערך ה-css שלהם בצורה כזאת:
קוד:
document.getElementById('home').style.background = 'red'


אני מבין שאתה עדיין ממש מתחיל, אז כדי שלא תתבלבל יותר מדי, כדאי שתשב כמה שעות לקרוא עוד, ולעשות קצת סדר בדברים כדי להבין, מה זה שיטה (method), מה זה 'שם', 'id', style, 'ערך', 'אירוע' וכל דבר שצריך.
רצוי מאד שתלמד מהאתר w3schools.com, כי רוב האתרים לא תקניים, והלימוד משם הוא כנראה הכי טוב, תקני ועדכני שיש.
בדף הזה יש לך אוסף של שיטות וגם כמה דוגמאות, נסה לשחק עם הדוגמאות, לקרוא קצת על השיטות והאירועים שם, זה יוסיף לך.

בהצלחה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 21-10-2005, 11:23
  A.M.F A.M.F אינו מחובר  
 
חבר מתאריך: 21.11.04
הודעות: 468
בתגובה להודעה מספר 1 שנכתבה על ידי furma שמתחילה ב "שאלה לגבי ספירת תוים ב JS"
כמו שכבר אמרו, דבר ראשון שאתה צריך לעשות זה לתת שם או ID לכל תיבת טקסט שיש לך.
שילבתי את מה שמי שמעליי עשה (מקווה שלא אכפת לך) אם מה שאתה צריך בדיוק. ועכשיו כל מה שאתה צריך לעשות זה ללשנות את זה לפי הצרכים שלך-
קוד:

<html>
<head>
</head>
<body>
<script language="JavaScript">
function letters_number (name, limit, counter) {
if (name.value.length > limit)
 {
 document.tofes.second.select();
 name.value = name.value.substring(0,limit)
 }
else 
 {
 var more = limit - name.value.length;
 document.getElementById(counter).innerHTML = "אתה יכול לרשום עוד " + more + "תווים";
 }
}
</script>
<textarea onkeyup="return letters_number(this,25,'counter_show')" name="text3">
</textarea>
<span id="counter_show">נשארו לך 50 תווים</span>
<form name="tofes">
 <input type="text" id="second" value="סתם משהו שנכנס פה" />
</form>
</body>
</html>


מקווה שתסדר.
_____________________________________
חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 21-10-2005, 13:19
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 6 שנכתבה על ידי A.M.F שמתחילה ב "כמו שכבר אמרו, דבר ראשון שאתה..."
אני גם מקווה שהוא יסתדר, ועוד יותר, אני מקווה שהוא לא ישתמש בקוד הזה, כי זה לא תקני !

לא עברתי על הכל, אבל לפחות בעיה אחת גילית בקוד שלך:
כדי להתמקד משתמשים בשיטה focus, ולא select.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 21-10-2005, 13:20
  A.M.F A.M.F אינו מחובר  
 
חבר מתאריך: 21.11.04
הודעות: 468
בתגובה להודעה מספר 7 שנכתבה על ידי ישראל K שמתחילה ב "אני גם מקווה שהוא יסתדר, ועוד..."
ציטוט:
במקור נכתב על ידי ישראל K
אני גם מקווה שהוא יסתדר, ועוד יותר, אני מקווה שהוא לא ישתמש בקוד הזה, כי זה לא תקני !

לא עברתי על הכל, אבל לפחות בעיה אחת גילית בקוד שלך:
כדי להתמקד משתמשים בשיטה focus, ולא select.


אבל הוא לא ביקש שהסמן יופיע רק לפני הטקסט, אל הוא ביקש שזה יסמן אוטומטית את כל מה שיש שם.

ציטוט:
שכאשר מתמקדים בתא מסויים (כלומר ב input type=text) זה אוטומטית יצבע את כל מה שכתוב בו, ולא יניח את הסמן בצד הטקסט...


_____________________________________
חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 21-10-2005, 13:38
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 8 שנכתבה על ידי A.M.F שמתחילה ב "[QUOTE=ישראל K]אני גם מקווה..."
טעות שלי לגבי השימוש שרצית לעשות ב-select, בכל אופן נראה לי שזה לא תקני.

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

רצוי שתכתוב קוד תקני יותר, תשתמש ב'נתיב מלא' לשדות שאתה פונה אליהם, אי אפשר לפנות לשדה רק ע"י ציון שמו.

כמו"כ המשתנה counter ממש מיותר, ובמיוחד הצורך לכתוב אותו בכל קריאה לפונקציה, כי הרי השדה של המונה הוא קבוע, ולא משנה אזיה שדה נבדק כרגע.

בהצלחה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 21-10-2005, 16:31
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
חבר'ה הצלחתם לבלבל אותי
בתגובה להודעה מספר 9 שנכתבה על ידי ישראל K שמתחילה ב "טעות שלי לגבי השימוש שרצית..."
כן, אני מתחיל בעניין של JS. אני מתכנת הרבה זמן בשפות אחרות, אבל ב JS אני בור (זה רק עניין של סינטקס ופונקציות בעקרון).
אני באמת אשב ללמוד עם מדריך.

אני מבין לפי ההודעות ולפי הקוד של A.M.F שפונקציה שאני מחפש היא
select()
ולא
focus()

בעצם SELECT() עושה מה ש FOCUS() עושה, אלא שגם ממש בוחרת את השדה עצמו.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 21-10-2005, 17:34
צלמית המשתמש של דור
  דור דור אינו מחובר  
 
חבר מתאריך: 09.04.02
הודעות: 8,000
נכון, זה היעוד של השיטה select.
בתגובה להודעה מספר 10 שנכתבה על ידי furma שמתחילה ב "חבר'ה הצלחתם לבלבל אותי"
שים לב לאתר שיש בעוגן FAQ, משם תוכל ללמוד JS בקלות.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #12  
ישן 21-10-2005, 19:29
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
יש בעיה עם TAB ועם הקלדה מהירה
בתגובה להודעה מספר 11 שנכתבה על ידי דור שמתחילה ב "נכון, זה היעוד של השיטה select."
כאשר לוחצים על TAB כדי לעבור לשדה הבא, והשדה הבא כבר מלא במספר התווים המקסימלי, הוא מעביר אותך לשדה אחריו.
האירועי הוא Onkeyup
איך מתגברים עלזה?
בנוסף, גם כאשר מקלידים ערך מאד מהר, הוא קופץ 2 טאבים קדימה.
נערך לאחרונה ע"י furma בתאריך 21-10-2005 בשעה 19:33.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #13  
ישן 22-10-2005, 17:44
  A.M.F A.M.F אינו מחובר  
 
חבר מתאריך: 21.11.04
הודעות: 468
בתגובה להודעה מספר 12 שנכתבה על ידי furma שמתחילה ב "יש בעיה עם TAB ועם הקלדה מהירה"
לא ממש הבנתי אותך... אולי תביא את הקוד שעשית ככה אני אראה בבירור למה אתה מתכוון
_____________________________________
חתימתכם הוסרה כיוון שלא עמדה בחוקי האתר. לפרטים נוספים לחצו כאן. תוכלו לקבל עזרה להתאמת החתימה לחוקים בפורום חתימות וצלמיות.

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #14  
ישן 22-10-2005, 19:09
  furma furma אינו מחובר  
 
חבר מתאריך: 23.08.05
הודעות: 56
הנה דוגמא
בתגובה להודעה מספר 13 שנכתבה על ידי A.M.F שמתחילה ב "לא ממש הבנתי אותך... אולי..."
http://www.irc.co.il/worker_advanced.php
תמלא את כל הערכים במספרים.
ואחר כך תלך לערך הראשון ותלחץ על TAB.
תראה מה יקרה
זה מדלג על הערך הבא כי הוא כבר מלא.

איך מתגברים על זה?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #15  
ישן 22-10-2005, 19:26
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 14 שנכתבה על ידי furma שמתחילה ב "הנה דוגמא"
עשית סמאטוחה מדי גדולה, אז לא המשכתי לקרוא, בכל אופן רצוי שתעתיק את קטע הקוד הרלוונטי ותסביר מה אתה מנסה לעשות, ומה הפשר של כל שורה (לא מכל הדף, אלא המפונקציה הרלוונטית).

בנוסף, ערך של מאפיין (מאפיין של תג) צריך להיות תחום במרכאות כפולות או בודדות, כך:
קוד:
<input name='button_1' type='text'/>

אל תשכח להוסיף את המרכאות בכל המאפיינים שכבר כתבת !
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 06:39

הדף נוצר ב 0.06 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2025 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר