צהריים טובים.
כשאני מנסה להפעיל את השורה הזאת בie היא לא מתבצעת את הonclick:

קוד:

<input name="login_pass" type="text" value=" Password" onclick="this.type='password'"> 

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

נסה את setAttribute

http://www.quirksmode.org/dom/tests...utesBasics.html

נכנסתי לקישור שנתת, וקראתי קצת חומר אבל לא מצאתי חומר שיכול לעזור לי.
השורה הזאת לא יכולה לעזור לי בלי הפונקציה setAttribute:

קוד:

setAttribute('type','password')

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

כנס לכאן:
http://www.quirksmode.org/dom/w3c_core.html

תגיע לחלק של Attributes, ותתמקד בפונקציות הבאות:

createAttribute
setAttributeNode
removeAttribute

ואולי
getAttribute

ציטוט:

x.setAttribute('align','right')Set the align attribute of node x to right. The name and value are both strings. IE5-7 doesn't set styles and removes events when you try to set them.

זה לא נתמך בie7..

ניסית בשיטה הזו לערוך את המאפיין type?

לפי מה שכתוב:

ציטוט:

IE5-7 doesn't set styles and removes events when you try to set them.

IE5-7 לא תומכים בקביעת ערך למאפיין style ובקביעת מאפייני events, כמו: onclick, onmouseover וכו'.
ולכן, קביעת מאפיין type אמורה להצליח.

התייאשתי.
עשיתי את זה בצורה אחרת, ככה שלא צריך שהpassword יימחק.
מצטער על ההטרדה ותודה רבה!

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

נראה לי שבאקספלורר לא ניתן לשנות מאפיין זה לאחר יצירת האובייקט (באותה מידה שלא ניתן לשנות את המאפיין name וצריך להגדירו במהלך יצירת האובייקט, לדוגמה: '<input name="username">').
דרך פשוטה לפתור את הבעיה הוא לשמור את תוכן השדה במשתנה, ליצור את האובייקט מחדש עם מאפיין type שונה ואת הערך שנשמר במשתנה להחיל באובייקט החדש (פשוט להשימו כערך של המאפיין value).
כמובן שניתן מלכתחילה ליצור 2 אובייקטים ובכל פעם להציג ולהסתיר אחד מהם בהתאם לבחירת המשתמש.

אם הייתי מוצא את הפתרון כמובן שהייתי רושם אותו כאן.

אבל אני לא מצאתי את הפתרון. פשוט הסרתי את הבעיה שלי.
במקום להציג את המילה password בתוך הinput, הצגתי אותה מבחוץ לו.
כך זה נראה:

קוד:

 	  <div class="login_form_div" onclick="document.getElementById('login_pass').focus();">
	   <span>Password:</span>
	   <input type="password" id="login_pass" name="login_pass" value="" />
	  </div> 

לכן אין טעם שאני אפרסם את הדרך שבה השתמשתי.

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

קוד:

<div class="login_form_div">
	<label for="login_pass">Password:</label>
	<input type="password" id="login_pass" name="login_pass" value="" />
</div> 

יש לזה גם יתרונות סמנטיים - בקוד שלך יש קישור לוגי בין המילה password: לאלמנט input שמקבל אותה

מצד שני, יכול להיות שזה לא בדיוק מה שהוא מחפש. את ה Onclick הוא שם על כל הDIV, ולא על ה span. לכן יכול להיות שהdiv שלו הוא קופסא ענקית והוא רוצה שבכל לחיצה על הקופסא (לא רק על הלייבל), הinput יתפקס. ואז הקוד שנתת לא יעשה את העבודה.

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

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

קוד:

<label class="login_form_div">
	<span>Password:</span>
	<input type="password" id="login_pass" name="login_pass" value="" />
</label> 

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

נראה לי צריך להוסיף גם display: block בשביל לעצב את זה כמו DIV

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

כן, אבל את זה יהיה יותר הגיוני להוסיף במחלקה login_form_div... (ובכלל, אני הייתי מסיר את ה-div משם המחלקה)