Field Service | Using the Service Cloud REST API in PHP

[음악] 안녕, 내 이름은 낸시 야 이 튜토리얼에서는 PHP 코드에서 REST API를 사용하는 예를 보여줍니다

웹 페이지에서 Oracle Service Cloud에 액세스합니다 여기에 약간의 데모 응용 프로그램이 있습니다 여기 내 로컬 컴퓨터에서 호스팅되는 페이지의 양식 물론 모든 서버에서 호스팅 될 수 있습니다 여기서 내가하는 일은 사용자가 연락처의 이름과 성을 입력 한 다음 해당 연락처의 ID를 반환하도록하는 것입니다 그런 다음 ID를 사용하여 연락처에 대한 다른 데이터를 검색하거나 삭제할 수 있습니다

이 코드를 살펴보고 나에게 상기시켜 드리겠습니다 이것은 단지 데모 일뿐입니다 고의적으로 단순화되어 요소가 누락되어 보안 접근법이 꽤 캐주얼합니다 즉, 제작시 복사하여 사용해야하는 코드가 아닙니다 그 말로는 먼저 여기에 양식을 만들 HTML과 "fname"및 "lname"이라는 두 개의 텍스트 입력 상자가 있음을 보여 드리겠습니다

그리고 우리는 PHP에 들어갑니다 양식에서 성 및 이름의 값을 가져옵니다 그들을 사용하여이 URL을 생성하십시오 이름과 성으로 연락처를 찾는 쿼리를 사용합니다 여기서 제가 지적하고자하는 "잡았다"가 있습니다

여기 '% 20'이 보이니? 그것들은 공간에 대한 상징입니다 REST API의 쿼리에서 사용하는 경우 논리 연산자 "AND"주위에 공백이 필요합니다 HTTP URL에는 공백이 허용되지 않습니다 그래서 나는이 백분율 인코딩을 사용하고 있는데, 백분율 20은 그 주위를 둘러 쌀 수있는 공간을 나타냅니다 이제 CURL 라이브러리를로드합니다

이것은 PHP에서 http 요청을 보내는 한 방법입니다 응답 헤더없이 응답을 CURL에 반환하도록 알려주는 것처럼 약간의 설정을 할 것입니다 그런 다음 여기서는 데이터를 가져 오기 때문에 "GET"인 적절한 HTTP 동사를 설정합니다 이 다음 행은 정상 보안의 일부를 회피합니다 그리고이 데모 응용 프로그램이기 때문에 여기에 몇 가지 단축키를 사용하고 있음을 기억하십시오

그리고 나서 여기에 서버를 호출합니다 반환 값은 "response"라는 변수에 저장됩니다 예를 들어 네트워크 오류와 같은 호출의 오류를 잡을 것입니다 그런 다음 팝업되는 CURL 오류를 인쇄합니다 CURL 연결을 닫기 전에 서버를 확인할 수없는 것과 같습니다

REST API 호출의 응답 REST API 호출의 응답 JSON으로 인코딩되어 있으므로 "json_decode"함수를 사용하고 있습니다 그것을 파싱하여 "info"라는 변수에 저장하십시오 이제는 응답에 HTML 상태가 포함되어 있는지 확인합니다 오류가있는 경우 오류가 표시됩니다 그래서 그 내용을 인쇄합니다

여기에서는 전체 응답을 인쇄하여 볼 수 있습니다 그리고 마지막으로 여기 정보 객체를 사용하여 원하는 데이터를 얻습니다 ID는 첫 번째 항목의 ID이며,이 경우 유일한 항목입니다 반환 된 응답에는 항목 배열이 있습니다 이제 브라우저로 돌아가서 실행 해 봅시다

이름과 성이 있습니다 "Get"을 클릭하면 여기에서 전체 응답을 볼 수 있습니다 이름과 성이 있습니다 "Get"을 클릭하면 여기에서 전체 응답을 볼 수 있습니다 그런 다음 여기에서 ID를 파싱합니다

이것은 응답에서 원하는 데이터를 추출 할 수 있음을 보여주기위한 것입니다 지켜봐 줘서 고마워 [음악]

Save Game Scores using localStorage. JavaScript/CSS Game: #2.16 the hidden Gems

웹 API는 일종의 마술입니다 Storage API와 약간의 JavaScript를 사용하여 간단한 게임을 만드는 방법을 보여 드리겠습니다

[음악 연주] 안녕! 오늘 Web Storage API와 JavaScript 간의 연락에 대해 이야기 해 보겠습니다 우리는 게임에서 점수 숫자를 영구히 유지하기 위해이를 사용합니다 점수를 저장하십시오 저는 Anatol이고 FrontEnd 개발의 좋은 부분을보고 있습니다 [음악 연주] 이전 에피소드 중 하나에서 이미 간단한 게임을 만들었지 만 점수 표는 현재 세션에서만 유지됩니다

게임으로 탭을 닫으면 모든 데이터가 사라집니다 세션에 관계없이 점수를 유지하기 위해 Web Storage API 또는 쿠키 쿠키는 특정 웹 브라우저의 정보를 저장하는 데 사용되는 작은 텍스트입니다 도메인 상태 정보와 사용자의 탐색 활동을 기억하도록 설계되었습니다 JavaScript API에서 사용할 수있는 메소드는 get, getAll, set, remove, getAllCookiesStores입니다

대부분의 브라우저는 도메인 당 쿠키 50 개를 초과하지 않으며 도메인 당 4KB를 초과하지 않습니다 게다가 여러 유형의 하이재킹 사용자 데이터를 사용할 수 있습니다 (XSS, XST, XSRF) Web Storage API의 저장소 인터페이스는 세션 저장소 또는 특정 도메인의 로컬 저장소 sessionStorage는 localStorage와 유사하지만 유일한 차이점은 localStorage에는 만료 집합이 없으며 페이지가 저장 될 때 sessionStorage에 저장된 데이터가 지워집니다 세션이 끝납니다 sessionStorgare에서 다음 메소드를 찾을 수 있습니다 : key, getItem, setItem, removeItem, clear 또한 길이 속성을 사용할 수 있습니다

저장된 데이터의 한도는 브라우저마다 다르며 모바일에 따라 다릅니다 및 데스크톱 버전 또한 사용자는이 한도를 변경할 수 있습니다 W3C는이 제한을 도메인 당 5MB 값으로 설정할 것을 권장합니다 또한 "jsperf"메트릭에 따르면 localStorage는 쿠키보다 빠르게 작동합니다

따라서, 내 선택은 분명하다 나는 localStorage를 선호한다 코드를 보자 [음악 연주] 구현은 매우 쉽습니다 localStorage가 사용 가능한지 확인하십시오

그렇다면 "득점 – 점수"항목을 얻으십시오 그것에서 null이 아닌 경우 Best Scores 테이블에 사용하십시오 이제 게임이 끝나면 "Fap-Scores"항목에 보관 된 업데이트 된 점수를 localStorage에 저장하십시오 그렇게 간단합니다

페이지를 다시로드 해 봅시다 예, 점수는 그대로 있습니다 그래서 그게 전부입니다 다른 웹 API와 약간의 자바 스크립트를 조합하여 직접 만들 수 있습니다 작은 멋진 게임

진정해, 안 그래? [음악 연주] 내 코드는 인터넷에서 사용할 수있는 GitHub 문서에 있습니다 더 많은 정보를 얻으려면 열심히 노력하십시오 [음악 연주] 이 비디오가 마음에 들면 "좋아요"하고 친구와 공유하거나 다른 에피소드를 시청하고 시청하십시오 [음악 연주] 이번 주 동안의 모든 것입니다 보고 지켜봐 주셔서 감사합니다

Don’t Expose the PHP Version Joomla is Using – Joomla 🛠Maintenance Monday Live Stream #004

이봐, Joomla 팬! 팀 데이비스 여기있어 나는 Joomla 팬이다

오늘의 유지 관리 월요일 라이브 스트림에 튜닝 해 주셔서 감사합니다 야 봐봐 그걸로 잘못된 화면이 있습니다 처음에는 전체 화면으로 가자 이리

환영! 다행 인 것은 아니지만 튜닝을했기 때문에 기쁘다 생방송으로 조정하십시오 나는 정확하게 시간을 계획하고 있지 않고 머리를 들고있다 당신은 여기에 살고 있고, 당신이 살고있는 것을보고 있다면, 어딘가에 넣습니다 당신이 어디에서 왔는지, 어떤 질문이 있으시면 채팅을하고, 바로 확인하겠습니다

우리가 우리 유지 보수 항목에 도착한 후에 만약 내가 그것을 얻었 으면,이 튜토리얼, if 이 실시간 스트림은 도움이됩니다 구독하면 좋을 것입니다 구석에 가입하면 아마 끝날거야 구독 버튼이있는 곳 또는 어디서나 찾을 수 있습니다

이걸 보니 좋을거야 그리고 너가 종을 울리면 너는 얻을거야 새로운 실시간 스트림 및 자습서에 대한 알림이 표시됩니다 그래서 또한 그냥 알림, 매월 우리는 기본 Joomla 채널에서 선물을 가지고 – 그리고 이제 우리는 다른 화면으로 전환 할 것입니다 MyJoomla

com에 1 년간 위치 – 틀린 창 다시, oh 나의 미덕 what noob, 여기있는 사람이 거기에 우리가 간다 – 1 년 회원 MyJoomlacom에 하나의 사이트를 관리하는 필 테일러의 사이트; 귀하의 사이트를 평가하고 감사 할 수있는 충분한 정보 유지 관리 방법에 대한 팁을 제공하고 실행되도록 설정하십시오

효율적이고 안전합니다 유지 관리가 잘 된 Joomla 사이트는 보안 Joomla 사이트 및 보안은 우리가 될 것에 대한 주제의 일부입니다 오늘보고 기본적으로 우리가 볼 수있는 것은 Joomla 사이트에서 사용중인 PHP 버전을 방송하지 않습니다 그게 중요한 것은 단지 누군가가 당신의 집을 불러서 말한다면 실례합니다

"어떤 종류의 자물쇠를 사용하고 있습니까? 당신의 집에 침입하기를 좋아합니다 "대답을하지 않고"오, 나는 그런 자물쇠 그냥보기 만하면 쉽게 침입 할 수 있습니다 " 말할 것입니다 "잊어 버려! 내가 너 한테 말하고 있는게 아니야

" 그리고 그것이 우리가하고 싶은 것입니다 우리의 Joomla 사이트가 방송 또는 공개 또는 응답하지 않도록 우리가 볼 때 우리가 사용하고있는 PHP 버전의 종류 우리가하고 싶은 일을하기 위해서 PHP 도트 ini 파일에 행을 추가하십시오 앞으로 더 나아 가기 전에 정기적으로 사이트를 백업하십시오 나는 카드를 맨 위로 올려 놓을 게

그게 바로 Akeeba 백업으로 어떻게 할 수 있는지에 대한 링크입니다 좋은 연습을하고 언제든지 뒤에서 파일로 원숭이처럼 놀 수 있습니다 사이트의 끝이나 호스팅 패널에서 무언가가 일어난 경우 또는 무언가를 할 경우에 대비하여 좋은 백업 그게 내가 여기서해야 할 말은 아니야 당신이하고 싶은 것은 로그인하는 것입니다 웹 호스팅 제어판, 귀하의 웹 호스팅을위한 파일 관리자 계정을 만들고 파일을 추가하십시오

이제 Joomla에서 확장 기능을 사용하여이 작업을 수행 할 수 있습니다 그 파일에 액세스 할 수 있습니다 유일한 문제는 변경하는 경우입니다 잘못된 PHP INI 파일의 내용이거나 특히 다른 파일 인 경우 엉망이 될 수있는 파일은 htaccess 파일입니다 Joomla의 바로 그 확장 중 하나를 사용하여 사이트 충돌 – 당신은 500 서버 오류가 발생합니다 – 당신은 그 파일을 사용할 수 없을 것입니다

다시 매니저 당신은 당신의 호스팅 계정으로 들어가서 파일 관리자와 나는 적어도이 튜토리얼에서 좋은 방법이라고 생각한다 귀하의 웹 호스팅 계정에서 파일 관리자를 사용하여 시작하십시오 어떤 일이 생기면 변경 사항을 쉽게 취소 할 수 있습니다 귀하의 사이트가 다시 가동되고 잠기지 않습니다 그래서 네가 원하는 걸 파일 관리자로 이동하십시오 여기서 원하는 작업은 귀하의 Joomla 설치 관리자 폴더

그래서 바로 여기가 기본입니다 Joomlacom 사이트 다음은 기본적으로 홈 폴더입니다 나는 갈거야

공개 html로 이동 한 다음 관리자 폴더이며이 관리자 폴더에 있습니다 파일을 만듭니다 이제 웹 호스트가이 작업을 수행하지 못하게 할 수 있습니다 당신은 그 (것)들을 접촉하고 그 (것)들을하는 방법을 요구해야 할 것이다, 설정이나 장소 또는 원하는 경우 언제든지 저에게 연락 할 수 있습니다 Tim@cybersalthosting

com 또는 Tim @ cybersaltcom 둘 중 하나가 작동하고 우리는 Cybersalt 서버에서 사이트를 호스팅하는 것에 대해 이야기하십시오 그러나 이것은 내 서버에서 작업하고 해당 관리자 폴더에서 수행하려는 작업을 PHPini 파일

그래서 저는 플러스 파일을 클릭 할 것입니다 PHPini라고 이름을 짓고 그런 다음 새 파일을 만듭니다 다음으로 마우스 오른쪽 버튼을 클릭하여 편집하고 나서이 라인을 붙여 넣을거야 그리고 내가 여기있는거야

준비가 된 다른 창에서 우리가 가서 expose_php = off 기본적으로 우리는 PHP 버전을 공개하는 기능이나 옵션을 돌리고 있습니다 Joomla가 사용하고있는 것,이 문제에 대해이 폴더에서 사용하는 것이 무엇이든간에 PHPini 파일에서 마우스 오른쪽 버튼을 클릭하여 붙여 넣기 만하면됩니다 방금 만들었습니다

우리는 변화를 저장하려고합니다 그럴거야 그것을 돌봐 이제 당신이 그 일을 올바르게하고 괜찮은지 확인하십시오 귀하의 서버에서 우리가 할 수있는 basicjoomla

com 사이트로 돌아 가지 않는 이유는 무엇입니까? 그 공짜로 입력, 우리는 집에 클릭하고 작동합니다 그래서 그건 당신의 위치를 ​​유지하는 다만 경편 한 작은 끝 PHP 노출을 해제하면 "이봐, 내가 너의 사이트에 침입하기 더 쉬운 방법이 뭐니?"라고 묻는 질문이 나온다 그냥 쫓아 내면 정보를 얻지 못해 그래서 나는 그 부분을 감쌀 것이다

유지 보수 월요일 생중계 보고 주셔서 감사합니다 누군가 라이브를보고 있는지 확인하려면 질문이 있습니다 다시 한번 감사드립니다 당신

이것이 도움이된다면, 내가 구독을 얻었 으면 좋을 것입니다 구독하고 벨소리를 울리면 새로운 알림을받을 수 있습니다 채널 추가, 새로운 실시간 스트림 및 새로운 자습서 곧 올 것이다 항상 그렇듯이 Joomla 사이트 및 신의 축복

using an iPhone 5s

아이폰 5를 사용하면서 직면하는 어려움 나는 어떤면에서든 iPhone이 아주 훌륭하다는 것을 알고 있습니다 잘 지어진 위대한 카메라 더 나은 Opertaing 시스템 모든 것이 좋다

하지만 아이폰 정말 빨아! 나는 아무도없는 마을에 산다 iPhone이라 불리는 본 적이있다 그래서 내가 내 아이폰을 공개적으로 사용할 때 사람들이 내 iPhone을보고 싶어합니다

그래서 여기에 내 상황의 예가있다

How to Create Bootstrap Tab Animation Using Jquery – Amazing Tutorial

모두들 매일 수업료를 다시받을 수 있습니다 이 비디오에서는 jQuery를 사용하여 탭 애니메이션을 만드는 방법을 보여줍니다

이 탭을 사용하여 사용자를 등록하거나 제품을 사용하여 사용자를 등록 할 수 있습니다 주문 이모티콘을 사용하여 세 개의 탭을 만듭니다 그림 이모티콘은 내용을 지정하는 용도로만 사용됩니다 귀하의 탭 여기서 아무 것도 지정할 수 있습니다

그래서 당신은 애니메이션을 볼 수 있습니다 이 애니메이션을 만드는 아주 간단한 방법을 보여 드리겠습니다 이 비디오를 시작하기 전에 구독 버튼을 누르고 있는지 확인하십시오 벨 아이콘을 사용하여 내 모든 비디오를 알리고 아무것도 찾으면이 비디오를 좋아합니다 유능한

그래서 항상 늦게 시작하기 전에 시작하겠습니다 먼저 텍스트 편집기에서 폴더를 열어이 폴더의 이름을 지정할 수 있습니다 이 폴더의 이름 탭 애니메이션을 지정합니다 그 후에 우리는 두 개의 파일을 만들 것입니다 인덱스 도트 HTML과 두 번째 것은 style

css입니다 색인 도트 HTML 파일에서 우리는 먼저 간단한 HTML5 스 니펫을 만들고 제목을 지정합니다 귀하의 웹 페이지 그런 다음 헤드 섹션에서 부트 스트랩 파일을 링크하여 부트 스트랩으로 이동합니다 CSS를 복사하여 여기에 붙여 넣으십시오 JS 파일을 복사하여 닫는 body 태그 앞에 붙여 넣습니다

이 jquery 슬림 파일을 사용하고 싶지 않으므로 jQueryminjs 파일로 대체 할 것입니다 슬림 파일에는 애니메이션 기능이 없으므로이 파일을 바꿉니다 jQuery 버전 화 파일로 결국 우리는 머리 부분에 style

css 파일을 링크 할 것입니다 라이브 서버에서 먼저 문서를 열어 실시간 결과를 얻습니다 여기를 마우스 오른쪽 버튼으로 클릭하고 라이브 서버로 열기를 선택합니다 그 후에는 컨테이너 클래스를 생성하고 테두리, 텍스트를 지정합니다 가운데에 센터 클래스 모든 텍스트를 입력하고 margin-top을 지정하여 맨 위 섹션에 여백을 추가하십시오

그런 다음 H3 제목을 만들고 마진 상단 및 텍스트 기본 클래스를 지정합니다 여기서 주문 텍스트를 지정할 것입니다 그런 다음 컨테이너의 크기를 줄이고 너비를 50 %로 지정합니다 그 다음 단락을 만들고 여기에 텍스트를 지정합니다 이제 탭을 만듭니다

먼저 d-flex를 사용하여 모든 탭을 중앙에 배치하여 컨텐츠 센터 클래스를 정당화합니다 이 div에서 nav 및 bg-light 클래스를 만듭니다 그런 다음 역할 탭 목록을 지정합니다 그런 다음 nav-item 클래스로 li 탭을 만듭니다 여기서 앵커 태그를 삽입하고 href 속성에 1 단계를 지정합니다

첫 번째 탭의 텍스트를 지정하십시오 ID를 지정할 것입니다 어느 단계입니까? 1을 살짝 누르십시오 그런 다음 클래스 탐색 링크와 활성을 지정합니다 선택한 영역이 참입니다

그런 다음 데이터 토글 탭과 역할 탭을 삽입합니다 그런 다음 li nav 항목 클래스를 사용하여 두 번째 탭을 만듭니다 단계 2 href 속성을 사용하여 앵커 태그를 삽입하십시오 두 번째 탭에 텍스트 지정 및 ID 추가 2 단계 탭, 클래스 탐색 링크 영역 선택된 거짓 데이터 토글 탭 역할 탭 그 다음에는 세 번째 탭을 만들므로 우리는 nav-item 클래스로 li 태그를 만들고이 li 태그 안에 anchor 태그를 넣습니다 여기서 href 속성에서 3 단계 ID를 지정합니다

3 단계 탭 클래스 nav 링크 영역이 선택되었습니다 잘못된 데이터 토글 탭 및 역할 탭 탭을 완료하면 각 탭에 대한 콘텐츠가 생성됩니다 닫는 div 후에 우리는 여기에 tab content 클래스를 생성 할 것입니다 여기서는 첫 번째 탭의 내용을 지정하므로 div를 탭 창 클래스로 만듭니다 페이드 쇼 및 활성 클래스를 지정하십시오

그런 다음 ID 스텝 1을 지정합니다이 ID가 앵커 태그 href와 정확히 일치하는지 확인하십시오 속성 다른 ID와 다른 href 속성 값을 지정하면 탭 섹션은 제대로 작동하지 않습니다 따라서 ID를 제공하는 값은 앵커와 정확히 일치해야합니다

태그 href 속성 그런 다음 1 단계 탭으로 영역 레이블을 지정합니다 값에 의한 영역 레이블은 ID와 정확히 동일하다는 점에 유의하십시오 그런 다음 역할 탭을 지정합니다 이 구분 태그에 텍스트를 입력하십시오

그 다음에 우리는 두 번째 탭 콘텐트를 생성 할 것이므로 div를 탭 창과 페이드로 추가 할 것입니다 수업 그런 다음 ID 2 단계 및 2 단계 탭으로 영역 레이블을 지정하고 역할 탭 창을 지정합니다 이제 탭이 제대로 작동하는 것을 볼 수 있습니다 이 후 우리는 세번째 탭을 생성 할 것입니다

우리는 div를 탭 창과 페이드로 추가 할 것입니다 수업 ID 3 단계, 3 단계 탭으로 영역 레이블을 지정하고 역할 탭 창을 지정하십시오 여기에 내용을 입력하십시오 이제 탭이 잘 작동하는 것을 볼 수 있으며 시간은 탭의 스타일을 만드는 것입니다

그래서 stylecss 파일에서 먼저 패딩과 마진을 제거 할 것입니다 그런 다음 ul 태그를 선택하고 margin top 속성을 추가합니다 그런 다음 앵커 태그를 선택하고 패딩을 지정합니다 색상 및 글꼴 모음 이제이 놀라운 탭을 볼 수 있습니다

탭 포함 섹션에서 이모티콘을 삽입합니다 그래서 Google로 이동하여 이모티콘을 입력하십시오 CSS는 첫 번째 웹 사이트를 클릭하십시오 여기에서 링크 태그를 복사하여 헤드 섹션에 붙여 넣습니다 이제는 그림 이모티콘을 사용할 수 있습니다

그러면 우리가 할 일은 내부 내용 클래스 여기이 div에는 H4 제목 태그에 그림이 들어갑니다 두 번째 및 세 번째 탭 내용 섹션에서도 동일한 작업을 수행합니다 다른 탭에서 다른 그림 이모티콘을 사용하겠습니다 style

css 파일에서 내부 내용 클래스를 만들고 margin, border, border radius를 지정합니다 그리고 패딩을하면 그 크기가 커질 것입니다 글꼴 크기를 사용하여 그림 이모티콘 그게 전부 야 우리의 탭이 준비되었습니다

이제 애니메이션을 만듭니다 Indexhtml 파일에서 ul 탭으로 이동하여 ul 태그를 닫기 전에 custom 패널로 div를 만듭니다 둥근 부트 스트랩 클래스를 지정합니다 Style

css 파일에서 패널의 스타일을 지정하므로 콘텐츠 위치를 지정합니다 절대 너비, 높이 배경색 경계선 반경 커서 및 Z- 색인 그 후에 ul 태그를 선택하고 위치 상대 값을 지정합니다 이제이 패널이 ul 태그 앞에 있는지 보게 될 것입니다 그리고 ul 태그의 높이와 너비를 자동으로 가져옵니다 그런 다음 패널의 상자 그림자 속성을 지정합니다

이제는 앞쪽에 nav-link 태그를 사용하여 nav 링크 클래스를 선택합니다 위치 상대 Z- 색인 99999를 지정하십시오 이제 패널이 nav 링크 뒤에 있다는 것을 알 수 있습니다 그런 다음 mainjs 파일을 만들고 index

html의 script 태그를 사용하여이 파일을 연결합니다 파일 이 파일에서 우리는 document dot ready 함수를이 함수에서 호출 할 것입니다 변수를 지정하고이 변수의 이름을 panel로 지정합니다 패널의 너비를 this로 지정합니다 변수 그래서 우리는 여기서 괄호 안에 CSS 점 너비를 지정하는 패널을 씁니다

따라서이 코드는 패널의 너비를 패널 변수에 반환합니다 그 후 패널 변수에서 픽셀을 제거하려고했습니다 그래서 여기에 또 다른 변수 호출 너비를 만들고 패널 도트 대체 픽셀을 작성하고 널 자열로 YY십시오 이제 ul 태그의 너비를 가져옵니다

이 후 우리는 얼마나 많은 li 태그가 코드에 있는지 알아낼 것입니다 그래서 변수를 만들고 0 값을 지정합니다 그리고 li 태그를 선택하고 각 함수를 호출하십시오 이 함수에서는 i 변수의 크기를 늘립니다 그래서이 변수를 출력하면 프로그램에서 li 태그의 수를 얻을 수 있습니다

이제 첫 번째 탭의 너비를 가져와야합니다 그래서 우리가 할 일은 val1 변수를 만들고 너비 나누기를 i로 지정하는 것입니다 그래서 첫 번째 li 탭의 너비를 반환합니다 이 값을 첫 번째 li 태그에 지정합니다 그래서 우리는 n 번째 자식 1과 함께 li 태그를 선택하고 너비 val1을 지정하고 여기에 픽셀 단위를 추가합니다

이제 첫 번째 li 태그에이 패널이 표시됩니다 이 후 첫 번째 li 태그에서 click 이벤트를 생성합니다 따라서 우리는 n 번째 자식 1을 사용하여 첫 번째 li 태그를 선택하고 생성 한 클릭 이벤트 함수에서 패널을 선택하고 애니메이션 기능을 호출하십시오 여기 왼쪽 속성 0px를 지정합니다 그런 다음 n 번째 자식 2를 사용하여 두 번째 li 태그를 선택하고 선택 패널을 추가합니다

그런 다음 animate 함수를 호출하고 left 속성을 지정하면 여기서 val1을 지정합니다 변하기 쉬운 따라서 두 번째 태그를 클릭하면 왼쪽 여백이 패널에 추가됩니다 패널의 위치를 ​​조정하여 val1 변수에서 10을 뺀 값을 얻을 수 있습니다 패널이 중앙에 있습니다

이 후 우리는 n 번째 자식 3을 사용하여 세 번째 탭을 선택하고이 코드를 만듭니다 탭뿐만 아니라 왼쪽 값을 변경하십시오 그래서 여기에 val1과 vali1을 더합니다 이제이 놀라운 애니메이션을 탭에서 볼 수 있습니다 마지막으로 활성 링크 색상을 지정합니다 따라서 style

css 파일에서 활성 클래스에 대한 color 속성을 지정합니다 그거야 이제이 놀라운 테두리 애니메이션을 보게 될 것입니다 등록 탭, 주문과 같은이 자습서를 사용하여 다른 유형의 탭을 만들 수 있습니다 탭, 비밀번호 탭 잊어 버림 이 자습서가 마음에 들면 좋겠다면 유용한 버튼을 눌러야합니다

빨간색 구독 버튼을 눌러서 구독하십시오 매번 놀라운 동영상을 제공하고 싶습니다 일단 그게 전부 야 우리는 다음 튜토리얼에서 당신을 보게 될 것이며 그때까지 행복하게 지켜 볼 것입니다

MLM (Multi level Marketing) Webiste using php part – 3 – Create Index and home page

안녕하세요 여러분의 세 번째 MLM 튜토리얼에 오신 것을 환영합니다 이 자습서에서는 색인 및 홈 페이지를 만듭니다

페이지로 이동 로그인 파일을 폴더 외부로 복사 편집기로여십시오 로그인하여 다음으로 저장하십시오 indexphp 우리의 인덱스 페이지가 될 것입니다 이제 링크를 변경해야합니다

그것을 구할 수있다 우리의 색인 페이지는 이제 우리의 홈 페이지를 만들 준비가되었습니다 여기 빈 페이지 복사 여기에 붙여 넣으세요 편집인으로여십시오 그대로 저장하고 home

php로 저장하십시오 사용자가이 버튼을 클릭 할 때마다 homephp로 리디렉션됩니다 예, 여기에 우리의 홈페이지가 있습니다 로그인 할 때마다이 페이지가 표시됩니다

다음 튜토리얼에서 우리는 앞으로 나아갈 것입니다 고맙습니다

Creating a simple MySql Trigger Using PhpMyAdmin

안녕하세요 시청자, 이것은 Siplu Sinha 다시 한번 새로운 데이터베이스 주제입니다 오늘 우리는 방아쇠를 만들려고합니다

PHPMyAdmin을 사용하여 MySQL에서 그래서 우리 주제는 데이터베이스의 테이블 중 하나에 대한 백업 테이블을 생성하는 것입니다 이 테이블을 "백업 테이블"이라고합니다 우리는 모든 새로운 레코드를 저장하는 방아쇠를 만듭니다 우리가 선택한 메인 테이블에 추가되었습니다

예를 들어, 생성을 선택한 경우 커피 테이블을위한 백업 테이블 Coffee_back up이라는 테이블을 만들어야합니다 새 레코드가 커피 테이블에 추가 될 때마다이 새 레코드는 자동으로 백업 테이블에 추가됩니다 이제 우리의 백업 테이블은 커피 테이블 이제 커피 테이블에 대한 모든 정보를 확인해 봅시다

이제 '더보기'를 클릭하고를 클릭하십시오 '방아쇠' '새로 만들기'를 클릭하고 '트리거 추가'를 클릭하십시오 이제 트리거를 작성해야합니다 방아쇠 이름은 커피 삽입 후입니다 테이블 이름은 커피입니다

Time에서 After를 선택합니다 이제 트리거에 대한 절차를 작성합니다 시작 키워드로 시작합니다 우리가 새로운 커피 테이블을 삽입하면 테이블 커피 백업에 값 (새 ID)은 새로 추가 된 값을 의미합니다

커피 테이블에 테이블에서 실제로 최신 값을 얻는 새로운 키워드 폐쇄 브래킷 이제 우리는 세미콜론 그리고 키워드 end를 씁니다 우리가 지시 한대로 방아쇠가 생깁니다 이제 커피 테이블에 정보를 추가해 보겠습니다 마지막 하나는 21이므로 이드는 22입니다

그리고 커피의 이름은 블랙 커피입니다 Nascafe 제조 이제 새로운 값이 커피 테이블에 추가되었는지 확인하고, 백업 테이블 예! 백업 테이블에 정보가 추가됩니다

Tooltips Using HTML and CSS – Creating Design Tutorial

안녕하세요 일일 수업료로 돌아 오신 것을 환영합니다

이 단원에서는 도구 설명을 만듭니다 이 툴팁은 사용자에게 팁을 지정하는 데 사용하거나 알림을 표시하는 데 사용할 수 있습니다 사용자에게 이 단원에서는 툴팁을 디자인 할 것입니다 따라서이 비디오를 시작하기 전에 우리를 구독하고 알림을 받으려면 벨 아이콘을 누르십시오 내 모든 새로운 비디오를 볼 수 있으며, 이와 비슷한 버튼을 누르면 유용한 버튼을 누를 수 있습니다

비디오 그래서 let 'ss가 시작되었습니다 먼저 코드 편집기에서 폴더를 엽니 다 여기서 우리는 두 개의 파일 인 indexhtml과 style

css를 생성 할 것입니다 indexhtml 파일에서 간단한 HTML 5 스 니펫을 만들고 제목을 변경합니다 그 다음에는 부트 스트랩 CSS 파일을 프로젝트에 연결하고 그 직후에 stylecss 파일을 링크하십시오

이제 툴팁을 디자인 할 것입니다 body 태그에서 텍스트 중심과 마진 최고 클래스로 div를 만듭니다 이 div에서는 툴팁 텍스트와 함께 h3 제목 태그를 삽입합니다 라이브 서버에서이 파일을 엽니 다 이 h3 태그에 아래쪽 여백을 추가합니다

그런 다음 행을 삽입하고 여백 위쪽 4를 지정합니다 행에서 col-md-4의 열을 넣습니다 그리고 여기서 우리는 d-flex flex-row 클래스의 부트 스트랩을 삽입합니다 이 클래스는 모든 HTML 요소를 새 행에 삽입합니다 여기에 툴팁 레이블을 삽입하고 에러 클래스를 지정하고 툴팁 위험 텍스트를 삽입합니다

이 라벨에 이 열에 오프셋 4가 추가됩니다 완벽 해 그런 다음이 툴팁의 스타일을 만듭니다 style

css 파일에서 먼저 HTML 요소에서 여백과 패딩을 제거합니다 그런 다음 오류 클래스를 만들고 절대 위치를 지정합니다 상단 -110 %, 왼쪽 31 %, 패딩 1 % 20 %, 경계선 반경 3px, 배경색을 지정한 다음 color 속성 그런 다음 오류 클래스에 대한 이전 선택기를 만들고 내용, 너비를 지정합니다 0, 높이 0, 테두리 왼쪽 9px 단색 투명, 테두리 오른쪽 9px 단색 투명

그리고 border top 9px solid를 지정하고 여기에서 색상을 지정하십시오 이제이 삼각형을 정렬합니다 그래서 우리는 위치 절대, 하단 -21 %를 지정합니다 원하는 곳에이 삼각형을 정렬 할 수 있습니다 그런 다음 왼쪽 20 %를 지정하십시오

이제 툴팁이 준비되었습니다 이제는 다른 유형의 툴팁을 만들 것입니다 기본 툴팁, 성공적인 툴팁 및 경고 툴팁을 작성합니다 n 번째 자식 2를 사용하여 두 번째 툴팁을 선택합니다 그리고 top 속성을 70px로 변경하십시오

그런 다음 배경색을 지정하십시오 그런 다음 선택기의 테두리 색상을 변경합니다 n 번째 자식 3을 사용하여 세 번째 자식을 선택합니다 그리고 최고 재산 가치를 바꾸십시오 지정한 툴팁에 패딩을 지정하고 크기를 변경할 수 있습니다

배경색을 변경하십시오 그리고 border top 속성의 색을 변경합니다 네 번째 툴팁에도이 작업을 수행 할 것입니다 그거야 툴팁이 준비되었습니다

다음 비디오에서는이 툴팁을 웹 사이트에 사용하는 가장 좋은 방법을 보여 드릴 것입니다 이 툴팁을 사용할 수있는 위치와 사용 방법을 알려 드리겠습니다 따라서이 비디오의 다음 부분을 보는 것을 잊지 마십시오 이 비디오가 마음에 들면 좋아하는 버튼을 누르고 구독 버튼을 누릅니다 아직 우리를 구독하지 않았다

자습서에서 여러분을 볼 것입니다 그 때까지 행복하게 지켜봐주십시오

(CRUD) Part 1 – How to create Add/Register using Ajax and PHP MYSQL

먼저 데이터베이스 생성 표 추가 표 필드 추가 데이터베이스 생성 완료! 매우 기본적인 HTML 태그 및 양식 아주 기본적인 html 태그, 직접 스타일을 지정할 수 있습니다 타다! jquery 파일이 필요합니다

온라인으로 다운로드 할 수 있습니다 jquery 파일을 여기에 추가하십시오 jQuery 구문 #는 ID를 의미하므로 버튼 id를 호출하십시오 ID를 사용하여 텍스트 상자에서 입력 된 값을 가져옵니다 그런 다음 val ()을 사용하여 텍스트 상자에서 값을 가져옵니다

매우 간단한 검증, 텍스트 상자가 비어 있는지 확인

Slide In Pure CSS Animation – Using Transition Property

우리는 여기에 그라디언트 색상을 사용하고 있습니다 단색도 지정할 수 있습니다

지원되지 않는 브라우저에 배경 그라데이션 지정 버튼의 배경 그라디언트 지정 @keyframe 애니메이션 SlideMe 추가 @keyframe 이름 지정 애니메이션의 지속 시간 질문이 있으면 우리에게 의견을 말하십시오