Example: CodePen Code: <div class=”myClass”></div> <script> document.addEventListener(‘DOMContentLoaded’, function() { document.getElementsByClassName(“myClass”)[0].innerHTML = “<img alt=’my image’ src=’http://astralmemories.com/img/astral-memories-logo.png’>”; }, false); </script>
This code search for all the elements of a certain class and replaces its classes for a new one. Code:…
Example:https://cms.staging.uccs.edu/business/business-research-index Configuring the View page: FORMAT: Unformatted listSettings: SHOW: FieldsSettings: FIELDS:Add and organize the following fields as shown in the…
Example: CodePen Code: <div class=”myDivClass” style=”border: 5px solid red;”> <h1>DIV 1</h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit,…
These are the button styles that our team uses at work, I save them here for an easy copy and…
Example: https://codepen.io/astralmemories/pen/drEypr Code: <style> .ui-accordion-content a:link, .ui-accordion-content a:hover, .ui-accordion-content a:active, .ui-accordion-content a:visited { color: #428bca; } </style> <link href=”https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css” rel=”stylesheet”>…
Example https://codepen.io/astralmemories/pen/Mxdgoy This code doesn’t work properly in CODEPEN but it will work if you paste it directly to Drupal…
Load another page’s item into a div using jQuery: <script src=”https://code.jquery.com/jquery-1.10.2.js”> </script> <div id=”PlaceToPutTable”> </div> <script> $(“#PlaceToPutTable”).load(“https://www.uccs.edu/admissions/request #block-uccsbase-home-content”); </script> More…
Add more height to an Input element using Javascript: <input type=”text” id=”charAndSymbolsInput” style=”height: 60px; font-size: 20px; line-height: 60px;”> <button type=”button”…
With this method (supported by all major browsers, including IE 4), you can take an arbitrary HTML string, and insert…