CMS Alert와 CMS Confirm 사용

CMS Alert와 CMS Confirm

bluetronix CMS는 메시지 및 확인 대화 상자를 위한 자체 JavaScript 대화 상자를 제공합니다.

이를 통해 브라우저의 일반 JavaScript 대화 상자 대신 자체 CMS 대화 상자를 사용할 수 있습니다. 이들은 귀하의 웹사이트 레이아웃에 맞게 시각적으로 조정되며, 개인화된 iOS 또는 Android 앱 내에서 사용하도록 설계되었습니다.

왜 별도의 CMS 대화 상자가 있나요?

bluetronix CMS로 작성된 웹사이트는 브라우저에서 직접 호출될 수 있을 뿐만 아니라, 개인화된 iOS 또는 Android 앱 내에서 고객 포털로도 사용할 수 있습니다.

일반 JavaScript 알림은 이 사용에 적합하지 않으며, bluetronix 앱 내에서 제대로 표시되지 않을 것입니다.

bluetonix CMS는 자체 대화 상자를 가지고 있습니다. 이들은 웹사이트에서 JavaScript를 통해 직접 호출되며, 동시에 앱 내에서도 처리할 수 있도록 설계되었습니다.

웹사이트가 나중에 개인화된 bluetronix 앱 내에서 사용되어야 하는 경우, 알림 및 확인 메시지에는 CMS 자체 대화 상자를 사용하는 것이 좋습니다.

CMS Alert와 CMS Confirm 테스트 페이지를 생성

테스트를 위해 HTML 페이지를 생성하고 먼저 CMS Alert 및 CMS Confirm 링크 두 개를 추가할 수 있습니다.

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

HTML 페이지를 저장한 후에 열고, 이제 페이지에서 cms alert와 cms confirm 링크 두 개를 사용할 수 있습니다.

CMS Alert 호출

간단한 알림을 위해 우리 예제에서는 다음 호출을 사용합니다:

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

cms alert를 클릭하면 CMS 자체 알림이 열립니다. 대화 상자 내에는 전달된 텍스트 my alert text가 표시됩니다.

CMS Alert와 일반 브라우저 알림 비교

이 테스트 예제에는 일반 JavaScript 호출 alert(5);가 추가로 포함되어 있습니다.

alert(5);

따라서 일반 브라우저 알림이 어떻게 표시되는지 그리고 이 알림이 CMS 알림과 어떻게 다른지를 직접 확인할 수 있습니다.

일반 JavaScript 알림은 브라우저에 의해 표시됩니다. 따라서 그 모양은 웹사이트의 레이아웃에 의해 결정되지 않습니다.

반면 CMS 알림은 웹사이트 디자인에 맞춰 표시되므로 기존 레이아웃에 훨씬 잘 어울립니다.

CMS Confirm 호출

간단한 알림 외에도 확인 대화 상자를 사용할 수 있습니다.

우리 예제에서는 다음 코드를 사용합니다:

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

cms confirm를 클릭하면 CMS 자체 확인 대화 상자가 열립니다. 이 예제에서는 텍스트로 my confirm text가 표시됩니다.

확인 후 JavaScript 실행

CMS Confirm에서는 추가로 전달된 JavaScript가 있어, 적절한 확인 후 실행될 수 있습니다.

우리 테스트에서는 다음을 사용합니다:

alert(7);

이로 인해 나중에 값 7로 일반 브라우저 알림이 호출됩니다. 이 튜토리얼을 통해 전달된 JavaScript 명령이 실행되었음을 쉽게 확인할 수 있습니다.

일반 JavaScript 알림을 사용하지 않는 이유는?

차이는 디자인에만 국한되지 않습니다. CMS 자체 대화 상자는 iOS 또는 Android의 개인화된 bluetronix 앱 내에서 사용되는 웹사이트를 위해 설계되었습니다.

따라서 고객 포털은 일반 브라우저뿐만 아니라 개인화된 앱 내에서도 호출될 수 있습니다. 웹사이트에서도 알림 및 확인 요청을 위해 필요한 bluetronix 기능을 계속 사용할 수 있습니다.

이를 통해 웹사이트 내 및 해당 앱 내에서 이러한 대화 상자를 일관되게 표시할 수 있는 솔루션을 얻을 수 있습니다.

레이아웃에 적합한 표현

CMS 자체 대화 상자의 또 다른 장점은 사용되는 레이아웃에 맞춰 표시된다는 것입니다.

일반 브라우저 알림은 해당 브라우저에 의해 정의되며, 따라서 별도의 브라우저 창처럼 보입니다. 반면 CMS 알림과 CMS Confirm은 웹사이트 디자인에 맞춰 표시됩니다.

특히 고객 포털 및 웹 애플리케이션에서 이 대화 상자는 실제 애플리케이션의 일부처럼 보입니다.

CMS Alert와 CMS Confirm 개요

간단한 알림의 경우, 다음과 같은 CMS Alert를 사용할 수 있습니다:

<a href="javascript:BlueAlert('my alert text','','alert(5);','','');">cms alert</a>

확인 대화 상자에는 다음과 같은 CMS Confirm을 사용할 수 있습니다:

<a href="javascript:BlueAlert('my confirm text','Confirm','alert(7);','','');">cms confirm</a>

두 가지 버전 모두 BlueAlert() 기능을 사용합니다. 전달된 매개변수에 따라 각 대화 상자가 조정됩니다.

요약

CMS Alert와 CMS Confirm을 통해 bluetronix CMS는 메시지 및 확인 요청을 위한 자체 대화상자를 제공합니다.

대화상자는 웹사이트의 레이아웃에 시각적으로 맞게 배치되며, 맞춤형 iOS 또는 Android 앱 내에서 사용하기 위해 설계되었습니다. 따라서 적절한 프로젝트에서는 일반 JavaScript 대화상자 대신 CMS 고유의 대화상자를 사용하는 것이 좋습니다.