בירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs
-
@121244 הנה:
היי! בהחלט, אני יכול לספק לך רשימה של פרמטרים שניתן לשלוח אל
document.execCommand
יחד עם כמה דוגמאות לכל אחד מהם. פונקציית JavaScript זו מאפשרת לך לבצע פעולות שונות בטקסט שנבחר כעת או בתוכן של רכיב הניתן לעריכה. בואו נצלול פנימה:-
Bold Text:
- Parameter:
"bold"
- Example:
document.execCommand("bold", false, null);
- Parameter:
-
Italicize Text:
- Parameter:
"italic"
- Example:
document.execCommand("italic", false, null);
- Parameter:
-
Underline Text:
- Parameter:
"underline"
- Example:
document.execCommand("underline", false, null);
- Parameter:
-
Insert Ordered List:
- Parameter:
"insertorderedlist"
- Example:
document.execCommand("insertorderedlist", false, null);
- Parameter:
-
Insert Unordered List:
- Parameter:
"insertunorderedlist"
- Example:
document.execCommand("insertunorderedlist", false, null);
- Parameter:
-
Insert Link:
- Parameter:
"createLink"
- Example:
var url = "https://example.com"; document.execCommand("createLink", false, url);
- Parameter:
-
Remove Formatting:
- Parameter:
"removeFormat"
- Example:
document.execCommand("removeFormat", false, null);
- Parameter:
-
Undo:
- Parameter:
"undo"
- Example:
document.execCommand("undo", false, null);
- Parameter:
-
Redo:
- Parameter:
"redo"
- Example:
document.execCommand("redo", false, null);
- Parameter:
-
Insert Horizontal Line:
- Parameter:
"insertHorizontalRule"
- Example:
document.execCommand("insertHorizontalRule", false, null);
- Parameter:
These are some of the commonly used parameters for
document.execCommand
. You can use them to manipulate the content within a contenteditable element. If you have any specific use case or need more details about a particular parameter, feel free to ask! -
-
@K-O-G כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
כדי להכניס נתון מתוך אזור טקסט (text input) למשתנה ב- JavaScript, יש לבצע את השלבים הבאים:
- הוסף את אזור הטקסט ל-HTML:
<input type="text" id="myInput">
- ב- JavaScript, קבל את אזור הטקסט בעזרת document.getElementById():
let input = document.getElementById("myInput");
- הוסף listener לאירוע input שיפעל כאשר המשתמש מקליד באזור הטקסט:
input.addEventListener("input", function(){ // code here });
- בתוך ה-listener, קבל את הערך הנוכחי שהמשתמש הקליד בעזרת input.value:
let value = input.value;
- שמור את הערך במשתנה:
let userInput = value;
כעת הערך שהמשתמש הקליד יהיה במשתנה userInput וניתן להשתמש בו ב- JavaScript.
א"כ אז מה הבעיה בקוד הזה (אמור לעשות בחירת צבע לטקסט)
<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option>/> <option>#00ff00</option> <option>#0000ff</option> </datalist> <script> let input = document.getElementById("myInput"); input.addEventListener("input", function(){ ("foreColor", false, myInput) });
-
א"כ אז מה הבעיה בקוד הזה (אמור לעשות בחירת צבע לטקסט)
<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option>/> <option>#00ff00</option> <option>#0000ff</option> </datalist> <script> let input = document.getElementById("myInput"); input.addEventListener("input", function(){ ("foreColor", false, myInput) });
עובד מעולה
https://jsfiddle.net/muv19ct4/ -
@MGM-IVR זה גם לא עובד לי זה לא משנה את הצבע של הטקסט
<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option>/> <option>#00ff00</option> <option>#0000ff</option> </datalist> <script> let input = document.getElementById("myInput"); input.addEventListener("input", function(){ ("foreColor", false, myInput) });
ובכדי שמאה אחוז תבין את כוונתי אצרף תמונה
ובעצם מה שאמור להיות זה שמדגישים את הטקסט מבוקש בוחרים צבע בלחצן המדובר וזה משתנה -
<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option> <option>#00ff00</option> <option>#0000ff</option> </datalist> <h1 id="myHeading"> hi </h1> <script> let input = document.getElementById("myInput"); let heading = document.getElementById("myHeading"); input.addEventListener("input", function () { heading.style.color = input.value; }); </script>
זה בעצם מגדיר מראש id לטקסט, ואז את הטקסט הזה הוא משנה לו צבע בכל בחירה
-
@MGM-IVR לא הבנת יש לי עורך html שאני רוצה להוסיף בכפתורים למעלה עוד כפתור (הכפתור המדובר) שבו המשתמש בוחר את צבע הטקסט
והקוד הזה אמור לעשות את זה ומשום מה זה לא עובד<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option>/> <option>#00ff00</option> <option>#0000ff</option> </datalist> <script> let input = document.getElementById("myInput"); input.addEventListener("input", function(){ ("foreColor", false, myInput) });
-
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
@MGM-IVR לא הבנת יש לי עורך html שאני רוצה להוסיף בכפתורים למעלה עוד כפתור (הכפתור המדובר) שבו המשתמש בוחר את צבע הטקסט
והקוד הזה אמור לעשות את זה ומשום מה זה לא עובד<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option>/> <option>#00ff00</option> <option>#0000ff</option> </datalist> <script> let input = document.getElementById("myInput"); input.addEventListener("input", function(){ ("foreColor", false, myInput) });
אין לי את הקוד מקור של מה שאתה כותב בשביל שאוכל להראות לך בדיוק איך לשנות, וגם אין לי רצון כזה, אני אוהב להביא חכות לאנשים, ולא לדוג בשבילם את הדגים..
אני הבאתי למעלה קוד, שבו
1 אתה מגדיר לתגית h1 id מסויים
2 כשאתה בוחר צבע טקסט מתוך הלחצן בחירה, הוא משנה את הערך color של הh1 לאותו צבע.זה לא עוזר לך?
מה אתה רוצה לעשות אז אם לא לצבוע את הטקסט?
-
@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
אין לי את הקוד מקור של מה שאתה כותב בשביל שאוכל להראות לך בדיוק איך לשנות, וגם אין לי רצון כזה, אני אוהב להביא חכות לאנשים, ולא לדוג בשבילם את הדגים..
אתה לא צריך את זה בכלל , כל מה שאני צריך זה לדעתאיך עושים שבבחירת צבע מסוים ישלח קוד הצבע לפונקציה כלשהיא בסקריפט
הבאתי דוגמא איך זה אמור לעבוד
צילום מסך סיסמא 1234.rar -
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
אתה לא צריך את זה בכלל , כל מה שאני צריך זה לדעתאיך עושים שבבחירת צבע מסוים ישלח קוד הצבע לפונקציה כלשהיא בסקריפט
לא איכפת לי לחזור על דבריי שוב..
אני אוהב לתת חכות ולא דגים,
הבאתי פה https://mitmachim.top/post/697293 קטע קוד שמתבסס על הקטע שהעלית כאן https://mitmachim.top/post/697282אם אתה לא נותן יחס מינימלי של לקרוא את הקוד שכתבתי בשבילך, ולנסות להבין מה הלך שם, אני לא רואה סיבה לנסות לעזור,
אם יש לך בעיה עם הקוד שהעלתי, או שאתה לא מסתדר איתו תעדכן מה לא טוב, ובאיזה בעיה נתקלת -
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
@MGM-IVR
קראתי אבל אני לא יודע מה שולח את הנתון לפונקציה ומה משנה את הצבע ולכן אני שואלמי כתב לך את הקטע קוד הזה?
https://mitmachim.top/post/697376 -
-
1 121244 התייחס לנושא זה
-
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
@MGM-IVR לקחתי את זה שמצאתי באתר כלשהוא
אוקיי, עזוב רגע,
נתחיל קצת קודם.אתה רוצה לעשות תיבת בחירה של צבע, ואם בוחרים צבע, אז צבע של טקסט מסויים משתנה?
אם כן, זה קוד שעושה את זה:<input type="color" id="myInput" list="presetColors"> <datalist id="presetColors"> <option>#ff0000</option> <option>#00ff00</option> <option>#0000ff</option> </datalist> <h1 id="myHeading"> hi </h1> <script> let input = document.getElementById("myInput"); let heading = document.getElementById("myHeading"); input.addEventListener("input", function () { heading.style.color = input.value; }); </script>
הוא בונה תיבת בחירת צבע, עם 3 צבעים מוגדרים. ועוד תיבה של בחיה מכל הצבעים.
יש לתיבה הזאת id בשם ״myInput״יש טקסט בתגית h1 , שיש לו id בשם myHeading
זה הhtml
נעבור לjs
מגדירים משתנה בשם input שהוא מכיל את התיבת בחירת צבע
מגדירים משתנה בשם heading שהוא מכיל את התגית h1 של הטקסטואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)
אם לא זה הייתה הבעיה שלך או אם יש לך בעיה עם הקוד שכתוב כאן תסביר מפורט יותר מה אתה צריך
-
@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)
אז אני צריך רק עד החלק שאם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input כלומר אני צריך שאם קרה שינוי בצבע הvalue של הצבע החדש יכנס למשתנה myInput וזהו
-
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)
אז אני צריך רק עד החלק שאם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input כלומר אני צריך שאם קרה שינוי בצבע הvalue של הצבע החדש יכנס למשתנה myInput וזהו
let NewColor=document.getElementById("myInput").value
-
@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
@MGM-IVR
עכשיו נותר לי רק לדעת איך אני עושה שכשהשתנה הצבע(שבחר צבע אחר ) יפעל פונקציה מסוימתאם היית טורח וקורא את ההסבר שלי שכתבתי קודם, היית יודע,
קצת מעצבן לראות שאני משקיע וכותב תגובות, ואתה לא טורח לנסות לקרוא ולהבין.@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:
ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)
תלך לקטע קוד שעוקב אחרי השינוי צבע, כמו ההסבר שכתבתי למעלה, ואז תגדיר שם משהו אחר במקום שישתנה הצבע לטקסט