Md Bulbul Hasan bulbul84
bulbul84
/ auto-changes-word.html
Created
September 14, 2019 07:52
Autometically changes multiple word by js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <span id="changing_text">wellness</span> | |
| <script> | |
| $(document).ready(function() { | |
| var texts = ["wellness", "energy", "sleep", "stress", "diet", "digestion"]; | |
| var count = 0; | |
| function changeText() { | |
| $("#changing_text").text(texts[count]); | |
| count < 6 ? count++ : count = 0; | |
| } |
bulbul84
/ addClass-removeClass.html
Created
January 25, 2020 14:03
Remove and Add a Class (.active) with menu item by onclick:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav class="navbar navbar-default"> | |
| <div class="container-fluid"> | |
| <div class="navbar-header"> | |
| <a class="navbar-brand" href="#">WebSiteName</a> | |
| </div> | |
| <ul class="nav navbar-nav menu_wrapper"> | |
| <li class="active"><a class="menu_item" href="#">Home</a></li> | |
| <li><a class="menu_item" href="#">Page 1</a></li> | |
| <li><a class="menu_item" href="#">Page 2</a></li> | |
| <li><a class="menu_item" href="#">Page 3</a></li> |
bulbul84
/ outlookConditions.html
Created
February 1, 2020 11:52
Outlook Conditions For Email Template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--[if !mso]><!-- If Not Outlook, Show This --> | |
| <td id="order_date" class="" background="http://dev.vitaminpacks.com/emails/images/header-bg.png" width="600" height="88" valign="top"> | |
| <!--<![endif]--> | |
| <!--[if gte mso 9]> | |
| <td id="order_date" class="" width="600" height="88" valign="top"> | |
| <![endif]--> | |
| </td> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //[Custom Javascript] | |
| $(window).scroll(function() { | |
| var scroll = $(window).scrollTop(); | |
| if (scroll >= 50) { | |
| $(".banner_right").addClass("banner_right_img"); | |
| } else { | |
| $(".banner_right").removeClass("banner_right_img"); |
bulbul84
/ index.html
Created
March 27, 2020 18:41
Magnific Popup Vimeo Video Autoplay with sound in Google Chrome Browser
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .persona_promo_video { | |
| background-size: cover; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| height: 315px; | |
| width: 563px; | |
| } | |
| .persona_video_tablecell { | |
| width: 100%; |
bulbul84
/ Windows PowerShell Command
Created
July 21, 2020 07:00
How to remove common name from all files from your computer:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| You could also try using PowerShell, a powerful Windows command line tool. You'd run this command: | |
| Full Command: | |
| get-childitem *.mp3 | foreach { rename-item $_ $_.Name.Replace("Radiohead -", "") } | |
| Analyzing it: | |
| get-childitem *.mp3 | |
| This lists all files whose names end with .mp3. They are then piped to the next command with the | operator. |
bulbul84
/ repeatable-input-fields.html
Created
July 29, 2020 17:03
Add Remove Input Fields Dynamically using jQuery
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="another_medication" class="another_field"> | |
| </div> | |
| <button id="add_another_btn" type="button" class="add_another"><img src="custom/images/plus-icon-green.png" alt="Add"></button> | |
| <script type="text/javascript"> | |
| $(document).ready(function(){ | |
| var maxField = 6; //Input fields increment limitation | |
| var addButton = $('#add_another_btn'); //Add button selector |
bulbul84
/ jquery.sticky.js
Created
August 20, 2020 17:05
Height of element not going back to initial value when scrolling back to top of the page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Comment below line from jquery.sticky.js file */ | |
| /*s.stickyWrapper.css('height',s.stickyElement.outerHeight());*/ |
bulbul84
/ index.html
Created
December 10, 2021 15:36
Image changes randomly. Image swap animation.. Crossfade a 6 images grid randomly, one by one.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="img-bank"> | |
| <img style="display:none" src="assets/img/fc-desktop-hero1.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero2.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero3.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero4.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero5.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero6.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero7.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero8.jpg" /> | |
| <img style="display:none" src="assets/img/fc-desktop-hero9.jpg" /> |
bulbul84
/ index.html
Created
December 16, 2021 12:25
Input keyboard only focus / input focus outline should be keyboard tab only on in mouse click/ focus
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div> | |
| Use the <em>TAB</em> key to move focus around.<br> | |
| <span class="bad-focus">Mouse Focus</span> | |
| <span class="good-focus">Tab Focus</span> | |
| </div> | |
| <button>Button A</button> | |
| <button>Button B</button> | |
| <input type="text" value="Input A"> |