שיעור 2
שינוי טקסט באלמנט טקסט, באינרטוולים של חצי שניה.
חשוב לשנות את הID של אלמנטים לפי הID של האלמנטים שלכם.
setInterval(() => {
if (boolean === true)
{
$w("#title").text = "Text Value";
boolean = false;
}
else
{
$w("#title").text = "12345";
boolean = true;
}
}, 500);
החלפת צבע ותמונה בקופסא כאשר העכבר נכנס/יוצא מהקופסא.
חשוב לזכור לייצר אירוע של OnMouseIn וOnMouseOut ולהכניס את הקוד הרלוונטי לתוך הפונקציות שנפתחות
let girlpic = $w('#image2').src
let gaypic = $w('#image1').src
export function box1_mouseIn(event) {
$w('#box1').style.backgroundColor = "rgba(255,0,0,1)";
$w('#box1').style.borderRadius = "1px";
$w('#image1').src = girlpic
}
export function box1_mouseOut(event) {
$w('#box1').style.backgroundColor = "rgba(0,0,255,1)";
$w('#box1').style.borderRadius = "15px";
$w('#image1').src = gaypic
}
אנימציה של החבאה כאשר העכבר נכנס לאלמנט
let fadeOptions = {
"duration": 2000,
"direction": "top"
};
$w("#title").hide("flip", fadeOptions);
יצירת טופס באמצעות קוד
import wixData from 'wix-data';
export function button1_click(event) {
$w('#ok').collapse()
$w('#error').collapse()
if ($w('#input1').value.length > 1 && $w('#input2').value.length > 1 && $w('#input2').valid) {
wixData.insert("lids", { name: $w('#input1').value, email: $w('#input2').value, age: Number($w('#slider1').value) })
.then((item) => {
$w('#ok').expand()
console.log(item); //see item below
})
.catch((err) => {
$w('#error').text = "שגיאה התרחשה במערכת, אנא פנה לאדמין"
$w('#error').expand()
console.log(err);
});
}
else
{
$w('#error').expand()
if ($w('#input1').value.length <= 1)
{
$w('#error').text = "חובה למלא שם"
}
else if ($w('#input2').value.length <= 1)
{
$w('#error').text = "חובה למלא אימייל"
}
else
{
$w('#error').text = "חובה למלא אימייל תקין"
}
}
}