zadok22

Ok so I fixed this myself based on something that Matthew Ruddy said on someone else’s related question. Its actually quite simple. Wrap a div around the [easingsliderlite] instead of figuring which part of the easing slider’s many divs to control or move with CSS. Just wrap it around your own div like so:

HTML
<div id=”slider”>[easingsliderlite]</div>

CSS
.custom #slider {
margin:-20px 0 20px -55px;
}

Results: https://aldrich-enterprises.com/
(the “.custom” part was because I was using thesis 1.85).

Hello alchymyth,

It seems like there are 3 errors in the validation. The first one has to do with not having an alt tag on my logo. One I already corrected. Finally, the last one seems to be associated with the easingslider code.

Regardless, my issue does not have to do with this html as I see it. Its definitely CSS, but there are so many divs, its unclear which one to correct.

Ah!! That’s perfect. Can we actually close this now? I am sure I gave you some gray hairs through all of this. I am greatly indebted to you Marventus. GREAT WORK!!!

PS: I will probably need your help once they start giving me the task orders.

Thanks Again

Joel M.

That’s exactly what I want, but, it still shows the other date. But that must be written in the html. I guess i can remove that from the html itself since i can get at it in admin pages

I see what you are saying. But I think the client thought it could be coded to say “No Task Orders as of July 26, 2012″(or the current date). He is somewhat of back-end .asp guy himself, but dose not know the WP or Thesis Framework. But is that possible? Not sure, but I believe he will send new code when the Task orders do become available.

Were getting warmer. It looks like your demo script now from js fiddle, but how do we show the current date if no task orders exist?

I tried putting that last code in twice but it crashed the site both times.

Ok I will. I see that your test is good on js.fiddle except even there it is not showing the correct date.

Also do I need to add JQuery into WP or is automatically linked to it?

Ok I changed it to this:

<select id=”listSeaPorteTaskOrders” name=”listSeaPorteTaskOrders”> <option value=”0″> (SeaPort-e Task Orders – Click to Select) </option> <option value=”1″> (No Task Orders as of May 24, 2012) </option> </select>

but still nothing has changed

On the custom.js file, i am not seeing it as you say with a select tag. What I see is:

$($(“#listSeaPorteTaskOrders”).append($(“<option/>”

No problem, I really appreciate the help

I made the change, but the mystery continues

The custom.js is in the same directory as custom_functions.php and custom.css inside the “custom” folder inside of thesis_185

Ok so I added this code to the custom_functions.php:
[ Moderator Note: Please post code or markup snippets between backticks or
use the code button. Don’t use bockquote, the code will format poorly. ]

function sr_add_onload_attr() {
    wp_register_script('sr-add-onload-attr', get_bloginfo('stylesheet_directory').'/js/custom.js', array('jquery'), '1.0', false);
    wp_enqueue_script('sr-add-onload-attr');
}
add_action('wp_enqueue_scripts', 'sr_add_onload_attr');

And I added this to the custom.js:

function setSPETODate() {
    var dt = new Date();
    var dtStr = (dt.getMonth() + 1) + '/' + dt.getDate() + '/' + dt.getFullYear();
    var currDate = '<option value="">(No Task Orders as of: ' + dtStr + ')</option>';
    var options = {1 : 'Order 1', 2 : 'Order 2', 3 : 'Order 3'};
    if  ( options ) {
        $.each(options, function(key, value) {
            $("#listSeaPorteTaskOrders").append($("<option/>", {
                value: key,
                text: value
            }));
        });
    } else {
        $("#listSeaPorteTaskOrders").append(currDate);
    }
}
$(document).ready(function() {
    $("body.navy-seaport-e").attr('onload', 'setSPETODate()');
});

I didn’t bother with the little CSS. But still everything is the same. What I am missing here?

ok, thanks, I will apply later today. I am dealing with a series of interruptions.