איך לעשות שהטקסט נעלם כשלוחצים בטופס ב-Html?

**DoodleJump** · 07-02-2014, 14:12

איך אני עושה שייעלם מה שכתוב בתוך תיבת הטקסט כשאני לוחץ עליה?
למשל, אם עשיתי:

קוד HTML:

<input type="text" value="שם פרטי" />

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

תודה מראש לאלכסוש התותח

**VeilSide** · 07-02-2014, 16:43

אתה צריך להשתמש בג'אווה סקריפט

קוד:

<html>
<head>
<title>Where is Yokneam?</title>
</head>
<body>
<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">
</body>
</html>
<script type="text/javascript">
var defaultInput = document.getElementById("inputfield").value;
function edit () {
    document.getElementById("inputfield").value = "";
}
function cancel () {
    document.getElementById("inputfield").value = defaultInput;
}
</script>

עשיתי שאם תלחץ בתוך השדה הטקסט יעלם, אם תלחץ מחוץ לשדה הוא יחזור.
אם אתה לא רוצה שהוא יחזור פשוט תמחק את onBlur ואת הפונקציה cancel()

**Shinx** · 07-02-2014, 19:03

נכתב במקור על ידי VeilSide

אתה צריך להשתמש בג'אווה סקריפט

קוד:

<html>
<head>
<title>Where is Yokneam?</title>
</head>
<body>
<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">
</body>
</html>
<script type="text/javascript">
var defaultInput = document.getElementById("inputfield").value;
function edit () {
    document.getElementById("inputfield").value = "";
}
function cancel () {
    document.getElementById("inputfield").value = defaultInput;
}
</script>

עשיתי שאם תלחץ בתוך השדה הטקסט יעלם, אם תלחץ מחוץ לשדה הוא יחזור.
אם אתה לא רוצה שהוא יחזור פשוט תמחק את onBlur ואת הפונקציה cancel()

אלכס מתכנת זיין תותח!

**DoodleJump** · 07-02-2014, 23:13

נכתב במקור על ידי VeilSide

אתה צריך להשתמש בג'אווה סקריפט

קוד:

<html>
<head>
<title>Where is Yokneam?</title>
</head>
<body>
<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">
</body>
</html>
<script type="text/javascript">
var defaultInput = document.getElementById("inputfield").value;
function edit () {
    document.getElementById("inputfield").value = "";
}
function cancel () {
    document.getElementById("inputfield").value = defaultInput;
}
</script>

עשיתי שאם תלחץ בתוך השדה הטקסט יעלם, אם תלחץ מחוץ לשדה הוא יחזור.
אם אתה לא רוצה שהוא יחזור פשוט תמחק את onBlur ואת הפונקציה cancel()

וואוו אחי תודה רבה!

איזה סוס

רק אתה יכול להסביר לי מה עשית שם?
ואם יש איזו דרך יותר פשוטה אולי בלי script type?

לא הבנתי מה זה עושה:

קוד HTML:

onclick="edit()" onblur="cancel()"

תודה רבה אחי

**VeilSide** · 08-02-2014, 03:15

אוקיי אני אנסה להסביר לך אבל נראה לי שאתה צריך לקרוא קודם קצת על ג'אווה סקריפט...
אין דרך פשוטה יותר לעשות את זה לדעתי.

קוד:

<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">

onClick - זה בדיוק מה שזה נשמע, זה אירוע שקורה אחרי שלוחצים על הכפתור.
onBlur - כשהאובייקט לא בפוקוס (אם אתה לוחץ על משהו מחוץ לאובייקט).

במקרה פה, onClick קורא לפונקציה בשם Edit() ו onBlur קורא לפונקציה בשם Cancel()

לגבי השאלה אם אתה יכול למחוק את התגיות - לא אתה לא יכול... ג'אווה סקריפט צריך להכנס בתגיות

קוד:

<script type="text/javascript">



</script>

כדי שהדפדפן יבין מה לעשות.

אפשרות שניה זה ליצור קובץ חיצוני ואז זה יראה ככה:

קוד:

<html>
<head>
<title>Where is Yokneam?</title>
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>


<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">


</body>
</html>

ואז הקוד יהיה בקובץ חיצוני שנקרא scripts.js.

בכל מקרה,

קוד:

var defaultInput = document.getElementById("inputfield").value;

פה זה מציב את הערך ההתחלתי של השדה "שם פרטי" נגיד, במשתנה שנקרא defaultInput

קוד:

function edit () {
    document.getElementById("inputfield").value = "";
}

ברגע שאתה לוחץ על השדה, זה קורא לפונקציה edit, מה שהיא עושה זה סה"כ למחוק את ה value מהשדה.

קוד:

function cancel () {
    document.getElementById("inputfield").value = defaultInput;
}

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

**DoodleJump** · 08-02-2014, 13:10

נכתב במקור על ידי VeilSide

אוקיי אני אנסה להסביר לך אבל נראה לי שאתה צריך לקרוא קודם קצת על ג'אווה סקריפט...
אין דרך פשוטה יותר לעשות את זה לדעתי.

קוד:

<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">

onClick - זה בדיוק מה שזה נשמע, זה אירוע שקורה אחרי שלוחצים על הכפתור.
onBlur - כשהאובייקט לא בפוקוס (אם אתה לוחץ על משהו מחוץ לאובייקט).

במקרה פה, onClick קורא לפונקציה בשם Edit() ו onBlur קורא לפונקציה בשם Cancel()

לגבי השאלה אם אתה יכול למחוק את התגיות - לא אתה לא יכול... ג'אווה סקריפט צריך להכנס בתגיות

קוד:

<script type="text/javascript">



</script>

כדי שהדפדפן יבין מה לעשות.

אפשרות שניה זה ליצור קובץ חיצוני ואז זה יראה ככה:

קוד:

<html>
<head>
<title>Where is Yokneam?</title>
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>


<input type="text" value="Yokneam" id="inputfield" onclick="edit()" onblur="cancel()">


</body>
</html>

ואז הקוד יהיה בקובץ חיצוני שנקרא scripts.js.

בכל מקרה,

קוד:

var defaultInput = document.getElementById("inputfield").value;

פה זה מציב את הערך ההתחלתי של השדה "שם פרטי" נגיד, במשתנה שנקרא defaultInput

קוד:

function edit () {
    document.getElementById("inputfield").value = "";
}

ברגע שאתה לוחץ על השדה, זה קורא לפונקציה edit, מה שהיא עושה זה סה"כ למחוק את ה value מהשדה.

קוד:

function cancel () {
    document.getElementById("inputfield").value = defaultInput;
}

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

איזו השקעה אחי, תודה רבה!

אתה סוס

שם משתמש		זכור אותי	רישום לאתר
סיסמה		שכחת סיסמה?

קהילות פורומים, הורדות, יעוץ ותמיכה

אשכולות דומים

[מכירה] מדריך איך לעשות תמונה בכותרת HTML | 30 נ'ק.

מדריך איך לעשות כסף בלי לעשות כלום!+הסבר על האתר

יש פה מישהו שיודע איך לעשות שהסיים משימה יהיה איזה שם שאני רוצה?

מדריך איך לעשות את הצבעים במסך נוחים לעין!BXL

(וידאו)מדריך איך לעשות טקסט תלת מימד משהו יפה מדריך שלי :)

איך לעשות שהטקסט נעלם כשלוחצים בטופס ב-Html?

כלי נושא

איך לעשות שהטקסט נעלם כשלוחצים בטופס ב-Html?

הרשאות פרסום