#StackBounty: #javascript #php #jquery #html JS on change if checkbox is checked do function with php

Bounty: 50

JS on change if checkbox is checked do this function with php, how I can do this, is this possible or no?

 $('.avflipswitch').on("change", function (e){ 
        if(this.checked){
         functionOne(<?php $LinkOpen = '_blank';?>);
        }
        else{
         functionTwo(<?php $LinkOpen = '_self';?>);
        }
    });

cse

<gcse:searchresults-only linktarget="<?php echo $LinkOpen;?>"></gcse:searchresults-only>


Get this bounty!!!

#StackBounty: #html #mailchimp Mailchimp: unordered list with conditional merge tag blocks inside?

Bounty: 50

Trying to use conditional merge tags inside an unordered list, but my merge tags are getting automatically wrapped with a li.

What I expect:

<ul>
    <li>item 1</li>
    *|INTERESTED:Types:ES|*
    <li>item 2</li>
    *|END:INTERESTED|*
    <li>item 3</li>
</ul>

What I get:

<ul>
    <li>item 1</li>
    <li>*|INTERESTED:Types:ES|*</li>
    <li>item 2</li>
    <li>*|END:INTERESTED|*</li>
    <li>item 3</li>
</ul>

In the final HTML I get empty li items, which messes up my layout. Any way around this auto-wrapping?

Tried to wrap the merge tags with an *|IF|* as per this article, but getting same behaviour.


Get this bounty!!!

#StackBounty: #html #css #safari #webkit #typography Text is not positioned the same in Safari as in other browsers

Bounty: 100

The text is not positioned the same in Safari as it is in other browsers. Is there are reason for this? Is there a style to ensure it meets precise measurements.

<

div class=”snippet” data-lang=”js” data-hide=”false” data-console=”true” data-babel=”false”>

<

div class=”snippet-code”>

* {
        margin: 0;
        padding: 0;
    }
    #btn_signup {
        opacity: 1;
        position: absolute;
        width: 185px;
        height: 50px;
        left: 10px;
        top: 10px;
        overflow: visible;
    }
    #Rectangle_1 {
        opacity: 1;
        fill: transparent;
        stroke: rgb(67, 66, 93);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }
    .Rectangle_1 {
        position: absolute;
        overflow: visible;
        width: 185px;
        height: 50px;
        left: 0px;
        top: 0px;
    }
    #Sign_up {
        opacity: 1;
        position: absolute;
        left: 58px;
        top: 16px;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        overflow: visible;
        width: 63px;
        white-space: nowrap;
        text-align: center;
    }
    #Path_1 {
        opacity: 1;
        fill: rgba(0,0,0,0);
        stroke: rgb(112, 112, 112);
        stroke-width: 0.5px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
    }
    .Path_1 {
        overflow: visible;
        position: absolute;
        top: 16.5px;
        left: 1px;
        width: 183.5px;
        height: 0.5px;
        transform: matrix(1,0,0,1,0,0);
    }
<body>
Sign up
<svg viewBox="12.5 0 183.5 0.5" class="Path_1"> <path id="Path_1" d="M 12.5 0 L 196 0"> </path> </svg> </div> </div> </body>