[rz] Alert() *** UPD 2018-Dec-31 ***

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Alert() *** UPD 2018-Dec-31 ***

Post by [RZ] » Mon Jan 13, 2014 10:49 pm

[rz] Alert - v1.2.2.1

The most lightweight solution to have a custom alert-box in your website that fits the design, scheme and colors!
This extension replaces the standard alert() function without any change in your code (yes, no changes required) and automatically works with the wb's native javascript form validation; even in (almost?) any other scenario that alert() is invoked.
It is cross-browser compatible and even supports old ones, tested in all major browsers and touch devices.
Sample project included.


DEMO

HTML 4.01 Transitional
W3C compliant


* New in version 1.2.2.1

- Improved interaction with [rz] Button extension when it has i.e. 'push' effects.

* New in version 1.2.2

- Improved modal handling with less resources and better interacts with other extensions.
- Improved backward compatibility.

* New in version 1.2.1

- Improved the timed messages handling when the alert box is closed manually.
- The core has been moved to an external file for a faster navigation between pages.
- Minor core tweaks.

* New in version 1.2

- Optional timed messages:
alert('my message'); or alert('my message', 0); for the usual behavior.
alert('my timed message', 5000); i.e: the alert box will be closed after 5 seconds (any other value in milliseconds can be entered).
- Optionally hides the close button in timed messages.
- Optional extra layer-rearrangements on timed messages with hidden close button.

* New in version 1.1

- Added support for RWD.
- Improved message box positioning.

* New in version 1.0.0.1

- The alert box can be displayed outside an inline frame (useful for embedded forms with validation rules).
- Improved modal mode simulation.
- Allow or disallow drag/select the alert box elements.
- New extension: [rz] Alert (ifr) - connects with the alert's elements that are placed outside the contained page.


How to use?

1. Design a layer as you usually do (will be used as the new alert-box layout).
2. Add text object within the layer and setup the font type and the color (will be used to display the message).
3. Add a button (or any similar object - it will be used to close the alert message.
4. Drag and drop the [rz] Alert extension and put it on top (the last object you add).
5. Open the extension properties dialog and enter the layer id, the text object id and the button id.
6. Optionally, you can add other decorative elements to the layer.
7. Optionally, you can fine-tune the screen-cover color, the fade-in/out effect, etc.


Inlines frames:

If a form is called from a parent page, follow the same steps as described; just put the alert elements in the "caller" page instead of in the embedded page. And in the embedded page (i.e. a php form), just drag and drop the [rz] Alert (ifr) extension.


Enjoy!
Last edited by [RZ] on Mon Dec 31, 2018 8:20 am, edited 9 times in total.

User avatar
bburgess
 
 
Posts: 201
Joined: Mon May 13, 2013 5:05 am
Location: Australia
Contact:

Re: Custom Alert()

Post by bburgess » Mon Jan 13, 2014 11:14 pm

NICE thank you!!!
BB

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] » Mon Jan 13, 2014 11:33 pm

thnx for your feedback

CJS
 
 
Posts: 26
Joined: Sat Jan 09, 2010 3:10 am

Re: Custom Alert()

Post by CJS » Tue Jan 14, 2014 12:34 am

WOW!
Looks great and will be useful.
Thank you.

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] » Tue Jan 14, 2014 12:46 am

hope so
thanks for your feedback

User avatar
zinc
 
 
Posts: 1324
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: Custom Alert()

Post by zinc » Tue Jan 14, 2014 6:54 am

Cheers RZ. Like it alot!

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] » Tue Jan 14, 2014 8:50 am

thank you b for your feedback

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert() *** UPDATED Apr-13-2014 ***

Post by [RZ] » Sat Apr 12, 2014 10:23 pm

* New in version 1.0.0.1:

- The alert box can be displayed outside an inline frame (useful for embedded forms with validation rules).
- Improved modal mode simulation.
- Allow or disallow drag/select the alert box elements.
- New extension: [rz] Alert (ifr) - connects with the alert's elements that are placed outside the contained page.

adex1
 
 
Posts: 180
Joined: Fri Apr 01, 2011 1:13 pm

Re: Custom Alert() *** UPDATED Apr-13-2014 ***

Post by adex1 » Sun Apr 13, 2014 7:15 am

Heya! I miss the first release and now I can see beautiful alert message. Thanks
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert() *** UPDATED Apr-13-2014 ***

Post by [RZ] » Sun Apr 13, 2014 7:20 am

thank you adex1 for your feedback

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2014-Oct-14 ***

Post by [RZ] » Tue Oct 14, 2014 6:12 pm

UPGRADE AVAILABLE

* New in version 1.1

- Added support for RWD.
- Improved message box positioning.

naftalina
 
 
Posts: 265
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Alert() *** UPD 2014-Oct-14 ***

Post by naftalina » Wed Dec 10, 2014 4:34 pm

I just added Alert plugin for the first time and it works great!
Only alert in contact form to email format does not show properly.
So if I do not write sign @ alert shows in the "bubble dialogue" instead of window that is defined with the Alert extension.

Please, check here: http://korkyraethno.com/template/rozalina/

User avatar
[RZ]
 
 
Posts: 2108
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2014-Oct-14 ***

Post by [RZ] » Wed Dec 10, 2014 4:47 pm

is not an extension issue
remove the browser native validation
in the email field, general tab, type -> text
in validate tab, mode -> default and data type -> email address

naftalina
 
 
Posts: 265
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Alert() *** UPD 2014-Oct-14 ***

Post by naftalina » Wed Dec 10, 2014 5:03 pm

Yes! Thank you :)


Post Reply