Cr8Code – Creating Stick Navigation Bar with JQuery Part.1

안녕하세요 여러분, 오늘 우리는 헤더를 만들 것입니다 그리고 그것과 함께 끈적 거리는 탐색 바는 우리가 가고있는 누구나의 안에서 첫번째로 시작해도 우리 몸의 요구 조건을 정하다

페이지를 스크롤 할 수 있도록 높이를 300 뷰포트 높이로 설정하여 if 끈적 거리는 탐색 바가 이제 우리가 HTML 헤더를 만들려고 노력하고 있습니다 요소와 헤더 이미지 헤더를 시작해 보겠습니다 당신 색상 선택 도구에서 배경색을 선택하여 복사하고 붙여 넣습니다 당신 헤더 표시를 인라인 블록으로 설정해야합니다 이미지 마진을 최고의 가치로 만들기 위해 마진 상위를 재배치해야합니다

여백이 지나면 브라우저는 먼저 10 픽셀을 렌더링합니다 여백 다음 autovalue하고 모든 여백을 만들 것입니다 이제 자동으로 가자 네비게이션 요소를 만든 다음 ul 및 Li 요소를 만드는 탐색 모음 내부 그것들을 정리하고 스타일링하러 가자 다시 색상 선택 도구를 열어 색상을 얻습니다 우리는 마진과 패딩을 0으로 설정하려고합니다 자동으로 여백과 패딩이 생깁니다

숫자 나 점들이 나타날 것이므로 list-style은 none이어야합니다 그렇지 않은 경우 4 개가 있기 때문에 Li 폭을 25 %로 설정합니다 당신이 더 많거나 적다면 100을 당신의 일라이어스 수로 나눈 다음 그들에게 왼쪽에있는 것들은 수평으로 배열 할 수있게 해준다 요소와 스타일은 우리가 다른 색상을 얻기를 원한다는 호버 효과입니다 전환 효용으로 마우스를 가져갈 때 당신

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 속성의 색을 변경합니다 네 번째 툴팁에도이 작업을 수행 할 것입니다 그거야 툴팁이 준비되었습니다

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

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

Quick Tutorial – Creating a MySQL Database and Table with phpmyadmin

좋습니다 데이터베이스를 만들고 xampp을 사용하여 테이블을 만드는 방법을 보여 드리겠습니다

phpmyadmin 인터페이스를 사용합니다 그래서 인터페이스에 로그인하면 다음과 같이 보입니다 여기에서 데이터베이스를 만들 수 있습니다 그냥 여기에 데이터베이스 이름을 입력하고 create를 누르십시오 이 화면에 없다면 데이터베이스 탭을 누를 수 있습니다

그리고 여기서도 데이터베이스를 만들 수 있습니다 이 화면에서 데이터베이스 이름을 여기에 입력하고 생성을 누르십시오 나는 돌아갈거야 집에 가서 주요 화면으로 돌아갈거야 둘 다 똑같은 일을합니다

그래서 저는 어장이라고 불리는 데이터베이스를 만들 것입니다 몹시 떠들어 대다 그래서 일단 데이터베이스를 만들면이 화면에서 바로 테이블을 생성 할 수 있습니다 이리 그래서 여기에 서점 데이터베이스가 있습니다

그것을 클릭하고 다른 방법으로 갈 수도 있지만 테이블을 만들 준비가되면 여기에 테이블 이름을 입력하십시오 나는 책이라고 부를거야 필드 수를 입력하십시오 확실하지 않다면 거기에 숫자를 넣으십시오 나중에 필드를 추가 할 수 있습니다

내 테이블에는 다섯 개의 밭이있을거야 그래서 저는 필드에 이름을 부여하고이 버튼을 누르십시오 이제 테이블에 이름을 지정했지만 데이터 유형을 필드에 입력해야합니다 필드 크기 그래서 나는 여기에 필드 이름을 넣을거야

첫 번째 필드 이름 이것은 두 번째 필드입니다 그래서 우리는이 테이블에 몇 개의 필드를 생성합니다 이제는 정수형이 아닌 데이터 유형을 제공해야합니다 따라서 ISBN은 정수 일 수 있습니다

나는 그것을 varchar로 만들거야 제목은 반드시 varchar 여야합니다 따라서이 열의 각 필드에 대해 서로 다른 데이터 유형을 선택하기 만하면됩니다 이제이 시점에서 우리는 테이블을 만들 수 있었지만이 phpmyadmin에 대해 알아야 할 것이 하나 있습니다 우리가 varchar 데이터 형식을 선택한다면 여기에 필드 크기를 제공해야합니다

그래서 우리가 지금 그것을 만들려고한다면 그것은 우리에게 오류를 줄 것이므로 나는 이것을 얼마나 오래 결정할 필요가 있습니다 ISBN을위한 필드가 있어야합니다 확실하지 않다 그래서 각 varchar에 대해 필드 형식 필드 길이를 제공하고 있습니다 정수에 대해서는 그렇게 할 필요가 없습니다

원하는 경우 할 수 있습니다 테이블을 만들 때 할 일은 기본 키 지정입니다 필드 그래서 나는이 인터페이스로 어떻게하는지 보여주고 싶다 음, 이것은 브라우저입니다 그래서 여기에 인덱스가있는 곳으로 스크롤해야합니다

ISBN 필드를 기본 키로 만들고 싶다면 기본 키를 기본 키로 선택할 것입니다 필드 이름에 지정된 데이터 유형 및 길이를 지정한 후에는 저장을 누릅니다 이리 그러면 그 필드가있는 테이블이 생성됩니다 일단 테이블이 생성되면 여기 데이터베이스가 방금 작성한 테이블 중 하나입니다

그러나이 화면으로 이동하면 필드와 다양한 데이터 유형을 볼 수 있습니다

Creating a Web Service with php nusoap library and Mysql

나는 웹 서비스를 만드는 법을 배웠다 이것은 클라이언트이며 이것은 웹 서비스입니다

웹 서비스에는 기능이 있습니다 데이터베이스의 기능 목록 레코드 WebService에는 라이브러리가 있습니다 "nuSoap"이라고 부르십시오 proyect 보자 그 자존심은 이게 생각해

이리 그 전제에는 도서관이있다 서비스 PHP 너를 보여줄거야 이 파일들 proyect 서비스에서 도서관 도서관을 구할 수 있습니다 이 사이트에서 ~이다 나는 당신에게 그 기능을 보여 주겠다

이것은 함수이다 이 데이터베이스의 기능 목록 레코드 이 함수는 또 다른 conexion 함수 호출을 가지고있다 이것은 데이터베이스에 대한 일반적인 인식이다 이제 나는 너에게 서비스를 보여 준다 서버는이 구성을 가지고있다

이것은 함수의 이름입니다 excuseme, 이것은 webService의 이름입니다 여기 함수의 이름 이리 이것은 매개 변수입니다 코드 문자열 및 반환 매개 변수 배열로 및이 클라이언트 구성 나는 이것을 얻는다 서비스 서비스를 클릭하십시오

클릭 ~ 안에 WSDL 이 이걸 얻으 라 전제에 넣는다 이렇게 이것이 매개 변수 이 경우에는 Cero입니다 이 값 여기에 다른 매개 변수를 보자 만 1,2,3,4

기록들 예를 들어, 하나의 레코드 만 표시하려고합니다 좋아, 아주 좋아 이 값 보자 proyect의 작동 방식 괜찮아 모두들 내가 바란다

이 비디오 당신에게 도움이되는 연구 대단히 감사합니다

Creating a table with PDO

이 강연에서 우리는 우리가 뭔가를 가질 수 있도록 테이블을 만들 것입니다 시작하다 바로 여기에서 새로운 PHP 파일을 만들 것입니다

나는이 창조 표 이름을 지을 것이다 그래, 우리가 필요로하는 첫번째 일 이 파일에서 수행 할 작업은 데이터베이스 연결 스크립트를 포함하여 include를 말하도록하는 것입니다 일단 databasephp 이렇게하면 데이터베이스 연결에 액세스 할 수 있습니다 그러면 우리는 쿼리를 작성하여 테이블을 생성하고 테이블을 저장할 것입니다

table이라는 변수의 쿼리이 변수는 테이블을 포함하는 문자열과 같아야합니다 테이블의 정의에 대한 정보는 바로 여기에서 Create 예어 그래서이 테이블이 존재하지 않는다면 나는 테이블을 만들고 있다고 말할 것입니다 알았어 그렇게하지 않으면 우리는이 테이블이 실제로는 없다는 것을 확인하고있다

데이터베이스에 기존 데이터베이스가 있으면 기존 데이터베이스를 생성 할 필요가 없습니다 이 테이블의 이름은 책을 열어 닫을 괄호로 표시 한 다음 지정을 시작할 수 있습니다 각 열에 대한 열과 특성, 첫 번째 열 지정하려는 ID 열이 고유하게 사용되는 열이됩니다 이 테이블의 각 행을 식별하고 이것은 우리의 기본 키가 될 것입니다 그래서 그것은 Integer 타입이 될 것입니다 우리는 그것을 unsigned로 만들 것입니다

그래서 우리는 그것이 긍정적 인 숫자와 0을 받아 들일 것입니다 NULL이 아니면 항상 값을 포함해야 함을 의미합니다 우리는 기본 키가되어야한다고 말하고 나서 자동 키를 사용해야합니다 increment는 또한 새로운 레코드가 추가 될 때마다 increment를 의미합니다 ID 번호가 1 씩 증가하면 다음에 열이 생성됩니다

책의 이름을 붙이면 이것은 가변 문자 유형이 될 것입니다 가변 문자는 근본적으로이 열의 크기가 여기에 25를 지정하더라도 예를 들어 처음에는 25 자의 공간을 만들지 않을 것입니다 여기에 삽입되는 값의 수를위한 공간을 만들고 우리는 또한 이것이 NULL이 아니어야하며 고유해야한다고 말하려고합니다 여기에서 고유 한 키워드를 지정하면 두 권의 책이 같은 이름을 가질 수 없습니다 다음 표에서는 설명을 포함하는 열을 만들 것입니다 이것을 DESC라고 부르는데, 이것은 가변 문자 여야합니다

255 자 그리고 우리는 description이 NULL이 아니어야한다고 말하고 마지막으로 우리는 열은 책이 데이터베이스에 추가되었을 때 우리에게 알려줍니다 생성 된 열 이것을위한 데이터 형은 타임 스탬프가 될 것이고 우리는 이것을 세미콜론 다음에 우리가하고 싶은 일 try catch 블록을 만드는 것입니다 여기서 우리는 단지 우리가 잡기를 원하는 예외를 지정한다 우리가 준비하고 우리가 가지고있는 SQL 문을 실행할 블록을 시도해라 여기 PDO 쿼리 방법을 사용하여 우리는 오직 여기에 database

php 파일이 포함되어 있기 때문에 여기서는 query 메소드를 사용하십시오 그래서 오류 메시지가 있다면 우리는 그것을 표시 할 것입니다 이제 테이블의 구조를 정의하는 SQL 문이 있습니다 우리가 만들고자하는 것은 테이블이라는 변수와 여기에있는 변수에 저장하는 것입니다 catch 블록을 사용해보십시오

우리는 PDO 쿼리 메서드를 사용하여 이 작업이이 테이블에 저장된 경우 이 작업이 실패하면 우리는 테이블을 에코로 만들려고합니다 오류가 발생했음을 알리는 메시지가 표시되므로 브라우저에서이 오류를 볼 수있게되었습니다 테이블 도트 PHP를 만들 파일의 이름을 변경하십시오 좋아, 바로 여기 우리는 연결이 성공적이라고보고 있지만 우리는 PDO가이 오류 메시지를 잘못 표시하도록 테이블을 만들 수 없습니다 카탈로그 이름 데이터베이스가 선택되지 않았습니다 좋습니다

돌아가서 데이터베이스 연결 스크립트를 살펴 봅시다 그래서 우리가 가진 오류 메시지에서 우리는 우리가 DSN 문자열은 선택된 데이터베이스가 없으므로 여기에 있습니다 우리가 MySQL 드라이버를 사용하고 있고 호스트를 지정했다고 명시했다 매개 변수는 localhost가되고 여기에 우리가 방금 이름을 주셨을 때주의하십시오 데이터베이스의 어떤 매개 변수를 지정했는지 지정하지 않았습니다

우리가 말할 필요가있는 세미콜론 다음에 여기에 단어 라이브러리가 있습니다 dbname은 라이브러리와 동일합니다 지금 새로 고침을 해봅시다 바로 여기에 우리가있다 다른 오류 메시지와 이번에는 구문 오류 또는 액세스 위반이 발생합니다

SQL 구문에 오류가 있습니다 해당 매뉴얼을 확인하십시오 DESC 근처에서 올바른 구문을 사용하기위한 MySQL 서버 버전 우리가 우리 쿼리에서 찾아야 할 코드 에디터를 살펴 보겠습니다 다시이 문제를 해결할 수있는 방법을 보여줍니다 테이블을 만들려면 여기를 클릭하십시오

우리가 와드 DESC를 사용하여 이름을 볼 수 있습니다 열은 DESC가 SQL에서 예약 된 키워드 인 것으로 밝혀졌습니다 예를 들어 우리가 이것을 만들면 테이블의 구조를 보여라 테이블과 우리는 컬럼 이름과 데이터 타입을 의미하는 구조를보고 싶다 우리가 정의한 모든 다양한 속성은 DESC 키워드를 사용했습니다

우리가 여기서 사용할 수있는 유일한 방법은 백 틱 백 틱 또는 전체 단어 설명 우리는 이것을 이렇게 남겨두고 지금은 새로 고침을 할 것입니다 이제는 우리에게 알려줍니다 그 테이블이 생성되었습니다 새 줄로 옮길 수 있습니다 그래서 다시 새로 고침하면 다른 테이블을 만들지 않을 것입니다

우리 스크립트에서 우리가 존재하지 않는다면 테이블 생성을 체크하고있는 것을 기억하십시오 그래서 우리가 이제 데이터베이스로 이동하여 우리는 여전히 하나의 테이블만을 볼 것입니다 테이블을 클릭하면 테이블에 레코드가 없습니다 우리는 ID, 이름, 설명 및 생성 된 것을 볼 수 있습니다 다음 섹션에서는 CRUD 작업을 수행하는 방법을 배우게됩니다

PDO 사용

Creating a Hello World Web Page using PHP

안녕하세요, Ken Marks입니다 저는 매디슨의 IT 프로그래밍 강사입니다

칼리지 나는 PHP 웹 개발을 가르친다 고급 PHP 웹 개발 PHP를 사용하여 재미 있고 매우 빠릅니다 동적 웹 페이지 및 웹 응용 프로그램을 만듭니다

이 스크린 캐스트에서는 다음 방법을 보여 드리겠습니다 간단한 "Hello World"웹 프로그램 작성 PHP 언어를 사용합니다 필요한 것은 컴퓨터에 액세스하는 것뿐입니다 인터넷, 클라우드 9 개발 계좌 (나는 당신에게 이전 비디오) 좋아, 시작하자! 새 파일을 만들어 보겠습니다

그것을 "hello_worldphp"라고 부르세요 "hello_worldphp" 편집자에게 가져다주세요 웹 페이지는 HTML을 포함 할 수 있습니다

및 PHP 코드; 하나, 파일 확장명을 사용하여 이름을 지정해야합니다php 제가 할 일은 먼저 채우기입니다 '보일러 판'HTML 태그, 다음 <head> 태그, 마지막으로 <body> 태그가 있습니다

웹 페이지의 제목은 항상 좋은 생각입니다 그래서 하나 추가하자 이것은 개인화 된 것입니다 "Hello World"프로그램에서 <title> 태그 세트를 추가하자 <head> 태그 사이에, 우리 프로그램을 제공하십시오

제목 "Personalized Hello World" 다음으로 <body>에 양식을 작성하면 사용자가 이름을 입력하고, 맞춤 인사말에서 이름을 사용하십시오 그렇게하기 위해 우리는 <form> 태그 세트 태그는 'method' 및 'action'속성 'method'속성을 설정했습니다 '게시물'과 같습니다

우리가 웹 서버에서이 페이지를 새로 고치려면 우리는 'action'속성을 설정했습니다 동일 "<? php $ PHP_SELF; ?> " $ PHP_SELF; ?> " 몇 가지 설명 필수적이다 웹 서버 이 페이지의 모든 내용을 다음과 같이 해석합니다 HTML을 만나지 않는 한 '<? php' '<? php' 모든 코드 특수 태그 사이에 '<? php' 및 폐쇄 '?>' PHP 코드로 처리됩니다

PHP 인터프리터에게 보냈습니다 HTML로 변환되기 전에 이제 텍스트를 추가하고, "당신의 이름을 입력:" 그때 텍스트 바로 뒤에 <input> 태그 세트를 추가하십시오 '유형'을 (으)로 설정하십시오

"text"이고, "name"은 "name"입니다 그런 다음 양식을 완성합니다 <input> 태그가 'type'으로 설정되었습니다 속성을 "제출"으로 설정하십시오 이제 더 많은 PHP 코드를 추가해 보겠습니다

양식 바로 위에있는 <body>에 있습니다 시작 PHP 태그 만들기 그것에 자신의 라인입니다 또한 그것에 PHP 코드는 자신의 라인입니다 다음 줄에서는 조건문을 작성하여 사용자가 'name'텍스트 입력 필드 우리는 'if'문

만약에 무엇이든 'if'문 괄호 사이에 사실, 우리는 코드를 실행한다 다음 중괄호 안에 누군가가 '이름'에 뭔가를 입력했는지 여부를 테스트하려면 필드, 우리는 PHP를 사용 함수는 'empty'라고 불린다 이 함수는 텍스트가 비어 있습니다 우리는 느낌표를 붙인다 포인트 왜냐하면 빈 함수 앞에 우리는 확인하기 위해 이름은 비어 있지 않습니다

사용자가 입력 한 내용을 전달해야합니다 'name'필드에 인수로 '비어있는'기능 이것은 뭔가에 포함 된 $ POST 수퍼 글로벌 배열 PHP가 수집하는 데 사용하는 모든 HTML POST 변수 PHP에서 사용할 수 있습니다 우리 그것을 사용하여 '이름'필드에 액세스하십시오 에있는 관련 요소로 $ POST 수퍼 전역 배열 변수

이제 맞춤 설정을 출력 해 보겠습니다 사용자가 웹 페이지에 인사하면 '이름'입력란에 텍스트를 입력했습니다 PHP 'echo'함수를 사용합니다 따라서 사용자가 베키 (Becky)라는 이름을 출력하고 싶습니다 "인사, 베키, 환영합니다!" 우리가 따옴표로 출력 한 것 웹 페이지에 표시됩니다

큰 따옴표를 사용하면, 에 포함 된 이름 $ _POST를위한 슈퍼 글로벌 '이름'입력란은 사용자로 변환됩니다 입력되었습니다 웹 프로그램을 실행하려면, 우리는 브라우저에서 우리의 "hello_worldphp"파일이 있습니다 우리가 우리에게 묻는 양식을 얻습니다

우리 이름을 입력하십시오 우리가 우리 이름을 입력하면, '제출'버튼을 누르면, 우리는 맞춤형 인사말로 이것이 바로 간단한 Hello World 웹 프로그램을 작성하는 방법입니다 PHP로! PHP로 할 수있는 일이 많이 있습니다 웹 프로그래밍 언어이며, 매우 적합합니다 소규모와 대규모를 합친 것 웹 응용 프로그램

더 많은 것을 배우고 싶다면 PHP 또는 다른 프로그래밍 언어 사용에 관해서는, 수업에 등록하는 것이 좋습니다 http://madisoncollegeedu http://madisoncollegeedu http://madisoncollegeedu 질문이 있으시면 언제든지 저에게 연락하십시오

이메일 : KEMarks1@madisoncollegeedu 이메일 : KEMarks1@madisoncollegeedu 이메일 : KEMarks1@madisoncollegeedu 좋아, 코딩하자!

Cr8Code – Creating Stick Navigation Bar with JQuery Part.2

안녕하세요, Cr8CodeCo에 오신 것을 환영합니다

이전 튜토리얼에서는 우리의 헤더와 네비게이션 바 이제 어떻게 행동 할 것인지 결정할 것입니다 첫 번째 부분을 보지 않았다면 링크를 클릭하고 먼저 살펴보십시오 우선, 우리는 네비게이션 바를 고수 할 CSS 클래스를 시작합니다 정상에

이를 위해 위치를 고정 된 0 위 및 0으로 설정했습니다 Javascript와 JQuery에 들어가기 전에 나는 당신이 그들에 대한 기본적인 이해가 필요함을 당신이 알기를 바랍니다 계속 나아 갑시다 우리는 문서 준비 함수를 만드는 것으로 시작하여 우리의 스크립트가 준비가 끝날 때까지 대기하도록 지시합니다 자체 준비가되었습니다

그러면 우리가해야 할 일은 탐색 바 높이를 얻는 것입니다 50 픽셀이지만 탐색 바가 다를 수 있습니다 따라서 JQuery로 얻고 그것에 대해 신경 쓰지 않는 것이 좋습니다 우리는 네비게이션 바를 우리의 페이지에서 유일하기 때문에 그것을 요소 이름으로 사용합니다 우리는 그것을 클래스 나 ID를 부여 할 것이고, 우리는 해쉬를 그 다음 id로 놓거나 클래스를 점령 할 것입니다

타겟팅 이제 페이지가 스크롤되면 캡처 할 것입니다 그렇다면 우리는 우리의 기능을 해고 할 것입니다 이제 탐색 막대의 높이와 일치하도록 스크롤 크기를 가져옵니다 탐색 막대의 높이가 스크롤 크기에서 150을 뺀 값보다 작은 경우 즉, 우리의 탐색 바는 페이지 밖에 있습니다 여기서 150은 헤더의 높이입니다

스크립트를 삽입하지 않으면 탐색 모음이 아직 페이지에있는 동안 스크립트가 작동합니다 애니메이션 아래로 슬라이드를 추가하여 탐색 모음의 높이를 설정하는 이유 0으로 설정합니다 그런 다음 우리가 처음 만들었던 fixnav 클래스를 nav 요소에 추가합니다 그 직후, 우리는 네비게이션 바의 높이를 500 픽셀 안에 다시 애니메이션으로 만들 것입니다 밀리 초로 설정하면 슬라이드 다운 효과가 생성됩니다

정지 기능은 애니메이션이 쌓이지 않도록합니다 우리가 가진 것을 보자 우리의 기능은 잘 작동하고 브라우저에 fixnav 클래스 추가, nav 요소 추가, 탐색 막대의 높이가 스크롤 크기에서 150을 뺀 값보다 작은 경우 탐색 막대가 끈적 거리지 않는 것을 제외하고는 예상대로 작동합니다 이 문제를 해결하기 위해 else 함수를 만들고 브라우저에 fixnav를 제거하라고 지시합니다 탐색 막대의 높이가 스크롤 크기보다 작지 않은 경우 클래스입니다 다시 확인합시다

그것은 훌륭하게 작동하지만 또 다른 문제가 있습니다 스크롤 기능은 탐색 막대가 윗쪽에 붙어 있어도 스크롤 할 때마다 반복해서 실행됩니다 이 버그를 방지하려면 우리는 부울 값을 가진 다른 변수를 생성하고 다른 if 함수를 생성 할 것입니다 'checker'인 새 변수가 true인지 확인합니다 sticky 함수를 실행하고 'checker'변수를 false로 변경하십시오

이것은 체커가 맞지 않는 한 다시 발사하는 것을 막을 것입니다 이거 야 마지막으로 'checker'변수를 다시 true로 변경합니다 사용자가 길 그리고 우리는 잘 가게된다

우리의 스티키 네비게이션 바를 사용할 준비가되었습니다