Differences

This shows you the differences between two versions of the page.

--- built_in:alert [2018/05/21 00:27]
geez437 [Alert]
+++ built_in:alert [2018/05/21 18:02]
geez437 [HTML Alert]
@@ Line 7: / Line 7: @@
 ----
-====Options====
+=====Options=====
 ^ Option   ^ Description                     ^
 | "NoDim"  | Set the background transparent  |
+=====Examples=====
-----
+====No Title====
-====Examples====
-===No Title===
 <code javascript>
@@ Line 26: / Line 24: @@
-===Title===
+====Custom Title====
 <code javascript>
@@ Line 37: / Line 35: @@
 </code>
-===Hue===
+====Custom Hue====
 The argument [[built_in:hue|hue]] represents the color of the title text and the horizontal line below.
@@ Line 53: / Line 51: @@
 {{ https://i.imgur.com/TUgy5Cd.jpg }}
+======HTML Alert======
+Normally it is not possible to use HTML tags in an alert. But if you add the following function to your script
+<code javascript>
+function HtmlAlert( text, clr1, title, clr2, bclr )
+{
+    //background-layout
+    htmlAlertLayout = app.CreateLayout( "linear", "VCenter,FillXY" );
+    htmlAlertLayout.Animate( "FadeIn", "", 100 );
+    htmlAlertLayout.SetBackColor( [bclr.slice(0, 1), "33", bclr.slice(1)].join('') );
+    //alert-layout
+    htmlAlert = app.CreateLayout( "linear", "Left" );
+    htmlAlert.SetBackColor( bclr );
+    htmlAlert.SetSize( 0.8, 0.2 );
+    htmlAlertTitle = app.CreateText( title );
+    htmlAlertTitle.SetTextSize( 30 );
+    htmlAlertTitle.SetMargins( 0.02 );
+    htmlAlertTitle.SetTextColor( clr2 );
+    htmlAlertHr = app.CreateText( "", 1, 0.002 );
+    htmlAlertHr.SetBackColor( clr2 );
+    htmlAlertText = app.CreateText( "", 0.8, 100, "Multiline,Left");
+    htmlAlertText.SetMargins( 0.02 );
+    htmlAlertText.SetHtml( text );
+    htmlAlertText.SetTextColor( clr1 );
+    htmlAlertHr2 = app.CreateText( "", 0.8, 0.002 );
+    htmlAlertHr2.SetBackColor( clr2 );
+    htmlAlertButton = app.CreateText( "Ok", 0.8, 0.055 );
+    htmlAlertButton.SetPadding( 0, 0.01 );
+    htmlAlertButton.SetBackColor( bclr );
+    htmlAlertButton.SetTextColor( clr1 );
+    htmlAlertButton.SetOnTouchUp( function() { htmlAlertLayout.Animate( "FadeOut", "", 100 ); app.RemoveLayout( htmlAlertLayout ); } );
+    //add objects to app
+    htmlAlert.AddChild( htmlAlertTitle );
+    htmlAlert.AddChild( htmlAlertHr );
+    htmlAlert.AddChild( htmlAlertText );
+    htmlAlertLayout.AddChild( htmlAlert );
+    htmlAlertLayout.AddChild( htmlAlertHr2 );
+    htmlAlertLayout.AddChild( htmlAlertButton );
+    app.AddLayout( htmlAlertLayout);
+}
+</code>
+and call the method for example like that
+<code javascript>
+//Called when application is started.
+function OnStart()
+{
+    app.EnableBackKey( false );
+    lay = app.CreateLayout( "linear" );
+    lay.SetSize( 1, 1 );
+    lay.SetBackColor( "#fff56f" );
+    app.AddLayout( lay );
+}
+function OnBack()
+{
+    HtmlAlert( "<s>text</s><br><b>text</b><br><u>text</u>", "#fff56f", "title", "#fff56f", "#121212" );
+}
+</code>
+Then you are able to use HTML tags in an alert.
+{{ https://i.imgur.com/U7oeTsO.jpg }}

DroidScript Wiki

User Tools

Site Tools

Differences

Page Tools