[rz] Alert() *** UPD 2020-Mar-22 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Alert() *** UPD 2020-Mar-22 ***

Post by [RZ] »

[rz] Alert - v1.2.2.2

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.2

- Improved alignment uniformity across platforms including mobiles.

* 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 Sun Mar 22, 2020 3:35 pm, edited 10 times in total.
User avatar
bburgess
 
 
Posts: 129
Joined: Mon May 13, 2013 5:05 am
Location: Australia

Re: Custom Alert()

Post by bburgess »

NICE thank you!!!
BB
KISS is the key!
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] »

thnx for your feedback
CJS
 
 
Posts: 19
Joined: Sat Jan 09, 2010 3:10 am

Re: Custom Alert()

Post by CJS »

WOW!
Looks great and will be useful.
Thank you.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] »

hope so
thanks for your feedback
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Custom Alert()

Post by zinc »

Cheers RZ. Like it alot!
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Custom Alert()

Post by [RZ] »

thank you b for your feedback
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

* 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: 167
Joined: Fri Apr 01, 2011 1:13 pm

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

Post by adex1 »

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: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

thank you adex1 for your feedback
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

UPGRADE AVAILABLE

* New in version 1.1

- Added support for RWD.
- Improved message box positioning.
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

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: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

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: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

Yes! Thank you :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

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

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

Post by naftalina »

Is it possible to dissable blue focus frame on "OK" button?
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

are you meaning the outlined box or the focus itself?
if you are meaning the focus itself, can you pls give me a valid reason?
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

I mean blue outlined box. Box is ugly and anoying.
For example, I dissabled that blue frame in [rz] Button if I dissable "Get focus on click".

BTW: I know. This is Chrome behavior.
EDIT: FF dont have that behavior.
Last edited by naftalina on Fri Feb 13, 2015 9:04 am, edited 1 time in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

yes, of course you can disable the focus outline box
you can design those buttons as you want
i do not do it within the extension as it is up to the designer -- it's matter of html/css and every designer may have his very own taste about this
about the focus itself, i won't change this behavior as i follow navigability standards
btw, the blue box is not only in chrome, also opera changed its orange box to a blue one :)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

Sorry. I didn't understand well. :)
You said that I use [rz] Button for OK alert button? :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

we are talking about the [rz] Alert()
you can design its related layer and elements as you want
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

I have just tried the [r] Button as alert OK button and works great. :)
Looks like I'm still not aware that the powerful tools I already have, but I'm learning... ;)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

cool! :)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

I have one problem when I use [r] Button as alert OK button.
So, when I press OK (on alert), a web page does not remain at the current position - going to the top.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

do you have an online sample to see?
anyhow, in [rz] Button, go to "advanced" category and change "override behavior on event" to yes
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

This is the site in progress:
This option what you said didn't help.
I'll delete link from here after.
Last edited by naftalina on Fri Feb 13, 2015 10:31 am, edited 1 time in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

sorry my mistake, i forgot to mention that you also need to add "void(0);" without the double quotes as event
btw, is not the normal way we use the [rz] Button, but always is a handy solution ;)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

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

Post by naftalina »

Thanks :)
Now is ok. :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

yes clap your hands :lol:
(thanks for reporting this "workaround" back)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by [RZ] »

upgrade available (get in contact for more details)

* 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.
User avatar
SteffJay
 
 
Posts: 23
Joined: Mon Dec 31, 2007 7:09 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by SteffJay »

How do i download this?
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by [RZ] »

User avatar
SteffJay
 
 
Posts: 23
Joined: Mon Dec 31, 2007 7:09 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by SteffJay »

I only need the Alert not the full pack.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by [RZ] »

menu at top right: packs, singles, ecommerce, etc...
User avatar
SteffJay
 
 
Posts: 23
Joined: Mon Dec 31, 2007 7:09 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by SteffJay »

I have now purchased the Alert and another program. However, it has not been sent to me as yet.

Please advise.
User avatar
SteffJay
 
 
Posts: 23
Joined: Mon Dec 31, 2007 7:09 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by SteffJay »

DaveP wrote:
SteffJay wrote:I have now purchased the Alert and another program. However, it has not been sent to me as yet.
Please advise.
Hi SteffJay,

I notice on his contact form it says working days are Sunday to Thursday, so you should receive them Tomorrow. :wink:
Thank you DaveP
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by [RZ] »

SteffJay wrote:I have now purchased the Alert and another program. However, it has not been sent to me as yet.

Please advise.
thanks for your purchase, the extensions have been sent a few hours ago
i checked it at paypal and the confirmation of your transaction arrived with a 16-hour delay!
sorry for the inconvenience that this may have caused to you
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2015-Jun-09 ***

Post by [RZ] »

DaveP wrote:I notice on his contact form it says working days are Sunday to Thursday, so you should receive them Tomorrow. :wink:
thank you for helping on this :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2017-Jun-22 ***

Post by [RZ] »

* 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.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2018-Sep-21 ***

Post by [RZ] »

* New in version 1.2.2

- Improved modal handling with less resources and better interacts with other extensions.
- Improved backward compatibility.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

* New in version 1.2.2.1

- Improved interaction with [rz] Button extension when it has i.e. 'push' effects.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Alert() *** UPD 2020-Mar-22 ***

Post by [RZ] »

* New in version 1.2.2.2

- Improved alignment uniformity across platforms including mobiles.
Locked