Discussion on Opening - Job Board HTML Template

bestwebholding

bestwebholding does not currently provide support for this item.

42 comments found.

how is the data stored? database/text?

Hi,

This is a static HTML template that does not have an admin panel, as well as it does not have any functionality. Also, it does not work with the database. All data is added to this template manually, using any code editor (for instance, sublime text). Based of this HTML template, we have developed a full-featured Opening – Job Board Wordpress Theme (https://creativemarket.com/bestwebsoft/190541-Opening-Job-Board-Wordpress-Theme?u=bestwebsoft), which works with the database and provides the admin panel.

Sincerely, BestWebHolding Team

uniboard

uniboard Purchased

Hi there! I just bought your template and hoped, that the multiselect for town or category will be working. But neither of the files (so home.html 1 to 4) are doing anything with the selected values. They just toggle the checkbox and that’s it

or am I missing something?

Hi,

Please try to do next:

1) in the template folder find the “js” folder 2) in the “js” folder find the file “script.js” and open it with any text editor ( “Sublime Text”, for example) 3) in the file “script.js” replace rows 28-85 with the following content:

    /* Dropdown */
$( '.with-dropdown' ).on( 'click', function( e ) {
$( '.dropdown#dropdown-' + this.id ).css( 'width', $( this ).parent().css( 'width' ) );
$( '.dropdown#dropdown-' + this.id ).toggle();
e.stopPropagation();
});
$( document ).click( function( e ) {
if ( $( e.target ).closest( '.dropdown' ).length == 0 && $( e.target ).closest( '.with-dropdown' ).length == 0 ) {
$( '.dropdown' ).hide();
e.stopPropagation();
}
});
/* Checkboxes */
$( 'input:checkbox' ).hide().not( '.dark' ).each(function() {
$( this ).before( '<div class="checkbox" />' );
if ( $( this ).parent().text() ) {
$( this ).parent().addClass( 'checkbox-label' );
}
if ( $( this ).attr( 'checked' ) ) {
$( this ).prev( 'div' ).css( 'background-position', '-63px -16px' ).addClass( 'checked' );
} else {
$( this ).prev( 'div' ).css( 'background-position', '-15px -16px' );
}
});
$( '.checkbox-label' ).each( function() {
$( this ).click( function( e ) {
// var checkedCategory;
if ( $( this ).find( '.checkbox' ).hasClass( 'checked' ) ) {
$( this ).find( '.checkbox' ).removeClass( 'checked' );
$( this ).find( '.checkbox' ).css( { 'background-position' : '-15px -16px', 'opacity' : '1' } );
$( this ).find( 'input' ).attr( 'checked', false );
} else {
$( this ).find( '.checkbox' ).addClass( 'checked' );
$( this ).find( '.checkbox' ).css( { 'background-position' : '-63px -16px', 'opacity' : '1' } );
$( this ).find( 'input' ).attr( 'checked', true );
}
var checkedCategory = $( this ).parent().find( '.checkbox-label > .checked' ).parent().map( function() {
return $( this ).text();
}).get().join( ", " );
$( this ).parent().prev( 'label' ).children( '.with-dropdown' ).val( checkedCategory );
e.preventDefault();
e.stopPropagation();
});
$( this ).mouseover( function( e ) {
if ( ! $( this ).find( '.checkbox' ).hasClass( 'checked' ) ) {
$( this ).find( '.checkbox' ).css( { 'background-position' : '-63px -16px', 'opacity' : '0.5' } );
}
e.preventDefault();
e.stopImmediatePropagation();
});
$( this ).mouseleave( function( e ) {
if ( ! $( this ).find( '.checkbox' ).hasClass( 'checked' ) ) {
$( this ).find( '.checkbox' ).css( 'background-position', '-15px -16px' );
}
$( this ).find( '.checkbox' ).css( 'opacity', '1' );
e.preventDefault();
e.stopImmediatePropagation();
});
});

4) save the changes

After all will be done you probably get what you need. If you have extra questions, please contact us.

Sincerely, BestWebHolding Team

uniboard

uniboard Purchased

awesome!! thank you very very much! :)

Hi,

You’re welcome! Always glad to help! Please feel free to contact us with any questions in future.

Sincerely, BestWebHolding Team

by
by
by
by
by
by