Soumettre la recherche
Mettre en ligne
jQuery SUG Group Introduction
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
579 vues
Andrew Chalkley
Suivre
Technologie
Signaler
Partager
Signaler
Partager
1 sur 11
Télécharger maintenant
Recommandé
YeurDreamin' - Put the Wow! into your Flow with Lightning Experience
YeurDreamin' - Put the Wow! into your Flow with Lightning Experience
Daniel Stange
Force Academy '19: I fell in love with clicks AND code - here's what I learne...
Force Academy '19: I fell in love with clicks AND code - here's what I learne...
Daniel Stange
AMP for JavaScripters
AMP for JavaScripters
Felix Arntz
Build an App with JavaScript and jQuery (DTLA, 06/21)
Build an App with JavaScript and jQuery (DTLA, 06/21)
Thinkful
XhtmlChop Review
XhtmlChop Review
xhtmlchopreview
Future Of The Web, Now
Future Of The Web, Now
Derek Hammer
Conditional Love - Using WordPress Conditional Tags to Write More Effective T...
Conditional Love - Using WordPress Conditional Tags to Write More Effective T...
Christian Nolen
User Analytics Testing - SeleniumCamp 2015
User Analytics Testing - SeleniumCamp 2015
Marcus Merrell
Recommandé
YeurDreamin' - Put the Wow! into your Flow with Lightning Experience
YeurDreamin' - Put the Wow! into your Flow with Lightning Experience
Daniel Stange
Force Academy '19: I fell in love with clicks AND code - here's what I learne...
Force Academy '19: I fell in love with clicks AND code - here's what I learne...
Daniel Stange
AMP for JavaScripters
AMP for JavaScripters
Felix Arntz
Build an App with JavaScript and jQuery (DTLA, 06/21)
Build an App with JavaScript and jQuery (DTLA, 06/21)
Thinkful
XhtmlChop Review
XhtmlChop Review
xhtmlchopreview
Future Of The Web, Now
Future Of The Web, Now
Derek Hammer
Conditional Love - Using WordPress Conditional Tags to Write More Effective T...
Conditional Love - Using WordPress Conditional Tags to Write More Effective T...
Christian Nolen
User Analytics Testing - SeleniumCamp 2015
User Analytics Testing - SeleniumCamp 2015
Marcus Merrell
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
Rails Girls MUC
From jQuery to App Store in 30 Minutes
From jQuery to App Store in 30 Minutes
edill3484
Web performance101
Web performance101
Javier Turégano Molina
Building high-fidelity interactive prototypes with jQuery
Building high-fidelity interactive prototypes with jQuery
David Park
MGT- CLUB
MGT- CLUB
Sara Al-Muttiri
Burroughs_Tabitha_IgnitePresentationSlides
Burroughs_Tabitha_IgnitePresentationSlides
tabithaburroughs
Standards.Next: Canvas
Standards.Next: Canvas
Martin Kliehm
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
Thinkful
千呼萬喚始出來的Java SE 7
千呼萬喚始出來的Java SE 7
javatwo2011
Pimp your site with jQuery!
Pimp your site with jQuery!
Elliott Kember
使用Hudson打造屬於你自己的軟體建構機器人
使用Hudson打造屬於你自己的軟體建構機器人
javatwo2011
比XML更好用的Java Annotation
比XML更好用的Java Annotation
javatwo2011
Twiggy - let's get our widget on!
Twiggy - let's get our widget on!
Elliott Kember
What's Next in Growth? 2016
What's Next in Growth? 2016
Andrew Chen
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
Barry Feldman
Developing and testing ajax components
Developing and testing ajax components
Ignacio Coloma
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Ralph Whitbeck
Plone Interactivity
Plone Interactivity
Eric Steele
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
Chris Toohey
Html5
Html5
dotNETUserGroupDnipro
GWT
GWT
yuvalb
EPiServer Web Parts
EPiServer Web Parts
EPiServer Meetup Oslo
Contenu connexe
Tendances
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
Rails Girls MUC
From jQuery to App Store in 30 Minutes
From jQuery to App Store in 30 Minutes
edill3484
Web performance101
Web performance101
Javier Turégano Molina
Building high-fidelity interactive prototypes with jQuery
Building high-fidelity interactive prototypes with jQuery
David Park
MGT- CLUB
MGT- CLUB
Sara Al-Muttiri
Burroughs_Tabitha_IgnitePresentationSlides
Burroughs_Tabitha_IgnitePresentationSlides
tabithaburroughs
Standards.Next: Canvas
Standards.Next: Canvas
Martin Kliehm
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
Thinkful
Tendances
(8)
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
From jQuery to App Store in 30 Minutes
From jQuery to App Store in 30 Minutes
Web performance101
Web performance101
Building high-fidelity interactive prototypes with jQuery
Building high-fidelity interactive prototypes with jQuery
MGT- CLUB
MGT- CLUB
Burroughs_Tabitha_IgnitePresentationSlides
Burroughs_Tabitha_IgnitePresentationSlides
Standards.Next: Canvas
Standards.Next: Canvas
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
Build an App with JavaScript and jQuery - LA - July 18 Pasadena
En vedette
千呼萬喚始出來的Java SE 7
千呼萬喚始出來的Java SE 7
javatwo2011
Pimp your site with jQuery!
Pimp your site with jQuery!
Elliott Kember
使用Hudson打造屬於你自己的軟體建構機器人
使用Hudson打造屬於你自己的軟體建構機器人
javatwo2011
比XML更好用的Java Annotation
比XML更好用的Java Annotation
javatwo2011
Twiggy - let's get our widget on!
Twiggy - let's get our widget on!
Elliott Kember
What's Next in Growth? 2016
What's Next in Growth? 2016
Andrew Chen
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
Barry Feldman
En vedette
(7)
千呼萬喚始出來的Java SE 7
千呼萬喚始出來的Java SE 7
Pimp your site with jQuery!
Pimp your site with jQuery!
使用Hudson打造屬於你自己的軟體建構機器人
使用Hudson打造屬於你自己的軟體建構機器人
比XML更好用的Java Annotation
比XML更好用的Java Annotation
Twiggy - let's get our widget on!
Twiggy - let's get our widget on!
What's Next in Growth? 2016
What's Next in Growth? 2016
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
Similaire à jQuery SUG Group Introduction
Developing and testing ajax components
Developing and testing ajax components
Ignacio Coloma
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Ralph Whitbeck
Plone Interactivity
Plone Interactivity
Eric Steele
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
Chris Toohey
Html5
Html5
dotNETUserGroupDnipro
GWT
GWT
yuvalb
EPiServer Web Parts
EPiServer Web Parts
EPiServer Meetup Oslo
Beautiful Java EE - PrettyFaces
Beautiful Java EE - PrettyFaces
Lincoln III
jQuery for Sharepoint Dev
jQuery for Sharepoint Dev
Zeddy Iskandar
Google Analytics: Measuring for results, a practical guide
Google Analytics: Measuring for results, a practical guide
Matter Solutions
Basics of Rich Internet Applications
Basics of Rich Internet Applications
Subramanyan Murali
J Query Presentation
J Query Presentation
Vishal Kumar
Merb jQuery
Merb jQuery
Yehuda Katz
Discovery Education streaming and Google Earth
Discovery Education streaming and Google Earth
Mike Bryant
Front End on Rails
Front End on Rails
Justin Halsall
Ajax
Ajax
wangjiaz
Jquery 1
Jquery 1
Manish Kumar Singh
Wai Aria - An Intro
Wai Aria - An Intro
Matt Machell
Mobile web with jQuery Mobile
Mobile web with jQuery Mobile
Andreas Bjärlestam
Scti 2011 minicurso jquery
Scti 2011 minicurso jquery
ciberglo
Similaire à jQuery SUG Group Introduction
(20)
Developing and testing ajax components
Developing and testing ajax components
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Plone Interactivity
Plone Interactivity
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
10 Things You're Not Doing [IBM Lotus Notes Domino Application Development]
Html5
Html5
GWT
GWT
EPiServer Web Parts
EPiServer Web Parts
Beautiful Java EE - PrettyFaces
Beautiful Java EE - PrettyFaces
jQuery for Sharepoint Dev
jQuery for Sharepoint Dev
Google Analytics: Measuring for results, a practical guide
Google Analytics: Measuring for results, a practical guide
Basics of Rich Internet Applications
Basics of Rich Internet Applications
J Query Presentation
J Query Presentation
Merb jQuery
Merb jQuery
Discovery Education streaming and Google Earth
Discovery Education streaming and Google Earth
Front End on Rails
Front End on Rails
Ajax
Ajax
Jquery 1
Jquery 1
Wai Aria - An Intro
Wai Aria - An Intro
Mobile web with jQuery Mobile
Mobile web with jQuery Mobile
Scti 2011 minicurso jquery
Scti 2011 minicurso jquery
Plus de Andrew Chalkley
Best Practices for Testing Open Source Projects
Best Practices for Testing Open Source Projects
Andrew Chalkley
Hardware Hacking for Thrify, Modern JavaScript Developers
Hardware Hacking for Thrify, Modern JavaScript Developers
Andrew Chalkley
What I've Learned Developing for iOS
What I've Learned Developing for iOS
Andrew Chalkley
Ruby On Rails Ecosystem
Ruby On Rails Ecosystem
Andrew Chalkley
Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend
Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend
Andrew Chalkley
Spring Integration
Spring Integration
Andrew Chalkley
Plus de Andrew Chalkley
(6)
Best Practices for Testing Open Source Projects
Best Practices for Testing Open Source Projects
Hardware Hacking for Thrify, Modern JavaScript Developers
Hardware Hacking for Thrify, Modern JavaScript Developers
What I've Learned Developing for iOS
What I've Learned Developing for iOS
Ruby On Rails Ecosystem
Ruby On Rails Ecosystem
Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend
Building iPhone/Andriod Apps with Titanium Appcelerator for a Rails Backend
Spring Integration
Spring Integration
Dernier
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
Dernier
(20)
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
jQuery SUG Group Introduction
1.
Andrew Chalkley UI
Developer
2.
The Proper Way
CSS Ye Olde Way Tables Obtrusive
3.
CSS evangelists told
us that there should be a separation of layout from markup. JavaScript evangelists tell us today that there should be the separation of behavior from markup.
4.
Bad <a href=“javascript:window.open(‘somepage.html’)”>Some
Page</a> <a href=“#” onclick=“window.open(‘somepage.html’); return false;”>Some Page</a> Better <a href=“somepage.html” onclick=“window.open(‘somepage.html’); return false;”>...</a> Best <a href=“somepage.html” class=“new_window”>Some Page</a>
5.
JavaScript Implementation window.onload
= function() { } var anchors = document.getElementsByTagName(‘a’); for (vari = 0, anchor; i < anchors.length; i++) { } if (anchor.className == “new_window”) { anchor.onclick = function() { varhref = this.href; window.open(href); return false; } }
6.
7.
it overrides
any existing load or click handlers
8.
cannot handle
class=“new_windowexternal_link”
9.
it leaks
memory in IE6The Answer…
10.
11.
Cross-browser support
12.
Compatibility mode
(DWR, Prototype, etc)
13.
Executes when
DOM is ready (before images have loaded)
14.
15.
window.onload = function()
{ } var anchors = document.getElementsByTagName(‘a’); for (vari = 0, anchor; i < anchors.length; i++) { } if (anchor.className == “new_window”) { anchor.onclick = function() { varhref = this.href; window.open(href); return false; } }
16.
$(function() { });
$(“a.new_window”).click(function() { }); window.open( $(this).attr(“href”) ); return false;
17.
DEMO
Télécharger maintenant