Quick Bid Buttons

  • Resolved Roelf Keulder

    (@roelfk7)


    3 years, 7 months ago

    Good Day, Thank you for an excellent plugin.

    I’m busy learning how to write plugins for WordPress and I have learned a lot from your plugin.

    I’m trying to add some quick bid buttons on the single auction page, in the auction-shortcode.php file.

    The code I want to add look something like this.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en-GB"> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <title>Quick Button Bid</title> 
 <script type="text/javascript">
function transferField(someval) { 
  document.bidform.bidval.value = someval; 
  } 
</script>
<style> 
input[type=text] {
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 9px;
  font-size: 16px;
  background-color: white;
  padding: 12px 20px;
  transition: width 0.4s ease-in-out;
  
}
input[type=text]:focus {
  width: 10%;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  border-radius: 9px;
  box-shadow: 5px 5px 10px #ccc;
  color: white;
  font-size: 16px;
  padding: 15px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=reset]:hover  {
  background-color: #d61536;
  padding: 16px 21px;
}
input[type=button]:hover  {
  background-color: #1920e3;
  padding: 16px 21px;
}

</style>
</head> 
<body> 
 <form name="bidform">
<input type="text" id="bidval" value="">
<input type="reset" value="Reset">
</form>

<input type="button" onclick="transferField(this.value)" value="1500.00">
<input type="button" onclick="transferField(this.value)" value="1000.00">
<input type="button" onclick="transferField(this.value)" value="500.00">

 </body> 
</html>

    So I have created a javascript file in the js folder. and I call it up in the shortcode.php file.

    The js file called ( quick-button-script.js) look now like this. 

    <script type="text/javascript">
function transferField(someval) { 
  document.wdmua-singleauc-bidform.wdm-bidder-bidval.value = someval; 
  } 
</script>

    And I call it in the file like this

    function wdm_enqueue_front_script() {

    if (isset($_GET["ult_auc_id"]) && $_GET["ult_auc_id"]) {
        wp_enqueue_style('wdm_lightbox_css', plugins_url('lightbox/jquery.fs.boxer.css', __FILE__));
        wp_enqueue_script('wdm-lightbox-js', plugins_url('lightbox/jquery.fs.boxer.js', __FILE__), array('jquery'));
        wp_enqueue_script('wdm-block-ui-js', plugins_url('js/wdm-jquery.blockUI.js', __FILE__), array('jquery'));
        wp_enqueue_script('wdm-custom-js', plugins_url('js/wdm-custom-js.js', __FILE__), array('jquery'));
        wp_enqueue_style( 'heart', plugins_url('css/heart.css', __FILE__));
        wp_enqueue_script('quick-button-script', plugins_url('js/quick-button-script.js', __FILE__), array('jquery'));
    }
}

    And then I have added the code in the file online 489 

    ('wdm_ua_text_after_bid_form', $ehtml, $wdm_auction->ID);
                                                        echo $ehtml;
                                                        ?>
                                                    </small>
                                                </span>
                                            </div>
                                            
<input type="reset" value="Reset">

<input type="button" onclick="transferField(this.value)" value="1500.00">
<input type="button" onclick="transferField(this.value)" value="1000.00">
<input type="button" onclick="transferField(this.value)" value="500.00">

                                            <div class="wdm_place_bid wdm-align
                                            -right clearfix">
                                                <input type="submit" 
													value="<?php echo apply_filters(		'wdm_ultimate_auction_bid_button_text', __( 'Place Bid', 'wdm-ultimate-auction' )); ?>" id="wdm-place-bid-now" />
											
                                            </div>
                                        </div>
                                    </form>
                                    <?php

    But somehow I cant get it to work. Do you have any ideas what I can do to get it to work?

    Thank You

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Quick Bid Buttons’ is closed to new replies.