Javascript Archives - Shawn DeWolfe Consulting https://shawndewolfe.com/category/code-example/javascript Web Design | WordPress Development | WordPress Support Wed, 23 Aug 2023 17:34:25 +0000 en-US hourly 1 https://wordpress.org/?v=7.0.3 https://shawndewolfe.com/wp-content/uploads/2019/05/cropped-favicon-32x32.png Javascript Archives - Shawn DeWolfe Consulting https://shawndewolfe.com/category/code-example/javascript 32 32 Calculating Interest https://shawndewolfe.com/calculating-interest.html https://shawndewolfe.com/calculating-interest.html#respond Sun, 10 Oct 2021 02:52:10 +0000 https://shawndewolfe.com/?p=4959 Javascript for interest calculation.

The post Calculating Interest appeared first on Shawn DeWolfe Consulting.

]]>

<script language="JavaScript">

// Parameters are rate, total number of periods, payment made each period and future value
function pv(rate, nper, pmt, fv) {
rate = parseFloat(rate);
nper = parseFloat(nper);
pmt = parseFloat(pmt);
fv = parseFloat(fv);
if ( nper == 0 ) {
alert("Why do you want to test me with zeros?");
return(0);
}
if ( rate == 0 ) { // Interest rate is 0
pv_value = -(fv + (pmt * nper));
} else {
x = Math.pow(1 + rate, -nper);
y = Math.pow(1 + rate, nper);
pv_value = - ( x * ( fv * rate - pmt + y * pmt )) / rate;
}
pv_value = pv_value.toFixed(2);
return (pv_value);
}

function fv(rate, nper, pmt, pv) {
rate = parseFloat(rate);
nper = parseFloat(nper);
pmt = parseFloat(pmt);
pv = parseFloat(pv);
if ( nper == 0 ) {
alert("Why do you want to test me with zeros?");
return(0);
}
if ( rate == 0 ) { // Interest rate is 0
fv_value = -(pv + (pmt * nper));
} else {
x = Math.pow(1 + rate, nper);
fv_value = - ( -pmt + x * pmt + rate * x * pv ) /rate;
}
fv_value = fv.toFixed(2);
return (fv_value);
}

function pmt(rate, payments, pv, fv, advancedpmts) {
var t1 = 1 + rate
var t2 = Math.pow(t1,payments)
var t3 = Math.pow(t1,(payments - advancedpmts))
return (pv - (fv/t2))/(((1-(1/(t3))) / rate) + advancedpmts);
}

</script>

Perserved from https://www.mohaniyer.com/old/pvcode.htm

The post Calculating Interest appeared first on Shawn DeWolfe Consulting.

]]> https://shawndewolfe.com/calculating-interest.html/feed 0 jQuery & WordPress: how to avoid common conflicts https://shawndewolfe.com/jquery-wordpress-how-to-avoid-common-conflicts.html https://shawndewolfe.com/jquery-wordpress-how-to-avoid-common-conflicts.html#respond Thu, 06 Apr 2017 07:26:26 +0000 https://shawndewolfe.com/?p=4821 JQuery is great for WordPress. It’s a clear and effective library for Javascript. It gives WordPress some of its best functionality. Custom JQuery code can be added to plugins and themes. This code can make something work great but kill some other standard feature. WordPress already includes JQuery. Here’s how to include your own. In […]

The post jQuery & WordPress: how to avoid common conflicts appeared first on Shawn DeWolfe Consulting.

]]> JQuery is great for WordPress. It’s a clear and effective library for Javascript. It gives WordPress some of its best functionality. Custom JQuery code can be added to plugins and themes. This code can make something work great but kill some other standard feature.

WordPress already includes JQuery. Here’s how to include your own. In the header.php file of your theme before wp_head(), include this:

<?php wp_enqueue_script(“jquery”); ?>

So it looks like this, instead:

<?php wp_enqueue_script(“jquery”); ?>
<?php wp_head(); ?>

Now you can call your own jQuery include:

<script type=”text/javascript” src=”/web/path-to-theme/”<?php” bloginfo(“template_url”); ?>/jQuery.js”>

This should handle most cases, but if you want to be really safe, set “no conflict” mode in your own jQuery. That cleans up collisions between competing JavaScript functions.

var $j = jQuery.noConflict();

$j(function(){

// some function code

});

 

The post jQuery & WordPress: how to avoid common conflicts appeared first on Shawn DeWolfe Consulting.

]]> https://shawndewolfe.com/jquery-wordpress-how-to-avoid-common-conflicts.html/feed 0 Color Picker https://shawndewolfe.com/color-picker Sat, 12 Oct 2019 18:02:03 +0000 https://shawndewolfe.com/?p=1878 A Colour Wheel Picker. Choose the colours you want.

The post Color Picker appeared first on Shawn DeWolfe Consulting.

]]> This colour wheel allows users to choose the braces elastics they want. It’s a fun little tool. More than that, it’s a ranking magnet. A ranking magnet? Google and others assess how long a user is on a web page. This gives people a chance to experiment with the brace elastic colours. While this wheel works for teeth, it could be swapped for anything else that needs to be customized.

See the Pen ColorPicker by Shawn DeWolfe (@dewolfe001) on CodePen.

Do you want a colour picker like this for your project? Contact me!

The post Color Picker appeared first on Shawn DeWolfe Consulting.

]]> CSS and Javascript effect: A Misty Reveal https://shawndewolfe.com/css-and-javascript-effect-a-misty-reveal Sat, 12 Oct 2019 15:56:46 +0000 https://shawndewolfe.com/?p=1867 An example of how to make a transition effect that fades away.

The post CSS and Javascript effect: A Misty Reveal appeared first on Shawn DeWolfe Consulting.

]]> I wanted to do a reveal with the following elements:

  • It masks a region behind a layer. In this case, a PNG with some transparency
  • On hover, it zooms and adds a blur effect to make it look misty
  • As it zooms in, its opacity diminishes
  • I added some JQuery code to remove the misty layer altogether.
  • The shape of the foreground image can be changed.

See the Pen Mist Donut by Shawn DeWolfe (@dewolfe001) on CodePen.

The post CSS and Javascript effect: A Misty Reveal appeared first on Shawn DeWolfe Consulting.

]]>