WIX Resources Table

Virtual drums 4

Good online drums

https://www.onemotion.com/drum-machine/

https://www.onemotion.com/drum-machine/

Y7 Test 1

This is a test from a Y7 site member

klosemusic.com

code example really needs to be changed

Chordify- Ukulele Info

Useful website for chords-this particular page has blog on Ukulele tunings

https://chordify.net/pages/tune-your-ukulele/?utm_source=Mautic&utm_medium=E-mail&utm_campaign=Content+email

Na

DOM issue in WIX

forum post with 3 replies - use customer element or iFrame

https://stackoverflow.com/questions/66547110/why-is-wix-velo-reporting-document-is-not-defined

sass

Keezy - App - SoundLab

great resource for music apps

https://www.heartnsoulsoundlab.com/playblog/2017/11/25/keezy-drummer-app

----

npm API with WIX weather tutorial

an example that actually works!!

https://www.wix.com/velo/example/city-weather

import { getSecret } from 'wix-secrets-backend'; import { fetch } from 'wix-fetch'; export async function getCityBasedWeather(city) { const key = await getSecret("openWeatherApi"); const url = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${key}&units=metric`; const res = await fetch(url); const resJson = await res.json(); return { src: `https://openweathermap.org/img/wn/${resJson.weather[0].icon}@4x.png`, city: resJson.name, country: resJson.sys.country, temp: resJson.main.temp, description: resJson.weather[0].description, } }

How to create music with Tone.js

clear tutorial on various simple TONE.js music code examples

https://www.devbridge.com/articles/tonejs-coding-music-production-guide/

<script src="https://unpkg.com/tone"></script> <button id="play-button">Play/Pause</button> <script src="music.js"></script> const synth = new Tone.Synth().toMaster() synth.triggerAttackRelease('C4', '8n') document.getElementById("play-button").addEventListener("click", function() { if (Tone.Transport.state !== 'started') { Tone.Transport.start(); } else { Tone.Transport.stop(); } });

On-line Sight Reading Training Program

exzcellent and very cheap sight reading training app

https://www.sightreadingfactory.com/

works on remotely on pc's macs, iphpnes, android and tablets

Drum Corp website

Good resources and info

https://www.rudimentaluniversity.com/drum-line-cadences/

Hddhdhdf

Free Online Ear Training website

ditto

https://www.earbeater.com/online-ear-training/#/

EarBeaterWEB

Howler.js Youtube video

very useful 40min talk from creator of Howler + tunes

https://www.youtube.com/watch?v=TxZMeFHFZmA

plenty of code examples in the video

Howler.js resource

Explains more

https://www.javascripting.com/view/howler-js

Aaa

Audio JavaScript code

Excellent audio coding resource

https://github.com/goldfire/howler.js/

need to download

Wix if code example

An example of code

https://www.wix.com/velo/forum/coding-with-velo/collapse-elements-when-dataset-returns-0-results

import wixUsers from 'wix-users'; import wixLocation from 'wix-location'; import wixWindow from 'wix-window'; import wixData from 'wix-data'; //Onderstaande code zorgt ervoor dat BESTEMMINGEN alleen getoond worden als deze beschikbaar zijn in de dataset. $w.onReady(() => { dataset4() dataset1() dynamicDataset() }); //Onderstaande code zorgt ervoor dat ITEMS alleen getoond worden als deze beschikbaar zijn in de dataset. function dataset4() { $w("#dataset4").onReady(() => { let count = $w("#dataset4").getTotalCount(); if (count === 0) { $w("#columnStrip162").collapse(); $w("#columnStrip163").collapse(); $w("#repeater15").collapse(); } else { $w("#columnStrip162").expand(); $w("#columnStrip163").expand(); $w("#repeater15").expand(); } }); } function dataset1() { $w("#dataset1").onReady(() => { let count = $w("#dataset1").getTotalCount(); if (count === 0) { $w("#columnStrip93").collapse(); $w("#columnStrip161").collapse(); $w("#repeater14").collapse(); } else { $w("#columnStrip93").expand(); $w("#columnStrip161").expand(); $w("#repeater14").expand(); } }); } function dynamicDataset() { $w("#dynamicDataset").onReady(() => { let description = $w("#dynamicDataset").getCurrentItem().cta; //text is the field you want to get its text $w("#text426").text = description + "."; }) }

Roon labs

Interface controller and linking artists etc

https://roonlabs.com/

Hfffhjfccjc

Tap Tempo online resource

Free online tap tempo calculator

https://www.beatsperminuteonline.com/

English Beats Per Minute Calculator and Counter: Tap key, touchscreen or mouse to the beat to find your BPM tempo in seconds.

Create Editable Table for users

would like to create a table that can be populated with data from the database, but can be edited similar to an excel spreadsheet. Googlesheets is not an option. Objective is to create user-specific page with table where user can modify the data on the table and have the data stored in a database. Each record in the database would be a row in the table. User should simply open the page and, see t

https://www.wix.com/velo/forum/coding-with-velo/create-editable-table

I am able to do this with a table and required number of input fields. When user lists a row in the table, same data will be displayed in the input fields for edit. After edit, use a button to save data into the collections.

Reducer () function on Arrays

The reduce() method executes a user-supplied “redu

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce#sum_of_values_in_an_object_array

const array1 = [1, 2, 3, 4]; const reducer = (accumulator, currentValue) => accumulator + currentValue; // 1 + 2 + 3 + 4 console.log(array1.reduce(reducer)); // expected output: 10 // 5 + 1 + 2 + 3

iScroll js App

a quick solution to your varied scrolling features

https://iscrolljs.com/iscroll-versions/

to help further enhance the performance, it is made available in 5 different flavors.

Pinned / Fixed Elements for MobileDdevices

article explores ways & relevant issues

https://bradfrost.com/blog/post/fixed-position/

...

Optimizing Your Fixed Position App for Mobile View

Although we don't yet support mobile view for fixe

https://devforum.wix.com/kb/en/article/optimizing-your-fixed-position-app-for-mobile-view

Wix.Utils.getDeviceType()).

Pinning on mobile version

helpful forum post showing workarounds for Pins

https://www.wix.com/velo/forum/coding-with-velo/pin-custom-button-on-mobile-customize-quick-action-buttons

includes numerous work arounds

Chords.com

excellent song chord chart website with real-time

https://chordu.com/

https://chordu.com/chords-tabs-olivia-rodrigo-drivers-license-official-video--id_ZmDBbnmKpqQ

test x

desc

url x

code x

wix 111

desc 11

url 10

ccoe 1

asdasd

adsadad

dashed

sdfsf

Make URL for an image or video download

Explains how to do this

https://www.wix.com/velo/forum/tips-tutorials-exam

let imageUrl =`https://static.wixstatic.com/media/

IPad test

Test x

Url

Code xxx

Gg

Fgg

Fghh

Yggh

Yes 5

Ggg

Hhh

Jgdd

test 2

2222

333

3433434

test 1

rere

ererer

erer

Reckless chords

website with chords & lyrics (gtr, piano, uke)

https://tabs.ultimate-guitar.com/tab/madison-beer/

can print chord chart to pdf

Reckless

chord chart website

https://www.chordzone.org/

Fm Bb

test 11

descr11

url 4

coe 11

test b

desc b

url b

code b

Test 3

Descr 3

URL 3

Code 3

Test 2

Desc 2

URL 2

Code 2

test 1

desc 1

url 1

code 1

Test 2

Descr 3

URL 2

Code 2

test 1

desc 1

url 1

code 1

Test 9

desc 9

URL 9

code 9

Test 8

Des 8

URL 8

Code 8

test 7

description 7

url 7

code 7

test 5

desc 5

url 5

code 5

test 4

desc4

url 4

example 4

Tiding Up Code

Clearing unnecessary coding to eliminate potential

https://mraklose.wixsite.com/mysite/copy-of-song-e

$w.onReady(function () { $w('#stateboxCard').cha

Automate User Input pages

Systematic labelling of $w items and Table collect

URL goes here

Example code here

Test 99

Desc 99

URL 99

Code 99

Test 17

Desc 17

URL 17

Code 17

test 15x

description 15

url 15

code 15

test 14

description 14

URL 14

Code 14

test 12

desc 1212

URL 12

Code 12

Test 11

description 11

url 11

code 11

Test 8

Description 88

Url 8

Code 8

test 6

desc 6

URL 6

Code 6

test 5

desc 5

URL 5

code 5

test 4

desc 4

URL 4

test 3

des 3

url 3

test 1

des 2

url 2

Newst Title x

dew new

URL new

test 1

Must-Have Velo Glossary for Coders: 60+ Essential Terms Precisely Explained by

https://hackernoon.com/must-have-velo-glossary-for-coders-60-essential-terms-precisely-explained-8x1n33rn

If Else commands with Tables Datasets

Using the Unfiltered Dataset outside the Repeater When you select the dataset which the repeater itself is connected to using a global scope selector, you are selecting a regular dataset. That regular dataset controls the number and order of the repeater items and any elements connected to it that are not contained in repeater items. The elements inside repeater items are not affected even though they are connected to the same dataset. For example, let's say we had a button outside the repeater shown above. We could use it to sort the items in the repeater by calling the dataset setSort() function in the button's onClick event handler. Nothing would happen to any of the elements inside the repeated items, but the items themselves would be sorted.

import wixData from 'wix-data'; $w.onReady( () => { $w("repeaterSort").onClick( (event) => { if(event.target.label === "A-Z"){ $w("#bandsDataset").setSort(wixData.sort().ascending("name")); event.target.label = "Z-A"; } else { $w("#bandsDataset").setSort(wixData.sort().descending("name")); event.target.label = "A-Z"; } } ); } );

Test F

Descr FF

URL F

Test B

test A

der B

URL B

test 10

test 9

test 8

description 9

url 9

test 5

test 4

test 2

test1

url test 1

test

used on WIX Resource input page

https://mraklose.wixsite.com/mysite/copy-of-song-entry-1-2

export function buttonHeaderUrlText_click(event) { $w('#stateboxCard').changeState('State3'); $w('#inputUrlText').value = $w('#textCopy3').text; $w('#dataset5').refresh(); $w('#dataset2').refresh(); $w('#table1').refresh(); $w('#table1').show(); }

Table using user input data

When a user inputs data in a form and i have it set up to build a table with that information, is it possible to make the table headings sortable? for example lets say 10 people fill out my form and i want to sort the table by home state, is there a way to do this?

https://www.wix.com/velo/forum/coding-with-velo/table-using-user-input-data