B-16183 Apply Buttons for Job Details

Size
4,270 Kb
Views
20,240

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 Previews

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');
});
B-16183 Apply Buttons for Job Details - Script Codes
B-16183 Apply Buttons for Job Details - Script Codes
Home Page Home
Developer Elena [chwat] Wiener
Username ewiener
Uploaded September 11, 2022
Rating 3
Size 4,270 Kb
Views 20,240
Do you need developer help for B-16183 Apply Buttons for Job Details?

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!

Elena [chwat] Wiener (ewiener) Script Codes
Create amazing web content with AI!

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!