top of page

שיעור 3

הסתרת וידיאו / כפתור במקרה ואין מידע במאגר מידע המקושר לדף דינאמי

$w.onReady(function () {

    let item = $w('#dynamicDataset').getCurrentItem()

    if (item.video === undefined) {

       $w('#videoPlayer1').hide();

    }

    if (item.link === undefined) {

       $w('#link').hide();

    }

});

סינון רפיטר המציג דפים דינאמים באמצעות 3 כפתורים , 2 עבור שדות במאגר מידע, ו1 עבור כל התוצאות

import wixData from 'wix-data';


export function MountainButton_click(event) {

    $w('#dataset1').setFilter( wixData.filter().eq("sea", true));

    $w('#SeaButton').disable()

    $w('#MountainButton').enable()

}

export function SeaButton_click(event) {

    $w('#dataset1').setFilter( wixData.filter().eq("Mountain", true));

    $w('#MountainButton').disable()

    $w('#SeaButton').enable()

}

export function AllButton_click(event) {

    $w('#dataset1').setFilter( wixData.filter())

    $w('#SeaButton').enable()

    $w('#MountainButton').enable()

}

חיפוש ברפיטר לפי שדה טקסט במאגר מידע

import wixData from 'wix-data';


export function input1_keyPress(event) {

    setTimeout(() => {

       $w('#dataset1').setFilter( wixData.filter().contains("text1",$w('#input1').value))

    }, 200);

}

פילטור רפיטר המציג קישורים לדפים דינאמים לפי דרופדאון ושדה של טאג

import wixData from 'wix-data';


export function dropdown1_change(event) {

    setTimeout(() => {

       $w('#dataset1').setFilter( wixData.filter().hasSome("tags",$w('#dropdown1').value))

    }, 200);

}

הצגת אלמנט על רפיטר במקרה שהוגדר במאגר מידע 

$w.onReady(function () {

    $w('#repeater9').onItemReady(($item,itemData,index)=>{

       if (itemData.onSale === true)

       {

          $item("#Ribbon").show()

          $item("#Ribbon").label = itemData.RibbonText

       }

    })

});

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

import wixData from 'wix-data';


let ImageUploaded = false;


export function uploadButton1_change(event) {

    $w('#image1').show();

    $w("#uploadButton1").uploadFiles()

    .then((uploadedFiles) => {

       uploadedFiles.forEach(uploadedFile => {

          ImageUploaded = true;

          $w('#image1').src = uploadedFile.fileUrl

       })

    })

}


export function button1_click(event) {

    if ($w('#name').value.length > 2 && $w('#desc').value.length > 2 && ImageUploaded === true )

    {

       wixData.insert("Realstate",{"text1":$w('#name').value , "description": $w('#desc').value , "image1":$w('#image1').src ,"approve":false }).then(()=>{

          $w('#statebox8').changeState("2")

       })

    }

}

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

הקוד מחולק ל2 :

  • שורת קוד הקוראת לפונקציה עם כל המשתנים - אותה נשים בפנוקציה ONLOAD.

  • פונקציה אותה נוסיף מתחת לפונקציה ONLOAD

$w.onReady(async function () {

      CreatLinkToCalender(1000, 1100, 2023, 9, 3, "כותרת לדוגמא",  ",תיאור שיופיע", $w('#link'))

});


function CreatLinkToCalender(timeStart, TimeEnd, Year, Month, Day, Title, Desc, button) {

    let date = new Date(Year, Month - 1, Day)

    let dayofmonth = String(Day)

    let month = String(date.getMonth() + 1)

    if (String(dayofmonth).length === 1) { dayofmonth = "0" + dayofmonth }

    if (month.length === 1) { month = "0" + month }

    let date1 = String(Year) + month + String(dayofmonth) + "T" + String(timeStart) + "00"

    let date2 = String(Year) + month + String(dayofmonth)+ "T" + String(TimeEnd) + "00"

button.link = "https://calendar.google.com/calendar/u/0/r/eventedit?text=" + Title + "&dates=" + date1 + "/" + date2 + "&details=" + Desc + "&location&pli=1&uid=1628084685addeventcom&sf=true&output=xml"

}

bottom of page