בולנט - דברים מיוחדים...     פרוטו - בניית אתרים

Israeli ASP Organization

ארגון ה-ASP הישראלי

מאמרים/דוגמאות קוד
קישורים
ספרות
חיפוש כללי:

חפש!
כלליHTMLASPASP.NETSQLמסדי נתוניםJavaScriptXML * XSLDHTML * CSSעיצוב וגרפיקהשרתיםComponentsפרסום ושיווקקידום אתריםקופירייטינגPHP
פרסומת
דף ראשי מדורים דרושים הרשמה למועדון אודותינו צור קשר
מיקום: מאמרים ודוגמאות קוד > JavaScript

אפליקציות JS שימושיות

עריכת טקסט עם תגיות

קורה שרוצים לאפשר עריכה של טקסט באתר אבל גם לאפשר עיצוב מסויים, אבל בעל האתר לא יודע HTML ואנחנו לא רוצים להתחיל להיות מורים של HTML בסיסי או שסתם בנינו לנו אפליקציה ואין לנו כח לכתוב תגיות HTML כל פעם כשאפשר ליצור לנו קיצורים!
אז הדוגמא הזו מאפשרת עריכה של טקסט בשדה TextArea עם אפשרות הוספת תגיות להדגשה, כתיב נטוי וקישור. כמובן שאפשר להוסיף על אותו עיקרון עוד תגיות רבות...

הנה הקוד:

<% OpenTextFile Response.Write GetFile("run/js_apps/js_apps04.htm") CloseTextFile %>

נתרם ע"י yotam_v


הצגה / הסתרה של id

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

קוד הפוקנציה ושימוש בה:

<SCRIPT LANGUAGE=javascript> function show_hide(msg_id){ msg_id.style.display=msg_id.style.display=="none" ? "" : "none" } </SCRIPT> <A href=javascript:show_hide(stam_id)>SHOW / HIDE</a> <HR> <div id=stam_id>The text...</div>

על מנת לשלב דוגמא זו בפורום, יש לתת לכל הודעה ID משלה שיהיה לפי ה-ID בטבלה של מסד הנתונים ולחיצה על הנושא תשלח את ה-ID לפונקציה show_hide()

נתרם ע"י צוות האתר


תיבת חיפוש מהיר

אפליקציה זו באה לקצר את זמן החיפוש של ערך מסויים ב-COMBO BOX, למשל רשימה ארוכה של אזורים ועלינו לבחור אזור מסויים, במקום להתחיל לגלול ולחפש ניתן להתחיל ולהקליד את הערך והסמן יקפוץ ישירות אל הערך התואם ב-COMBO BOX

הנה הקוד:

<HTML> <BODY dir=rtl> <SCRIPT language=javascript> function FindDefinitionInList(objSelectBox) { //This function is launched when the user types a letter in the UserSelection //text box. The function finds the user's string in the DefinitionSelect //Select box var strSearchString, lngLenSearchString; strSearchString = UserSelection.value; lngLenSearchString = strSearchString.length; for (i=0;i<objSelectBox.length;i++) { if (objSelectBox[i].text.substr(0,lngLenSearchString) == strSearchString ) { objSelectBox.options[i].selected = true break; } } } </SCRIPT> הקלד את שם העיר המבוקשת בשדה הטקסט <BR> <INPUT id=UserSelection onkeyup=FindDefinitionInList(selTypsList) style="FONT-FAMILY: arial; WIDTH: 120px"> <BR><SELECT dir=rtl id=selTypsList size=5 style="FONT-FAMILY: arial; WIDTH: 120px"> <OPTION value=1>אילת</OPTION> <OPTION value=1>באר שבע</OPTION> <OPTION value=1>חיפה</OPTION> <OPTION value=1>חדרה</OPTION> <OPTION value=1>ירושלים</OPTION> <OPTION value=1>רמת גן</OPTION> <OPTION value=1>תל אביב</OPTION> </SELECT> </BODY></HTML>

נתרם ע"י נחום גינת


WRAP ב-JS

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

הנה הקוד:

<% OpenTextFile Response.Write GetFile("run/js_apps/js_apps02.htm") CloseTextFile %>

נתרם ע"י dagon



התגובות שלכם

         
01. 25/07/2006  אמציה
אוקיי...
תודה...
זה די עזר לי, אם כי לא ממש...
איך אפשר לעשות ההפך?
שההודעה מוסתרת, וכשלוחצים על הקישור היא תופיע?
בתודה, אמציה.


מחבר: מספר יוצריםרמת קושי: 1  ||  ציון: (5)כל הזכויות שמורות ל-IAO ©

חנות לסטלן  |   מתכונים  |   חגי ישראל  |   פורטל משחקים  |   חנויות מחשבים ו-ציוד הקפי  |   מגזין מסטול לסטלן המצוי  |   קליפרים  |   גידול צמחים פרחים  |   ספא פינוק מושלם