Jonathan Gray - Similar Profiles - King's College London

<!DOCTYPE html> <html lang="en" class="nexus-font-support"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="google" content="nositelinkssearchbox"/> <title> Jonathan Gray - Similar Profiles - King's College London</title> <meta name="robots" content="noindex" /> <meta property="og:site_name" content="King's College London"> <meta property="og:title" content="Jonathan Gray"/> <meta property="og:url" content="https://kclpure.kcl.ac.uk/portal/en/persons/jonathan.gray/similar/"> <meta property="og:locale" content="en_GB"> <meta property="og:type" content="profile"> <meta property="og:image" content="https://kclpure.kcl.ac.uk/portal/files-asset/172112228/JonathanGrayM.jpg/"> <link rel="stylesheet" href="/portal/assets/application-38ee53af01939d2a035e7aecc1b3ac0a.css" />  <script async src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7b766ee7-64f7-4ca5-8674-1571913434c7" data-document-language="true"></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link href="/portal/skin/css/" rel="stylesheet"/> <script src="/portal/skin/script/" type="text/javascript"></script> <script type="text/javascript" src="/portal/assets/application-ef88525856bf546568133030838d91cc.js" ></script>   <script src="https://www.googletagmanager.com/gtag/js?id=UA-157577530-2" class="optanon-category-2" type="text/plain" async=""></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-157577530-2', {'cookie_domain' : document.location.hostname, 'anonymize_ip': true }); </script> <script src="//assets.adobedtm.com/4a848ae9611a/ea83f870454d/launch-af020409b299.min.js" class="optanon-category-2" type="text/plain" async=""></script> </head> <body class=""> <div id="aria-polite" aria-live="polite"></div> <div id="aria-assertive" aria-live="assertive"></div> <nav aria-label="Skip to content" class="skip-content"> <ul> <li> <a href="#main-navigation" class="sr-only sr-only-focusable">Skip to main navigation</a> </li> <li> <a href="#main-search" class="sr-only sr-only-focusable">Skip to search</a> </li> <li> <a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a> </li> </ul> </nav> <header class="header" id="page-header"> <div class="primary "> <div class="container"> <a href="/portal/en/" class="logo"> <span class="sr-only">King's College London Home</span> <img src="/portal/skin/headerImage/" alt="King's College London Logo"/> </a> </div> </div> <div class="subMenu"> <div class="secondary"> <div class="container"> <nav id="main-navigation" aria-label="Main navigation" class="content-navigation three-third"> <ul class="has-overflow-navigation" data-value="More" role="menubar"> <li class="" role="none"> <a href="/portal/en/" role="menuitem" tabindex="-1">Home</a> </li> <li class="selected" role="none"> <a class="portal_link" tabindex="0" role="menuitem" href="/portal/en/persons/"><span>Profiles</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/organisations/"><span>Research units</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/publications/"><span>Research output</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/projects/"><span>Projects</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/studentTheses/"><span>Student theses</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/activities/"><span>Activities</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/datasets/"><span>Datasets</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/impacts/"><span>Impacts</span></a> </li> <li class="" role="none"> <a class="portal_link" tabindex="-1" role="menuitem" href="/portal/en/prizes/"><span>Prizes</span></a> </li> </ul> </nav> <div class="header-search"> <form action="/portal/en/searchAll/index/jonathan.gray" method="get" class="search-form" id="search-everything"> <div class="global-search-wrapper"> <div class="global-search mini"> <div class="field-button-wrapper"> <div class="search-cell search-field"> <label for="main-search" class="sr-only">Search by expertise, name or affiliation</label> <input id="main-search" class="search-field" value="" name="search" placeholder="Search..."/> </div> <div class="search-submit"> <button type="submit" aria-label="Search"> <i class="icon icon-magnifying-glass" aria-hidden="true"></i> </button> </div> </div> </div> </div> </form> <script> $(function () { var searchForm = $("#search-everything"); var searchField = $(".search-field", searchForm); searchForm.on("submit", function () { var field = searchField.find("input"); var searchString = field.val(); // No enter key submit nothing :-) if (!searchString) return false; if (searchString.length >= 200) { searchForm.attr("method", "post"); searchForm.attr("action", "/portal/en/concepts/copypaste/"); field.attr("name", "text"); } }); }); </script> </div> </div> </div> </div> </header> <main id="page-content"> <div class="page-section page-section-persons page-section-persons-similar "> <section class="page-section-header page-section-header-persons page-section-header-persons-similar no-backdrop-image" data-stickyheader="" style=""> <div class="container"> <div class="person-vcard-wrapper"> <div class="row"> <section class="profile" aria-label="persons information"> <div class="meta"> <picture><source srcset="/portal/files-asset/172112228/JonathanGrayM.jpg?w=100&f=webp, /portal/files-asset/172112228/JonathanGrayM.jpg?w=200&f=webp 2x" type="image/webp" media="(max-width:720px)" /><source srcset="/portal/files-asset/172112228/JonathanGrayM.jpg?w=160&f=webp, /portal/files-asset/172112228/JonathanGrayM.jpg?w=320&f=webp 2x" type="image/webp" media="(min-width:720px)" /><source srcset="/portal/files-asset/172112228/JonathanGrayM.jpg?w=100&f=jpg, /portal/files-asset/172112228/JonathanGrayM.jpg?w=200&f=jpg 2x" type="image/jpeg" media="(max-width:720px)" /><source srcset="/portal/files-asset/172112228/JonathanGrayM.jpg?w=160&f=jpg, /portal/files-asset/172112228/JonathanGrayM.jpg?w=320&f=jpg 2x" type="image/jpeg" media="(min-width:720px)" /> <img loading="lazy" src="/portal/files-asset/172112228/JonathanGrayM.jpg?w=160&f=jpg" class="image" alt="Jonathan Gray" onerror="replaceImageSource(this, '/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png');" /> </picture> <button id="btn-contact-modal" aria-label="Contact expert Jonathan Gray" class="btn-primary" onclick="openModal(this, 'modal-contact-expert', jQuery('#form-subject'));" type="button" class="btn open-contact-modal"> Contact expert</button> <div class="rendering rendering_person rendering_personsocialmediarendererportal rendering_person_personsocialmediarendererportal"><ul class="social-media-list" aria-label="Social media links"><li><a href="https://jonathangray.org/" target="blank" class="link" aria-label="Personal web address" title="Personal web address"><i class="icon icon-network">聽</i></a></li><li><a href="https://www.linkedin.com/in/jwygray/" target="blank" class="linkedin" aria-label="LinkedIn" title="LinkedIn"><i class="icon icon-linkedin-circled">聽</i></a></li><li><a href="https://post.lurk.org/@jwyg" target="blank" class="link" aria-label="Personal web address" title="Personal web address"><i class="icon icon-network">聽</i></a></li><li><a href="https://twitter.com/jwyg" target="blank" class="twitter" aria-label="Twitter" title="Twitter"><i class="icon icon-twitter-circled">聽</i></a></li></ul></div> </div> <div class="information"> <div class="header person-details"> <h1>Jonathan Gray</h1> <div class="rendering rendering_person rendering_persontitlerendererportal rendering_person_persontitlerendererportal"><p>Dr</p></div> <div class="rendering rendering_person rendering_personorganisationlistrendererportal rendering_person_personorganisationlistrendererportal"><ul><li><span class="job-title">Reader in Critical Infrastructure Studies</span>, <a rel="Organisation" href="https://kclpure.kcl.ac.uk/portal/en/organisations/digital-humanities" class="link department"><span>Digital Humanities</span></a></li></ul></div> <div class="rendering rendering_person rendering_personorcidrendererportal rendering_person_personorcidrendererportal"><a href="https://orcid.org/0000-0001-6668-5899" target="blank" class="orcid" aria-label="Orcid" title="Orcid"><i class="icon icon-orcid-circled">聽</i></a><a href="https://orcid.org/0000-0001-6668-5899" target="blank" class="orcid" aria-label="Orcid" title="Orcid">https://orcid.org/0000-0001-6668-5899</a></div> </div> <div class="rendering rendering_person rendering_personorganisationcontactrendererportal rendering_person_personorganisationcontactrendererportal"><ul></ul></div> </div> </section> <section class="metrics" aria-label="Person metrics section"> <div class="metrics-hindices"> <ul class="metrics-list only-citations"> <li> <div class="value">453</div> <div class="source">Citations</div> </li> </ul> </div> </section> </div> </div> </div> <script> $(document).ready(function () { runToolTips(); }); </script> <div class="subMenu"> <div class="content-profile-navigation"> <div class="container"> <nav aria-label="persons submenu"> <ul class="has-overflow-navigation" aria-label="persons submenu" role="menubar"> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray"><span> <i class="icon icon-person" aria-hidden="true"></i> <span class="label">Overview</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/fingerprints/"><span> <i class="icon icon-fingerprint" aria-hidden="true"></i> <span class="label">Fingerprint</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/network/"><span> <i class="icon icon-network-menu" aria-hidden="true"></i> <span class="label">Network</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/publications/"><span> <i class="icon icon-publications" aria-hidden="true"></i> <span class="label"> Research output</span> <span class="count">(80)</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/projects/"><span> <i class="icon icon-projects" aria-hidden="true"></i> <span class="label"> Projects</span> <span class="count">(5)</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/activities/"><span> <i class="icon icon-activities" aria-hidden="true"></i> <span class="label"> Activities</span> <span class="count">(24)</span> </span></a> </li> <li class="" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/prizes/"><span> <i class="icon icon-prizes" aria-hidden="true"></i> <span class="label"> Prizes</span> <span class="count">(26)</span> </span></a> </li> <li class="selected" role="none"> <a class="portal_link" role="menuitem" href="/portal/en/persons/jonathan.gray/similar/"><span> <i class="icon icon-similar-person" aria-hidden="true"></i> <span class="label">Similar Profiles</span> <span class="count">(6)</span> </span></a> </li> </ul> </nav> </div> </div> </div> <script> var child; function openPopUp(href){ child = window.open(href,'','toolbar=0,status=0,scrollbars=1,width=1024,height=1000'); checkIfWindowHasClosed(); } function checkIfWindowHasClosed(){ var pollTimer = window.setInterval(function() { if (child.closed !== false) { // !== is required for compatibility with Opera window.clearInterval(pollTimer); // Display Toast! var x = document.getElementById("snackbar"); x.classList.add("show"); x.innerHTML = 'If you made any changes in Pure these will be visible here soon.'; setTimeout(function(){ x.classList.remove("show"); }, 5000); } }, 1000); } </script> <div id="snackbar" class="snackbar"></div> </section> <div id="main-content" class="page-section-content page-section-content-persons page-section-content-persons-similar "> <div class="container"> <section class="page-section person-similar-section"> <div class="header"> <h2 class="section-title"> <i class="icon icon-similar-person" aria-hidden="true"></i> <span class="title">6 Similar Profiles</span> </h2> <div class="sub-title"> Similarity is based on overlapping concepts in the fingerprints, and shared work and organisational affiliations of Jonathan Gray with the persons below: </div> </div> <ul class="content-ordering"> <li class="title"> Sort by </li> <li class="selected"> <a class="portal_link" href="/portal/en/persons/jonathan.gray/similar/"><span> Relevance </span></a> </li> <li class=""> <a class="portal_link" href="/portal/en/persons/jonathan.gray/similar/?sortBy=lastName"><span> Last Name </span></a> </li> </ul> <ul id="similarExperts" class="grid-results"> <li class="grid-result-item similar_Project"> <img src="/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png" class="image" alt="No photo of Wing Fai Leung"/> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/wing_fai.leung" class="link person"><span>Wing Fai Leung</span></a></h3><ul class="relations organisations"><li><a rel="Organisation" href="https://kclpure.kcl.ac.uk/portal/en/organisations/culture-media-creative-industries" class="link organisation"><span>Culture, Media & Creative Industries</span></a><span> - </span><span class="minor dimmed">Reader in Cultural and Media Industries</span></li></ul><p class="type"><span class="family">Person: </span>Academic</p></div> <ul class="inline-relations"> <li class="icon icon-projects"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="1 shared projects" aria-label="1 shared projects" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "6de16e2c-9613-4473-a203-3200926cf63f", "collaborationFamily": "project"}'> 1 shared </button> </li> </ul> </div> </li> <li class="grid-result-item similar_Project"> <img src="/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png" class="image" alt="No photo of Elena Simperl"/> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/elena.simperl" class="link person"><span>Elena Simperl</span></a></h3><ul class="relations organisations"><li><a rel="Organisation" href="https://kclpure.kcl.ac.uk/portal/en/organisations/distributed-artificial-intelligence" class="link organisation"><span>Distributed Artificial Intelligence</span></a></li><li><a rel="Organisation" href="https://kclpure.kcl.ac.uk/portal/en/organisations/informatics" class="link organisation"><span>Informatics</span></a><span> - </span><span class="minor dimmed">Professor of Computer Science</span></li></ul><p class="type"><span class="family">Person: </span>Member, Academic</p></div> <ul class="inline-relations"> <li class="icon icon-projects"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="1 shared projects" aria-label="1 shared projects" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "90db0426-0146-4425-8b6e-627bf276feb9", "collaborationFamily": "project"}'> 1 shared </button> </li> </ul> </div> </li> <li class="grid-result-item similar_ResearchOutput"> <img src="/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png" class="image" alt="No photo of Gabriele Colombo"/> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/gabriele-colombo" class="link person"><span>Gabriele Colombo</span></a></h3><p class="type"><span class="family">Person</span></p></div> <ul class="inline-relations"> <li class="icon icon-publications"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="5 shared publications" aria-label="5 shared publications" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "b303ccc4-aa80-43d1-8896-e29f805c05f9", "collaborationFamily": "researchoutput"}'> 5 shared </button> </li> </ul> </div> </li> <li class="grid-result-item similar_ResearchOutput"> <img src="/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png" class="image" alt="No photo of Ben Goldacre"/> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/ben-goldacre" class="link person"><span>Ben Goldacre</span></a></h3><p class="type"><span class="family">Person</span></p></div> <ul class="inline-relations"> <li class="icon icon-publications"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="1 shared publications" aria-label="1 shared publications" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "006feaa0-c375-4316-b2a8-419a491d2095", "collaborationFamily": "researchoutput"}'> 1 shared </button> </li> </ul> </div> </li> <li class="grid-result-item similar_ResearchOutput"> <img src="/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png" class="image" alt="No photo of Marco Braghieri"/> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/marco.1.braghieri" class="link person"><span>Marco Braghieri</span></a></h3><ul class="relations organisations"><li><a rel="Organisation" href="https://kclpure.kcl.ac.uk/portal/en/organisations/digital-humanities" class="link organisation"><span>Digital Humanities</span></a><span> - </span><span class="minor dimmed">Research Assistant on SoBigDataPPP</span></li></ul><p class="type"><span class="family">Person: </span>Research</p></div> <ul class="inline-relations"> <li class="icon icon-publications"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="1 shared publications" aria-label="1 shared publications" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "7664f393-6e77-4798-aa38-72ce9db1ec84", "collaborationFamily": "researchoutput"}'> 1 shared </button> </li> </ul> </div> </li> <li class="grid-result-item similar_ResearchOutput"> <img src="/portal/files-asset/6271273/20120920_DSC_2087.jpg" class="image" alt="Tobias Blanke" onerror="replaceImageSource(this, '/portal/assets/no-portrait-473c6d005990baa1f418d9c668dcd4ec.png');" /> <div class="grid-result-content"> <div class="rendering rendering_person rendering_short rendering_person_short"><h3 class="title"><a rel="Person" href="https://kclpure.kcl.ac.uk/portal/en/persons/tobias-blanke" class="link person"><span>Tobias Blanke</span></a></h3><p class="type"><span class="family">Person</span></p></div> <ul class="inline-relations"> <li class="icon icon-publications"> <button class="popup-collaborators" data-toggle="navigationMenuButton" title="1 shared publications" aria-label="1 shared publications" aria-expanded="false" aria-haspopup="true" data-params='{"collaboratorUuid": "e096294c-b729-40db-9a79-a8def8fd9ac3", "collaborationFamily": "researchoutput"}'> 1 shared </button> </li> </ul> </div> </li> </ul> <script type="text/javascript"> $(function() { $(".popup-collaborators").popup({ url: '/portal/en/persons/97bf7f63-3458-43f0-a398-acf7c6ae7afa/similarCollaborations/', format: 'key-value-list' }) }); </script> </section> </div> </div> </div> <div id="new-modal-overlay"></div> <script> $(document).ready(function () { runToolTips(); }); </script> </main> <footer id="page-footer" class="main-footer"> <div class="container"> <div class="footer-wrapper"> <div class="content-navigation three-third"> <div dir="ltr" class="footer-columns"> <div class="footer-column"> <p> Powered by <a href="http://www.elsevier.com/online-tools/research-intelligence/products-and-services/pure">Pure</a>, <a href="http://www.scopus.com/">Scopus</a> & <a href="https://www.elsevier.com/products/elsevier-fingerprint-engine">Elsevier Fingerprint Engine™</a> </p> <p> All content on this site: Copyright © 2024 <a href="http://www.elsevier.com">Elsevier B.V.</a> or its licensors and contributors. All rights are reserved, including those for text and data mining, AI training, and similar technologies. For all open access content, the Creative Commons licensing terms apply </p> <p>We use cookies to help provide and enhance our service and tailor content. By continuing you agree to the <a href="/portal/en/about/cookies/">use of cookies</a></p> <p><button id="ot-sdk-btn" class="ot-sdk-show-settings"></button></p> <p><a href="https://kclpure.kcl.ac.uk/admin/workspace.xhtml">Log in to Pure</a></p> <p></p> </div> <div class="footer-column"> <p><a href="https://www.kcl.ac.uk/terms/privacy" target="_blank">King's College London data protection policy</a></p> <p><a href="/portal/en/web-accessibility/" rel="nofollow" target="_blank">About web accessibility</a></p> <p> </p> <p> </p> <p> <a href="https://elsevier.responsibledisclosure.com/hc/en-us/requests/new" target="_blank" rel="nofollow">Report vulnerability</a> </p> </div> </div> </div> </div> </div> <div id="back-to-top"> <a href="#" class="back-to-top" aria-label="Go to top"><i class="icon icon-up-open"></i></a> </div> </footer> <script src="//d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script> <script>window.appData = window.appData || [];</script><script type="text/javascript"> try {(function() { appData.push({...{"page":{"businessUnit":"ELS:RP:ST","cmsName":"Pure Portal","environment":"prod","language":"en","loadTime":"688","loadTimestamp":"1732488708357","name":"pure portal:persons:similar","noTracking":"false","productName":"PR","type":"CP-CA"},"visitor":{"accountId":"","accountName":"pr:King\u0027s College London","ipAddress":"","accessType":"pr:ANON_GUEST","loginStatus":"anonymous"},"content":[{"id":"97bf7f63-3458-43f0-a398-acf7c6ae7afa","title":"Jonathan Gray","recordType":"person"}]}, event: "pageLoad"});})();} catch(e) {if(console) { console.log(e) } }</script> <script>function trackPage(){try {(function() { window.appData = window.appData || []; })();} catch(e) {if(console) { console.log(e) } }}</script> </body> </html> <div id="contact-experts-snackbar-success" aria-live="assertive" class="snackbar">Your message has successfully been sent.</div> <div id="contact-experts-snackbar-error" aria-live="assertive" class="snackbar">Your message was not sent due to an error.</div> <div id="modal-contact-expert" class="new-modal" role="dialog"> <div class="inner-modal"> <button title="Close modal" aria-label="Close modal" class="close-new-modal" onclick="closeModal(jQuery('#btn-contact-modal'));">x</button> <div class="header"> <h1>Contact Jonathan Gray</h1> </div> <form id="contact-expert" action="/portal/en/contact/contactExpert/" method="post"> <input type="hidden" id="_csrf1" name="_csrf1" value="5f1f79e9-d79b-4e90-a601-0bf99eee3c4c"/><input type="hidden" id="_csrfT" name="_csrfT" value="/portal/en/persons/jonathan.gray/similar/"/><input type="text" aria-hidden="true" style="display:none" id="shouldSendEmail" name="shouldSendEmail" value=""/> <div class="modal-form-row"> <label for="form-subject">Subject:<span aria-hidden="true" class="req">*</span></label> <input placeholder="Please enter the topic of your inquiry" required aria-required="true" id="form-subject" name="subject" type="text"> </div> <div class="modal-form-row"> <label for="form-message">Message:<span aria-hidden="true" class="req">*</span></label> <textarea placeholder="Please enter your message or question for the expert" required aria-required="true" id="form-message" name="message"></textarea> </div> <div class="modal-form-row"> <label for="form-name">Your name:<span aria-hidden="true" class="req">*</span></label> <input placeholder="Please enter your full name" required aria-required="true" id="form-name" name="name" type="text"> </div> <input type="hidden" name="person_uuid" value="97bf7f63-3458-43f0-a398-acf7c6ae7afa"> <input type="hidden" name="person_url" value="https://kclpure.kcl.ac.uk/portal/en/persons/jonathan.gray/similar/"> <input type="hidden" name="organisation_uuid" value="b2f7d708-74dd-4fbe-b858-a36f316611dc"> <div class="modal-form-row"> <label for="form-email">Your email:<span aria-hidden="true" class="req">*</span></label> <input pattern=".+@.+\.[A-Za-z]{2,64}" placeholder="Please enter your email address. Format: name@email.com" required aria-required="true" id="form-email" name="email" type="email"> <div class="modal-form-subrow"> <input type="checkbox" aria-required="false" checked="checked" id="form-mail-me" name="mailme"/> <label for="form-mail-me">Send me a copy of this message</label> </div> </div> <div class="modal-form-row"> <a aria-label="A link to bypass captcha by signing up via hCaptcha." target="_blank" href="https://dashboard.hcaptcha.com/signup?type=accessibility">If you are an accessibility user, please sign up here.</a><div class="h-captcha" data-sitekey="9dc13f05-b1d2-4ca4-a495-459acf28c6d2"></div> <script src="https://hcaptcha.com/1/api.js" async defer></script> </div> <p class="required">*required field</p> <p class="privacy-policy">See privacy policy in the footer of the page</p> <div class="buttons"> <button class="btn btn-danger" onclick="closeModal(jQuery('#btn-contact-modal'));" aria-label="Close modal" type="button">Cancel</button> <button class="btn btn-primary" type="submit">Send</button> </div> </form> </div> </div> <script> var person_uuid_field = $("[name='person_uuid']").first(); person_uuid = person_uuid_field.val(); var person_url_field = $("[name='person_url']").first(); person_url = person_url_field.val(); var organisation_uuid_field = $("[name='organisation_uuid']").first(); organisation_uuid = organisation_uuid_field.val(); $('#modal-contact-expert .close-new-modal').on('keydown', function (e) { if (e.shiftKey && e.which === 9) { $('#contact-expert button.btn-primary[type="submit"]').focus(); e.preventDefault(); } }); $('#modal-contact-expert button.btn-primary[type="submit"]').on('keydown', function (e) { if (e.which === 9 && !e.shiftKey) { $('#modal-contact-expert .close-new-modal').focus(); e.preventDefault(); } }); $("#contact-expert").submit(function (e) { e.preventDefault(); // Asynchonous sending POST var form = $(this); $.ajax({ type: "POST", url: '/portal/en/contact/contactExpert/', data: form.serialize(), dataType: 'json', success: function (data) { if (data.results === "success") { closeModal(); // Display Toast! var x = $("#contact-experts-snackbar-success"); //Needs this to trigger the aria-live on the toast var txt = $("#contact-experts-snackbar-success").text(); x.text("").text(txt); x.addClass("show"); var personOrganisation = 'personid:' + person_uuid + ":organisationid:" + organisation_uuid; if (window.appData !== undefined) { appData.push({ event: 'formSubmit', form: { step: 'submit', type: 'contact expert', productName: personOrganisation } }) } if (window._gaq && window._gaq._getTracker) { gtag('event', 'Contact Expert', { 'event_category': 'Person', 'event_label': personOrganisation }); } setTimeout(function () { x.removeClass("show"); }, 5000); // Removing HTML5 required red outline after success (This will only be used if one wants to send twice) // Adding the hidden field person_uuid back again form.get(0).reset(); person_uuid_field.val(person_uuid); person_url_field.val(person_url); } else { // Display Toast error! var x = $("#contact-experts-snackbar-error"); //Needs this to trigger the aria-live on the toast var txt = $("#contact-experts-snackbar-error").text(); x.text("").text(txt); x.addClass("show"); setTimeout(function () { x.removeClass("show"); }, 5000); } }, complete: function () { } }); }); </script>

CINXE.COM

Jonathan Gray - Similar Profiles - King's College London