איך לעשות כפתור שבלחיצה עליו נהפך ל 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

משתמש חדש
אם הבנתי אותך נכון אז לדוגמא ככה:
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 למעלה צד שמאל וזה ישמור לך .. תודה !
 

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.:confused:
 

morwin

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

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קיט ב'

ט בַּמֶּה יְזַכֶּה נַּעַר אֶת אָרְחוֹ לִשְׁמֹר כִּדְבָרֶךָ:י בְּכָל לִבִּי דְרַשְׁתִּיךָ אַל תַּשְׁגֵּנִי מִמִּצְוֹתֶיךָ:יא בְּלִבִּי צָפַנְתִּי אִמְרָתֶךָ לְמַעַן לֹא אֶחֱטָא לָךְ:יב בָּרוּךְ אַתָּה יְהוָה לַמְּדֵנִי חֻקֶּיךָ:יג בִּשְׂפָתַי סִפַּרְתִּי כֹּל מִשְׁפְּטֵי פִיךָ:יד בְּדֶרֶךְ עֵדְוֹתֶיךָ שַׂשְׂתִּי כְּעַל כָּל הוֹן:טו בְּפִקֻּדֶיךָ אָשִׂיחָה וְאַבִּיטָה אֹרְחֹתֶיךָ:טז בְּחֻקֹּתֶיךָ אֶשְׁתַּעֲשָׁע לֹא אֶשְׁכַּח דְּבָרֶךָ:
נקרא  5  פעמים

לוח מודעות

למעלה