에릭 @ EricBess WebHome

우승을 잃지 않도록, 거기는 배고픈 충격을 가슴과 얼굴, Pinghu 등 광산으로 거만하지

Chinese (Simplified) flagItalian flagKorean flagPortuguese flagEnglish flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag
By N2H

Jquery 효과 : "클릭 - - 변경"

대상

, 방문자 (x)를 HTML 페이지에 광고 문안 콘텐츠에 볼 수있을 것이다 페이지를 떠나지 않고 설계 (또는 AHAH) 기술은 AJAX를 사용합니다.

프로그램

텍스트를 수정할 필요성을 클릭, 취소 버튼으로 변경하고 텍스트를 저장합니다. the AHAH의 일부를 개정하려면 서버 - 사이드로 전송됩니다 PHP 스크립트 (MySQL의 또는 일반 용지) 데이터베이스를 업데이 트하는 파일입니다.

시위

-이 AJAX - 스타일을 클릭 - 변경 데모
이 첫 번째 데모에서는 "editinplace"DIV 요소에 대한 ID를 사용합니다. 여기에 걸쳐 때 마우스, 배경 색상을 밝은 노란색이 될 것입니다. 일부는 DOM의 텍스트를 클릭하는 div 요소는 텍스트 요소로 대체되었습니다 - 원래 텍스트 내에 포함된 작업이 시작됩니다.
서버 - 측면으로 저장 버튼을 클릭 PHP 스크립트, 그리고 다시 - 수출은 새로운 HTML 문서를 보내 새 텍스트 ($ _POST)을 받았다.
전에 데이터베이스를 업데이 트하고 업데이트된 페이지 콘텐 트를 반환할 수있다 진짜 - 세계 환경에서는 안전 테스트를 추가해야합니다, 동료 jQuery의 성공적인 구현을 통보했다.

1 2 3

7 월, 2008 20 에릭 의해 배치하는 | 코딩,기술 | 코멘트가없습니다

Jquery 결과 : 스타일로 전환

DEMO

익숙한 오프닝
$ (문서). 준비 (함수 () (
$ ( '. styleswitch'). 클릭 (함수 ()

"빨리 그 요소 styleswitch '모두'가 포함된 개체를 찾기 위해 가능한 jQuery 말해, 그들에 마우스 클릭했을 때 작동합니다."
좋은 것 같은데. 때 사전에 지정한 요소의 마우스 클릭, switchStylestyle 함수를 호출하게된다. 지금부터, 초점이다.

$ ( '링크 [REL *= 스타일 @]'). 각 (함수는 (i) (

이 단어가 무슨 뜻이야?
JQuery, 그의 충고를 존 Resig의 저자를 찾아보십시오. 그가 나에게 어떤 jQuery 페이지의 고급 기능 (XPath는)의 숫자를 발견하고 운영할 페이지의 요소의 번호를 사용할 수있는 웹사이트 주소를 직접 jQuery했다. 만약 당신이 위의 의문의 코드 구문을 이해할 수있을 것입니다 이러한 것들을 읽고, 의미를 "모든 REL 가치와 특성을 가진 속성을 찾을 jQuery 말할되는 문자열 '에 포함된 링크의 스타일을'링크 요소."

독서를 클릭하여 계속합니다

7 월, 2008 20 에릭 의해 배치하는 | 코딩,기술 | 한 논평