איך לעשות כפתור שבלחיצה עליו נהפך ל unput text

[morwin]

This user does not have permission to use the HTML BB code.אני כבר מתחיל לשכוח javascript וזה בעיה ..
אני רוצה לעשות את זה ב javascript מישהו יכול לעזור לי בזה ?

ככה זה נראה
https://jsfiddle.net/Levq30u8/

יש לי כמה li ששמתי עליהם ב css display: inline;

ואני רוצה ליצור מתחת לכל li כפתור שבלחיצה עליו זה יהפך ל input text שיכיל את ה value שלה כלומר - "Home" ולאחר מכן בלחיצה על אנטר אני יעשה כבר שזה יישלח לקובץ php שיעדכן במסד נתונים..

אבל בקיצור, כרגע אני צריך לעשות רק את הכפתור שיהפך לי ל input text ושהוא יהיה מתחת לכל li

תודה לעוזרים !

 

[uriel ch]

..

 

[uriel ch]

אם הבנתי אותך נכון אז לדוגמא ככה:
This user does not have permission to use the HTML BB code.

 

[morwin]

תודה ! אתה יכול ליצור את זה שזה יהיה מתחת ל li - יים ?

 

[uriel ch]

אתה מתכוון ככה:
This user does not have permission to use the HTML BB code.

 

[morwin]

אני מתכוון ליצור כאן לקוד הזה שכתבתי :
https://jsfiddle.net/Levq30u8/

קוד ג'אווה סקריפט שיצור אוטומטית מתחת לכל li את מה שעשית

מה שהבאת לי זה לא טוב לי מספיק

אבל הרעיון היה יפה ..

 

[uriel ch]

רק לכתוב את זה שם?
שמתי לב שזה לא שומר אם אני עושה שם משהו

 

[morwin]

כן יש שם כפתור update למעלה צד שמאל וזה ישמור לך .. תודה !

 

[uriel ch]

אוקי
עשיתי לך

 

[morwin]

את האמת אני לא רואה את זה
יש לך את הקישור אולי או שתשלח לי הקוד
ממש תודה לך !

 

[uriel ch]

משום מה זה לא שומר אז אני יתן לך את הקוד:
This user does not have permission to use the HTML BB code.
את כל זה תשים בקטע של ה html
ומה שכתוב עכשיו תשים ב javascript:
This user does not have permission to use the HTML BB code.

 

[morwin]

אני מתכוון ליצור קוד - על מה שהבאתי לך. לא קוד שונה (אתה הוספת קוד לתוך ה html )
רק קוד ג'אווה סקריפט שייצר את הכפתור שנהפך ל input text ואחרי שהוא נהפך ל input text הוא יכיל בתוכו את ה value של ה li שמעליו

צריך css כדי שהוא ירד לי מתחת לכל li
אני מסתבך ב css הזה

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

 

[uriel ch]

אז אתה מסתבך ב-css, או באיך לעבירה שורה, או שאתה רוצה שה input יכיל בתוכו את ה value של ה li.

 

[rachel1]

התכוונת למשהו כזה?
https://jsfiddle.net/Levq30u8/57/

 

[morwin]

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