top of page

שיעור 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 = "חובה למלא אימייל תקין"

       }

    }

  }

bottom of page