Hur inför man text genom enbart kod?

2024-07-20, 22:36 #13

Medlem

Reg: Jul 2010

Inlägg: 35 385

Citat:

Ursprungligen postat av Finikanten

Jag har kollat efter och textelementet är gömt (hidden) så det kan inte vara problemet. Hur tycker du att jag bör skriva koden istället?

Hmm...

Kolla att ta bort if-else och bara skriv ($w("#image1").show(). Visas den då testar du sedan med
($w("#image1").show("fade", {duration: 2000, delay:100}), fungerar det testar du med ($w("#image1").show("fade", fadeOptions). fungerar det så får du kolla din if-else.

Nu har jag dock fel variabelnamn så det får du själv ändra.

Citera

2024-07-20, 22:38 #14

Medlem

Reg: Jul 2019

Inlägg: 527

Citat:

Ursprungligen postat av Methos

Hmm...

Kolla att ta bort if-else och bara skriv ($w("#image1").show(). Visas den då testar du sedan med
($w("#image1").show("fade", {duration: 2000, delay:100}), fungerar det testar du med ($w("#image1").show("fade", fadeOptions). fungerar det så får du kolla din if-else.

Nu har jag dock fel variabelnamn så det får du själv ändra.

Jag insåg det själv nu:

$w("#textsuccess").show('fade', fadeOptions);
if ($w("#textsuccess").show())
$w("#textsuccess").hide('fade', fadeOptions);
})
}

__________________
Senast redigerad av Finikanten 2024-07-20 kl. 22:47.

Citera

2024-07-20, 23:04 #15

Medlem

Reg: Jul 2019

Inlägg: 527

Vad tror du om den här uppställningen?

export function textsubmit_click(event) {
wixData.get("Members", _owner.id)
.then((item) => {
$w('#textBox2').value = item.description,
$w("#dataset6").save();
setTimeout(() => {
$w("#textsuccess").show('fade');
}, 500);
if ($w("#textsuccess").show())
$w("#textsuccess").hide('fade', fadeOptions);
})
}

Citera

2024-07-21, 00:21 #16

Medlem

Reg: Jul 2019

Inlägg: 527

Här är en annan variant:

Kod:

export function textsubmit_click(event) {
       wixData.get("Members", _owner.id)
          .then((item) => {
           item.description = ($w('#textBox2').value),
           wixData.update("Members", item);
       if (item._owner === undefined) {
           console.log("no description");
           $w("#textfail").show()  <--- fade in sköts genom animation i textelementets egna system.
     } else {
           $w("#textsuccess").show() <--- fade in sköts genom animation i textelementets egna system.
          .then()
       if ($w("#textsuccess").hidden === false) {
           $w("#textsuccess").hide("fade", fadeOptions);  <--- textelementet saknar fade out och därför måste jag använda setTimeout eller fadeOptions här.
	  }
   }
 })
}

Animationen verkar dessvärre inte funka och inte heller fadeOptions så jag storknar snart och ger upp den här skiten

__________________
Senast redigerad av Finikanten 2024-07-21 kl. 00:27.

Citera

2024-07-21, 09:03 #17

Moderator

Reg: Sep 2010

Inlägg: 3 908

Alltså, kodtaggar skall användas vid all kodpostande, med möjligt undantag för någon enstaka rad. Fortsätter man strunta i det kan man räkna med varningar.

/Moderator

Citera

2024-07-21, 20:21 #18

Medlem

Reg: Jul 2019

Inlägg: 527

Den här koden gör att det äntligen fungerar men bara för att fejda ut texten när den väl är synlig. Någon delay när texten ska visas på sidan har jag tyvärr inte lyckats med. Jag har provat att sätta ("fade", fadeOptions) till höger om .show men av någon anledning vill det inte funka.

Kod:

export function textsubmit_click() {
       wixData.get("Members", _owner.id)
          .then((item) => {
           item.description = ($w('#textBox2').value),
           wixData.update("Members", item);
           console.log("added description");
           $w("#textsuccess").show();
})
          .then()
       if ($w("#textsuccess").show())
           setTimeout(function() {
           $w("#textsuccess").hide();
        }, 6000);
}

__________________
Senast redigerad av Finikanten 2024-07-21 kl. 20:32.

Citera

Hur inför man text genom enbart kod?

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in