JavaScript Modal - click outside the box function

$10-30 USD

Завершено

Опублікований

almost 7 years ago

$10-30 USD

Оплачується при отриманні

Hi, Please see this [login to view URL] file. This has Javascript modals that drop down. This works fine. When the user clicks on the "x" in the right corner of the modal box, the box is closed. When the user hits Escape (with escape key) the modal box is closed. How can I modify this javascript to close the modal boxes, when the user clicks anywhere on this page outside of the box? Is that possible?

HTML

JavaScript

ID проекту: 14594574

Про проект

31 пропозицій(-ї)

Дистанційний проект

Активність 7 yrs ago

Хочете заробити?

Переваги подання заявок на Freelancer

Вкажіть свій бюджет та терміни

Отримайте гроші за свою роботу

Опишіть свою пропозицію

Реєстрація та подання заявок у проекти є безкоштовними

Доручений:

@silviuh90

Hi. I have just looked on your code and I have tested what do you want. If you want the solution fast just let me know. Update: I just fixed your code. Look here this is the new openPopuo function: function OpenPopup(popup_id){ var btn = [login to view URL]("myBtn"); var modal = [login to view URL]("popup"+popup_id)[0]; [login to view URL] = "block"; [login to view URL] = function(event) { if ([login to view URL] == modal) { [login to view URL] = "none"; } } } You need to delete the code after // When the user clicks anywhere outside of the modal, close it and you will have the script fixed. If you want to give me the project you are welcome, if not take this as a gift :) Relevant Skills and Experience 12+ years in javascript Proposed Milestones $13 USD - Final work

$13 USD за 1 день

4,8

(45 відгуки(-ів))

5,8

31 фрілансерів(-и) готові виконати цю роботу у середньому за $21 USD

@lakhankaushal

Hello, My name is Lakhan, I have a vast working experience in Javascript website development and have developed number of Javascript Themes in my career. Thanks Relevant Skills and Experience Javascript Proposed Milestones $19 USD - Complete Work

$19 USD за 0 день

4,9

(240 відгуки(-ів))

7,0

@VikashThecoder

Hi This can be easily achieved using javascript kindly contact me and we can get it done now thanks vikash Relevant Skills and Experience javascript Proposed Milestones $35 USD - Initial

$35 USD за 0 день

4,9

(283 відгуки(-ів))

7,3

@insystemgrp

I have good knowledge of HTML and javascript. I able to do this modal popup very well with good quality. Our main motto is client satisfaction and make a long term relationship with you. Thank you

$10 USD за 1 день

5,0

(107 відгуки(-ів))

6,6

@vishwanath89

Hey Yes that's possible. Relevant Skills and Experience Can start now. Thanks Vish Proposed Milestones $12.5 USD - Pre $12.5 USD - Final

$25 USD за 1 день

5,0

(63 відгуки(-ів))

6,7

@khantek

Hello Sir, I am interested to do the project. Yes it is very much possible to close it when clicked outside the modal. I can do the this for you. Please let me know if you are interested. Relevant Skills and Experience JQuery, Javascript Proposed Milestones $12.5 USD - Milestone 1 $12.5 USD - Milestone 2

$25 USD за 1 день

5,0

(60 відгуки(-ів))

6,3

@jonyahmed105

I will help you Relevant Skills and Experience 9 years Proposed Milestones $12.5 USD - 50% $12.5 USD - 100%

$25 USD за 1 день

4,7

(144 відгуки(-ів))

6,2

@dodiyavikramsinh

hello. i am web designer. i want to o this job as per your requirements and your time. if can see the my portfolio then ping with me. thanks for your time. vikram Relevant Skills and Experience html css bootstrap Jquery Proposed Milestones $10 USD - for your work

$10 USD за 1 день

5,0

(128 відгуки(-ів))

5,5

@abbalove

Yes, that is possible. I am expert in web programming. Rocky Stay tuned, I'm is still working on this proposal.

$13 USD за 1 день

5,0

(22 відгуки(-ів))

4,6

@amjadali4888

Greetings I have read your job description and I want to talk about more that regards that I can do that project within the time frame Regards Amjad Ali Relevant Skills and Experience CSS, Javascript, jQuery / Prototype, PHP, WordPress Proposed Milestones $12.5 USD - when comppleted $12.5 USD - when completed

$25 USD за 1 день

4,9

(37 відгуки(-ів))

4,3

@webhostzone

I have gone through your project requirements in details and I am looking forward to discuss with you about your project. Relevant Skills and Experience We are an experienced and dynamic team of designers and programmers, expertise in Graphics Design, LOGO Design, Business Card, HTML with responsive, PHP, WordPress, CodeIgniter, CakePHP. Proposed Milestones $25 USD - After complete I'm ready to start the work right now, Please reply me

$25 USD за 1 день

5,0

(12 відгуки(-ів))

4,1

@zouhirtaousy

Hi, i'm expert web developer, yes of course is possible to do that, i'll add it in a good time. kind regards Relevant Skills and Experience html, javascript Proposed Milestones $35 USD - full amount

$35 USD за 1 день

5,0

(6 відгуки(-ів))

3,9

@ankittater

Hi, I have working solution for this, i have already done Relevant Skills and Experience Html, javascript, Proposed Milestones $20 USD - Bug fix

$10 USD за 1 день

5,0

(1 відгук)

2,0

@surbhi03

Sure sir its possible just share your website link . We can help you for fix this problem. Relevant Skills and Experience Android, Java, Ionic Framework, Phonegap/Cordova, AngularJS, PHP, MySQL, DHTML, JavaScript, JQuery, Ajax, Wordpress, CodeIgniter, Laravel, Node.JS, MongoDB, Cassandra, Angular 2.0. Proposed Milestones $5 USD - Deposit amount initially $5 USD - Payment at the end of the project https://www.freelancer.in/u/surbhi03.html?page=portfolio&ref_project_id=14458353

$10 USD за 1 день

4,2

(1 відгук)

0,4

@bommuraj30

Hi, I have a 9 years of experience in PHP, jQuery, HTML5. so i can easily do this task. give a chance a do this task. Thanks. Relevant Skills and Experience PHP, jQuery, javascript, HTML5, CSS Proposed Milestones $12.5 USD - Start work $12.5 USD - Complete the task

$25 USD за 1 день

0,0

(0 відгуки(-ів))

0,0

@sinutwentyone

Hello sir, With little tweaks it is absolutely possible. I can get it done for you. Relevant Skills and Experience Javascript, jQuery, Vue.js Stay tuned, I'm is still working on this proposal.

$15 USD за 1 день

0,0

(0 відгуки(-ів))

0,0

@DevalShah

Fix popup modal close issue Relevant Skills and Experience HTML, Javascript, JQuery Proposed Milestones $10 USD - Fix Popup close issu

$10 USD за 0 день

0,0

(0 відгуки(-ів))

0,0

@udit25jan

A proposal has not yet been provided

$25 USD за 1 день

0,0

(0 відгуки(-ів))

0,0

@gavetonesoft

I have experience in software development expertise in HTML, CSS, Angularjs. Bid covers analysis and development effort charges. Relevant Skills and Experience HTML, CSS, Angularjs, Material Design Proposed Milestones $12.5 USD - Analysis $12.5 USD - Developement

$25 USD за 1 день

0,0

(0 відгуки(-ів))

0,0

@kBono

I can help you make it yourself or do it myself and leave the code greatly commented for you to understand it. Relevant Skills and Experience I've been doing web development for almost 10 years. Professionally for almost 4. Proposed Milestones $25 USD - Code finished and field-tested.

$25 USD за 1 день