Suche senden
Hochladen
jQuery SUG Group Introduction
•
Als PPTX, PDF herunterladen
•
0 gefällt mir
•
579 views
Andrew Chalkley
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 11
Jetzt herunterladen
Empfohlen
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
Empfohlen
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
Weitere ähnliche Inhalte
Was ist angesagt?
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
Was ist angesagt?
(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
Andere mochten auch
千呼萬喚始出來的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
Andere mochten auch
(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
Ähnlich wie 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
Ähnlich wie 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
Mehr von 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
Mehr von 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
Kürzlich hochgeladen
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Kürzlich hochgeladen
(20)
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
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
Jetzt herunterladen