a piece of script i am stuck on (Sugarcube 2.x)

Question

Hello one and all!

I am working with twine 2 and sugarcube 2 for some weeks now and i am wodering how to make a button that if all values are correct goto the next passage if not show an error

I made the button and i made it so that if a value is empty or does not have a default value the error message will be shown

Here is the script:
 

1) What's the name of the main character?
<<textbox "$player" $player>> \

2) What is the name of the female lead?
<<textbox "$fcname" $fcname>> \

3) What is the name of the town you grew up in?
<<textbox "$townname" $townname>> \

4)What is the name of the city for later use?
<<textbox "$cityname" $cityname>> \
<<button "Confirm">>


<<set $player to $player.trim()>>
<<set $fcname to $fcname.trim()>>
<<set $townname to $townname.trim()>>
<<set $cityname to $cityname.trim()>>


<<if $player is "">>
	<<replace "#error">>Please enter a name!<</replace>>
		<</if>>

<<if $fcname is "">>
	<<replace "#error">>Please enter a name!<</replace>>
		<</if>>

<<if $townname is "">>
	<<replace "#error">>Please enter a name!<</replace>>
		<</if>>

<<if $cityname is "">>
	<<replace "#error">>Please enter a name!<</replace>>
		<</if>>

<</button>> &nbsp;&nbsp; \
<span id="error"></span>

I just have no clue how to make the button to continue to the next passage that i'd need please help this poor sod out 

Answer 1

You can use a <<goto>> macro to forward the story to the next passage,

The following is a modified variation of your own example to which I have added a conditional <<goto>> macro call, I also slightly changed how the error reporting is implemented.

1) What's the name of the main character?
<<textbox "$player" $player>> \

2) What is the name of the female lead?
<<textbox "$fcname" $fcname>> \

3) What is the name of the town you grew up in?
<<textbox "$townname" $townname>> \

4)What is the name of the city for later use?
<<textbox "$cityname" $cityname>>

<<button "Confirm">>
	<<set $player to $player.trim()>>
	<<set $fcname to $fcname.trim()>>
	<<set $townname to $townname.trim()>>
	<<set $cityname to $cityname.trim()>>

	<<replace "#error">><</replace>>
	<<set _errors to []>>

	<<if $player is "">>
		<<set _errors.push("a main character name")>>
	<</if>>

	<<if $fcname is "">>
		<<set _errors.push("a female lead name")>>
	<</if>>

	<<if $townname is "">>
		<<set _errors.push("a town name")>>
	<</if>>

	<<if $cityname is "">>
		<<set _errors.push("a city name")>>
	<</if>>

	<<if _errors.length > 0>>
		<<replace "#error">>Please enter <<print _errors.join(', ')>>!<</replace>>
	<<else>>
		<<goto "Target Passage Name">>
	<</if>>

<</button>>\
<span id="error"></span>

note: The above example assumes two things:

1. That you have previously initialised the four story variables, hopefully within you project's StoryInit special passage.

<<set $player to "">>
<<set $fcname to "">>
<<set $townname to "">>
<<set $cityname to "">>

2. That you as using CSS like the following within your project's Story Stylesheet area to correctly add a margin between the "Confirm" button and the area used to display the errors.

#error {
	margin-left: 2em;
}

 

Comments

holy heck! thanks! also yes thank you for the reminder of storyinit the variables were already mentioned in there too! really happy with this thanks again!