If buttonImage in .datePicker starts with a forward slash (/), Chrome does not find the image -


i have datepickers images being set in .js file jquery.

is ok remove leading / have done in buttonimage? jsfiddle below suggests chrome should able handle i'm wondering if i'm doing else wrong.

when setting buttonimage in .datepicker(), if location starts "/", chrome doesn't find image (404 behind scenes in chrome devtools). these lines .datepicker() below in question:

  • buttonimage: "content/images/cal.png", //working in browsers

  • buttonimage: "/content/images/cal_editor.jpg", //not working in
    chrome works in ie, firefox

however, when try replicate in simple jsfiddle, doesn't work in chrome without forward slash: http://jsfiddle.net/tonyleif/3z865d2r/2/.

from jsfiddle above:

  • buttonimage: "/img/initializing.png" //working in browsers

  • buttonimage: "img/initializing.png" //not working in browsers

here full .datepicker function being called in app:

var $calendarbutton = $(me).datepicker({     dateformat: "dd-m-yy",     showon: "button",     buttonimage: "content/images/cal.png", //working in browsers     //buttonimage: "/content/images/cal.png", //not working in chrome works in ie, firefox     buttonimageonly: true,     beforeshowday: onedayonlymethod,     altfield: alternatefield,     onselect: function() {         if ($(me).hasclass('searchitem')) {             app.searchtable.adddatefilter($(me));         }         var pairedname = $(me).attr('paired-date-picker');         if (pairedname !== undefined && pairedname.length > 0) {             var d = $(this).val();             if (isvaliddate(d.valueof())) {                 var pairedcontrol = $('#' + pairedname);                 if (pairedcontrol.val() == "" || pairedcontrol.val() == "dd-mmm-yy") {                     pairedcontrol.val(d);                 }             }         }         $(me).change();     } }).next(".ui-datepicker-trigger").addclass("calendar-button");

let me know if need more code this. i'm trying not include text initially.

one more thing should note when i'm running site locally visual studio 2013, don't have issue. happens when publish server.

the idea behind leading slash makes whole url relative root of site (http://sitename.blah/). without slash, relative path of lookup originated.

my guess you're attempting image directory other root, why works without slash on browsers.

comparing code jsfiddle fine, need compare file paths , relative site root. in jsfiddle, img folder @ root of site.

so answer question, no, it's not ok leave off slash unless mean file relative directory.


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more