B-16183 Apply Buttons for Job Details
How do I make an b-16183 apply buttons for job details?
What is a b-16183 apply buttons for job details? How do you make a b-16183 apply buttons for job details? This script and codes were developed by Elena [chwat] Wiener on 11 September 2022, Sunday.
B-16183 Apply Buttons for Job Details - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>B-16183 Apply Buttons for Job Details</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://cd-adecco-uk-dev.adecco.net/Includes/Public/stylesheets/cms.css'>
<link rel='stylesheet prefetch' href='http://cd-adecco-uk-dev.adecco.net/~/media/adeccogroup/brands/adecco%20global%202016/assets/css/theme-adecco-uk.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/icono/1.3.0/icono.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- classes from sidebar // for demo purposes -->
<div class="box job-full"> <footer class="box-footer"> <!-- remove above classes when implementing, already existing --> <div class="apply-btn-dropdown"> <button type="button" class="btn btn--red collapsed in" data-toggle="collapse" data-target="#applyBtn">Apply Now</button> <ul id="applyBtn" class="collapse apply-buttons"> <!-- Apply with Adecco --> <li><a id="hypApplyJob" class="btn btn-success apply" target="_blank">Apply with Adecco</a></li> <!-- Apply with Indeed --> <li><div class="btn btn-apply" id="awm_widget"></div></li> <!-- Apply with Monster --> <li><a class="btn btn-apply">Apply With <img src="http://cd-adecco-uk-test.adecco.net/~/media/adeccogroup/Global/media/indeed.png"></a></li> <!-- Other Apply Template Markup--> <li><button type="button" class="btn btn-apply">Apply With <img src="https://upload.wikimedia.org/wikipedia/commons/a/ae/Monster_new_logo_july_2014.png"></button></li> <li><span class="indeed-apply btn btn-apply"><span class="indeed-apply-button-label" id="indeed-ia-1464357083914-0label">Apply with Indeed</span></span></li> <!-- Close Up Chevron Button --> <li><span type="button" data-toggle="collapse" data-target="#applyBtn" class="btn btn-close"><i class="fa fa-chevron-up"></i></span></li> </ul> </div> </footer>
</div>
<script id="awm" type="text/javascript" data-api-key="EAAQuNg.zekRb74j.KW9wWYT.8OfkNNUIvmBihTFP50namo-" data-companyname="ADECCO" data-jobtitle="Senior Software Engi1neer111" data-joblocation="Melville, NY" data-jobrefcode="abcd1111111<% = new Random().Next(1000) %>" data-deliverymethod="REQUEST" data-onsuccess="OnMonsterSuccess" data-deliveryformat="JSON" data-emailaddress="[email protected]" src="//login.monster.com/awm/fr_BE/awm.js?sv=3">
</script>
<script type="text/javascript"> function OnMonsterSuccess(arg) { alert("success"); if(arg.event === "success") { var url = decodeURIComponent(arg.req.requestUrl) + "&stoken=B0F9ED89FB6787ABE29A5B9A6EF9C15A903D995B0236F2E37ACBA278A6B06B42"; // 24 may 10:48 am /* */ alert(url); //var jqxhr = $.get(url) // .done(function() // { // alert("done"); // }) // .error(function () { // alert("error"); // }) } };
</script> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='http://cd-adecco-uk-dev.adecco.net/Global/Includes/JS/frameworks/jquery.js'></script>
<script src='http://cd-adecco-uk-dev.adecco.net/~/media/adeccogroup/global/js/offcanvas.js'></script>
<script src='http://cd-adecco-uk-dev.adecco.net/~/media/adeccogroup/brands/adecco%20global%202016/assets/js/adecco-uk-common.js'></script> <script src="js/index.js"></script>
</body>
</html>
B-16183 Apply Buttons for Job Details - Script Codes CSS Codes
.apply-btn-dropdown { position: relative; padding: 0; margin: 0; width: 100%; /* Monster Button Styling*/ /* Icon when the collapsible content is hidden */ /* Style to reverse the caret icon from pointing downwards to upwards */
}
.apply-btn-dropdown ul#applyBtn.apply-buttons { list-style-type: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; border: 0; outline: 0; width: 100%; text-align: center;
}
.apply-btn-dropdown ul#applyBtn.apply-buttons li { padding: 5px 0 5px 0px; margin: 0px; border: 0; border-top: 1px solid lightgray; outline: 0; text-align: center;
}
.apply-btn-dropdown ul#applyBtn.apply-buttons li span.btn.btn-close i { color: red;
}
.apply-btn-dropdown ul#applyBtn.apply-buttons li span.btn.btn-close i:hover { color: gray;
}
.apply-btn-dropdown ul#applyBtn.apply-buttons:hover { background-color: #FFF;
}
.apply-btn-dropdown .btn-apply.btn { padding: 0px;
}
.apply-btn-dropdown .btn-apply.btnbtn { border: 0px;
}
.apply-btn-dropdown .btn-apply { width: 100% !important; color: #7b8184; transition: all .2s; margin: 4px 8px; display: inline-block; background: inherit; padding: 0px; position: relative; border-radius: 4px;
}
.apply-btn-dropdown .btn-apply:hover { background-color: #FFF;
}
.apply-btn-dropdown .btn-apply img { display: inline-block; max-height: 30px; padding: 0;
}
.apply-btn-dropdown .awm_btnContDiv, .apply-btn-dropdown a.awm_btn { position: relative; margin: 0; left: -5px; border-radius: 7px; width: 100%; padding: 0;
}
.apply-btn-dropdown button.collapsed:after { content: "\e114";
}
.apply-btn-dropdown button:after { font-family: "Glyphicons Halflings"; content: " "; float: right; margin-left: 15px;
}
B-16183 Apply Buttons for Job Details - Script Codes JS Codes
$('.collapsed').click(function(){ $('.collapse').collapse('hide');
});
Developer | Elena [chwat] Wiener |
Username | ewiener |
Uploaded | September 11, 2022 |
Rating | 3 |
Size | 4,270 Kb |
Views | 20,240 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Worldwide Variables | 4,820 Kb |
Flexbox Card 12-15 | 2,894 Kb |
Adecco Group 1 | 7,056 Kb |
1Adecco Styleguide and Code Standards 2016 | 28,640 Kb |
Bootstrap Blog Example | 5,227 Kb |
Adecco Worldwide Text over Image | 6,527 Kb |
Styleguide CMS icons | 17,934 Kb |
Input Base Template | 137,000 Kb |
Social Insurance - ApplySocialInsurance | 71,887 Kb |
Sticky Footer B-13823 | 32,542 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Simple checkbox style | Vncnz | 2,628 Kb |
Perforated foil | 0x04 | 2,617 Kb |
A Pen by aleen42 | Aleen42 | 11,473 Kb |
3D flipping card | Ssaakkaa | 2,238 Kb |
A Pen by lizz | Lizz | 10,068 Kb |
Pure CSS Tooltips | Mobius1 | 2,271 Kb |
Twitch | SarahDunlap | 2,937 Kb |
Simple animated hover effect | Pobee-norris | 3,044 Kb |
Slim Grid SASS SCSS v3.2 | Thesturs | 4,709 Kb |
Matrix | Stathisnikolaidis | 1,922 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!