Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
jQuery for Designers Beginner's Guide Second Edition
jQuery for Designers Beginner's Guide Second Edition

jQuery for Designers Beginner's Guide Second Edition: Design interactive websites to improve user experience by using the popular JavaScript library

eBook
€8.99 €26.99
Paperback
€32.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

jQuery for Designers Beginner's Guide Second Edition

Chapter 2. Enhancing Links

We take links for granted these days, but the truth of the matter is that the humble link revolutionized documents and made the Web as we know it today possible. Being able to link a reader directly to another document or to another place within a document was not possible before.

For this reason, you can say that hyperlinks are the backbone of the Internet—without them, search engines wouldn't be possible, nor would most websites. Let's take a look at some of the ways we can make links work even harder for us.

In this chapter, we will cover the following topics:

  • How to turn a list of links into simple tabs
  • How to customize tooltips

Simple tabs

If we have a large amount of information to present that might not be relevant to all site visitors, we can compress the amount of space the information takes by hiding selected bits of information until the user requests it. One of the most common ways of making all the information available but hidden until requested is tabs. Tabs echo the real-world example of a tabbed notebook or labeled folders in a filing cabinet, and are easy for site visitors to understand. Believe it or not, they're also easy to implement with jQuery.

The following screenshot gives us an idea of what our page will look like after we've created our tabs:

Simple tabs

Time for action – creating simple tabs

Perform the following steps to turn a list of links into tabs:

  1. We'll get started with our basic HTML file and associated folders, like we created in Chapter 1, Designer, Meet jQuery. Inside the <body> tag, we'll start by setting up a simple example that will work even for users with JavaScript disabled. We'll put a list of anchor links to different areas of the page at the top and then wrap each of our content sections in a div block with an ID, as shown in the following code:
    <header class="content">
      <h1>Noble Gases</h1>
      <p>Odorless, colorless, monatomic gases with very low chemical reactivity</p>
    </header>
    
    <ul id="tabs">
      <li><a href="#he">He</a></li>
      <li><a href="#ne">Ne</a></li>
      <li><a href="#ar">Ar</a></li>
      <li><a href="#kr"&gt...

Designer, meet plugins

We've already talked about how programmers solve the same problems over and over again. It's these common tasks that jQuery simplifies so that we can accomplish these tasks with a minimum amount of code. What about the tasks that are only somewhat common, like the ability to customize the appearance of tooltips?

That's where the jQuery community becomes important. Developers in the jQuery community write code that extends the functionality of jQuery to simplify tasks that are only somewhat common. These bits of code are called plugins, and they are used in conjunction with the jQuery library to make coding complex interactions, widgets, and effects as simple as using the features already built into jQuery.

You'll find a library of hundreds of jQuery plugins on the official jQuery site at http://plugins.jquery.com. In addition to this, there are literally thousands more available from sites across the Web for just about any task you want to accomplish...

Simple custom tooltips

Browsers automatically create tooltips when you include the title attribute on your HTML element. Titles are usually used on links and images, but they can be added to nearly every type of HTML element. When your site visitors hover their mouse cursor over an element with a title attribute or move focus to the item by tabbing to it using the keyboard, the tooltip will appear—usually as a small yellow box that appears to be floating over the page.

Tooltips are a great way to add a little additional information to your page. Screen reader software reads out tooltip text for site visitors with disabilities who are using assistive technology, making them useful for enhancing accessibility. Furthermore, the title attributes on images and links can help search engines index your content more effectively.

I hope I've convinced you that the title attributes are great for enhancing both the usability and the accessibility of your site. The only problem with tooltips...

Time for action – simple custom tooltips

We'll start off by creating a simple replacement for the browser's default tooltips that we can style any way we'd like. Perform the following steps:

  1. Set up a basic HTML file and associated files and folders like we did in Chapter 1, Designer, Meet jQuery. Our HTML file should contain a list of images with the title attributes as follows:
    <div class="content">
      <h2 id="pb-gallery">Photo Gallery</h2>
      <ul class="gallery">
        <li><img src="images/bridge.jpg" title="One of many bridges in Pittsburgh"/></li>
        <li><img src="images/downtown.jpg" title="Downtown Pittsburgh with bridges"/></li>
        <li><img src="images/icecream.jpg" title="A great way to beat the summer heat"/></li>
      </ul>
    </div>

    Feel free to use CSS to style this list in the way like...

Customizing PowerTip's appearance

The default PowerTip style displays the tooltip centered above the item that we're hovering our mouse over. The PowerTip plugin offers lots of options to customize where the tooltip appears and what it looks like. It does so in a straightforward and easy-to-understand way.

Simple tabs


If we have a large amount of information to present that might not be relevant to all site visitors, we can compress the amount of space the information takes by hiding selected bits of information until the user requests it. One of the most common ways of making all the information available but hidden until requested is tabs. Tabs echo the real-world example of a tabbed notebook or labeled folders in a filing cabinet, and are easy for site visitors to understand. Believe it or not, they're also easy to implement with jQuery.

The following screenshot gives us an idea of what our page will look like after we've created our tabs:

Time for action – creating simple tabs


Perform the following steps to turn a list of links into tabs:

  1. We'll get started with our basic HTML file and associated folders, like we created in Chapter 1, Designer, Meet jQuery. Inside the <body> tag, we'll start by setting up a simple example that will work even for users with JavaScript disabled. We'll put a list of anchor links to different areas of the page at the top and then wrap each of our content sections in a div block with an ID, as shown in the following code:

    <header class="content">
      <h1>Noble Gases</h1>
      <p>Odorless, colorless, monatomic gases with very low chemical reactivity</p>
    </header>
    
    <ul id="tabs">
      <li><a href="#he">He</a></li>
      <li><a href="#ne">Ne</a></li>
      <li><a href="#ar">Ar</a></li>
      <li><a href="#kr">Kr</a></li>
      <li><a href="#xe">Xe</a></li>
    ...

Designer, meet plugins


We've already talked about how programmers solve the same problems over and over again. It's these common tasks that jQuery simplifies so that we can accomplish these tasks with a minimum amount of code. What about the tasks that are only somewhat common, like the ability to customize the appearance of tooltips?

That's where the jQuery community becomes important. Developers in the jQuery community write code that extends the functionality of jQuery to simplify tasks that are only somewhat common. These bits of code are called plugins, and they are used in conjunction with the jQuery library to make coding complex interactions, widgets, and effects as simple as using the features already built into jQuery.

You'll find a library of hundreds of jQuery plugins on the official jQuery site at http://plugins.jquery.com. In addition to this, there are literally thousands more available from sites across the Web for just about any task you want to accomplish.

To create custom...

Simple custom tooltips


Browsers automatically create tooltips when you include the title attribute on your HTML element. Titles are usually used on links and images, but they can be added to nearly every type of HTML element. When your site visitors hover their mouse cursor over an element with a title attribute or move focus to the item by tabbing to it using the keyboard, the tooltip will appear—usually as a small yellow box that appears to be floating over the page.

Tooltips are a great way to add a little additional information to your page. Screen reader software reads out tooltip text for site visitors with disabilities who are using assistive technology, making them useful for enhancing accessibility. Furthermore, the title attributes on images and links can help search engines index your content more effectively.

I hope I've convinced you that the title attributes are great for enhancing both the usability and the accessibility of your site. The only problem with tooltips is that they...

Time for action – simple custom tooltips


We'll start off by creating a simple replacement for the browser's default tooltips that we can style any way we'd like. Perform the following steps:

  1. Set up a basic HTML file and associated files and folders like we did in Chapter 1, Designer, Meet jQuery. Our HTML file should contain a list of images with the title attributes as follows:

    <div class="content">
      <h2 id="pb-gallery">Photo Gallery</h2>
      <ul class="gallery">
        <li><img src="images/bridge.jpg" title="One of many bridges in Pittsburgh"/></li>
        <li><img src="images/downtown.jpg" title="Downtown Pittsburgh with bridges"/></li>
        <li><img src="images/icecream.jpg" title="A great way to beat the summer heat"/></li>
      </ul>
    </div>

    Feel free to use CSS to style this list in the way like. If you open the page in a browser and move your mouse over the images, you'll see the text that's contained in the...

Customizing PowerTip's appearance


The default PowerTip style displays the tooltip centered above the item that we're hovering our mouse over. The PowerTip plugin offers lots of options to customize where the tooltip appears and what it looks like. It does so in a straightforward and easy-to-understand way.

Left arrow icon Right arrow icon

Description

A step-by-step guide that spices up your web pages and designs them in the way you want using the most widely used JavaScript library, jQuery. The beginner-friendly and easy-to-understand approach of the book will help get to grips with jQuery in no time. If you know the fundamentals of HTML and CSS, and want to extend your knowledge by learning to use JavaScript, then this is just the book for you. jQuery makes JavaScript straightforward and approachable – you'll be surprised at how easy it can be to add animations and special effects to your beautifully designed pages.

What you will learn

  • Download and include the jQuery library on your website
  • Make tabbed interfaces and custom tooltips
  • Construct an accordion to improve an FAQ page
  • Build an interactive, animated dropdown menu
  • Show images, videos, and other content in lightboxes
  • Create slideshows, sliders, and carousels
  • Improve responsive designs and topography
  • React to users scrolling down your page
  • Improve forms to make them more beautiful and more usable
Estimated delivery fee Deliver to Hungary

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Jul 25, 2014
Length: 398 pages
Edition : 1st
Language : English
ISBN-13 : 9781783284535
Languages :
Concepts :
Tools :

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to Hungary

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Publication date : Jul 25, 2014
Length: 398 pages
Edition : 1st
Language : English
ISBN-13 : 9781783284535
Languages :
Concepts :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 102.97
jQuery 2.0 Development Cookbook
€36.99
jQuery for Designers Beginner's Guide Second Edition
€32.99
Learning jQuery - Fourth Edition
€32.99
Total 102.97 Stars icon
Banner background image

Table of Contents

14 Chapters
1. Designer, Meet jQuery Chevron down icon Chevron up icon
2. Enhancing Links Chevron down icon Chevron up icon
3. Making a Better FAQ Page Chevron down icon Chevron up icon
4. Building an Interactive Navigation Menu Chevron down icon Chevron up icon
5. Showing Content in Lightboxes Chevron down icon Chevron up icon
6. Creating Slideshows and Sliders Chevron down icon Chevron up icon
7. Working with Responsive Designs Chevron down icon Chevron up icon
8. Getting the Most from Images Chevron down icon Chevron up icon
9. Improving Typography Chevron down icon Chevron up icon
10. Displaying Data Beautifully Chevron down icon Chevron up icon
11. Reacting to Scrolling Chevron down icon Chevron up icon
12. Improving Forms Chevron down icon Chevron up icon
A. Pop Quiz Answers Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Half star icon Empty star icon 3.5
(2 Ratings)
5 star 0%
4 star 50%
3 star 50%
2 star 0%
1 star 0%
Pulak Aug 29, 2014
Full star icon Full star icon Full star icon Full star icon Empty star icon 4
This book is designed for the designers who have a basic understanding of HTML and CSS and would like to advance their skill set by learning basic JavaScript. If you have not written any JavaScript before, then this book will help you in writing your first JavaScript code using jQuery library.Now let’s dive into each of the chapters to find out more.Chapter 1, Designer, Meet jQuery, is an introduction to the jQuery library and JavaScript. In this chapter authors talks about the following points in a simple manner:1. ‹What jQuery is and why it’s ideal for designers ‹2. Progressive enhancement and graceful degradation3. JavaScript basics ‹4. Downloading jQuery5. Your first jQuery scriptIt is a wonderful chapter to begin with as it has beautifully introduced jQuery to people in a very easy and step-by-step manner.Chapter 2, Enhancing Links, will teach you how to use jQuery to turn a list of links into simple tabs. And also explains how to customise tool tips and introduces one to plugin concept. Author highlights the HTML mark up, then adds small chunks of jQuery code and finally completes the demonstration with CSS addition.Readers’ can test their understanding through Pop Quiz introduced in the chapter.Chapter 3, Making a Better FAQ Page, will help you to learn the following sub-topics:1. ‹How to traverse an HTML document with jQuery2. How to show and hide elements3. How to use simple jQuery animations4. How to easily toggle a class name for an elementAs before, step-by-step html code creation, adding jQuery scripts to it and explanation of those code blocks will definitely help people in understanding jQuery concepts.For complete review of the book, please visit http://pulakonline.com
Amazon Verified review Amazon
jose luis del alamo Sep 01, 2014
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3
Clear and concise, Natalie's exposition is a fitted approach for designers who want to learn the basic principles of web creation nowadays. Among other things, It shows the most trending practices in web design as grateful degradation and css3 shapes as a sort of examples. First to note, it's how carefully shows the programming concepts, and jquery ones to people who are not in a development role.His main strength it's the metodism used to explain step by step each of the solutions proposed to solve common design scenarios. Starting with a common project structure, next the solution for JavaScript disabled browsers and then the jQuery plugin chosen for the chapter.But, this comes with some drawbacks, though. Originally, it seems that the readers are going to learn programming skills, exclusively jQuery, at a minimum level to do theirs work. However, after a short introduction to jQuery, the book is based more in how to use a sort of chosen jQuery plugins than to learn basic skills to get benefits from that. The title seems contradictory and the readers may fall down in a recipe way read, sometimes bored, or sometimes repetitive. I appreciate the selected plugins and the concepts around design that provides along the chapters, but it lacks of jQuery learning basis, as the title suggest. Finally, no developers can get benefits from this reading, unluckily, while designers may get some tools, filtered by the author, and a short introduction to these, so that they can start improving their web sites in few minutes.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela