Search jQuery

jQuery Forum

Using Client side filtering data with jQuery and Need help with Filtering

in Using jQuery Plugins • 9 years ago

Hello -

I am using Client Side Filtering with Data with jQuery (http://web.enavu.com/tutorials/client-side-filtering-data-with-jquery/). I have it working great but I was wondering if there is a way when filtering that you can make images/text/etc. fill up the empty spaces?

Please see as an example: http://www.bkd.com/wealth-advisors/directory-test.htm. Let me know if you need to see more specific coding and I can copy/paste it into the post.

I am needing the images to fill up the empty spaces when on the filtered sections. Anyone have any suggestions on how to accomplish this?

Thanks!

-Marcy-

Replies(4)

jakecigar

Re: Using Client side filtering data with jQuery and Need help with Filtering

9 years ago

The problem is the <div class="clear"></div> you added.I would make the <li>s display:inline-block and let them flow naturally through a <ul> with a width that only allows 4 (or whatever) people per line.

JΛ̊KE

MarcyDorm..

Re: Using Client side filtering data with jQuery and Need help with Filtering

9 years ago

Thank you for your reply Jake. Maybe I am not doing something right but that doesn't seem to do anything. I am pretty new to jQuery so I apologize for my lake of knowledge.

Here is the CSS i have for the directory table:

/* directory images

-------------------------------------------------------------- */

.directorytable

{

position:absolute;

left:10px;

top:250px;

padding-top:10px;

}

.directorytable li

{

display:inline-block;

padding-right:10px;

}

#filters{

position:absolute;

left:40px;

margin-top:220px;

top:0px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#000000;

}

#filters a{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#000000;

}

.mo{

float:left;

}

.tx{

float:left;

}

.ar{

float:left;

}

.bpc{

float:left;

}

.wa{

float:left;

}

.ks{

float:left;

}

.all{

float:left;

}

.in{

float:left;

}

Thank you for your help.

jakecigar

Re: Using Client side filtering data with jQuery and Need help with Filtering

9 years ago

The CSS works nicely when you remove every <div class="clear"></div>.

JΛ̊KE

I tested by keying in

$('div.clear').remove()

in Safari’s web inspector.

MarcyDorm..

Re: Using Client side filtering data with jQuery and Need help with Filtering

9 years ago

Thank you! Thank you!! That worked, thank you so much!

Have a wonderful Thanksgiving holiday next week!

-Marcy-

Top Reply

Response title

Attachments

jQuery Forum

Using Client side filtering data with jQuery and Need help with Filtering

Replies(4)

Re: Using Client side filtering data with jQuery and Need help with Filtering

Re: Using Client side filtering data with jQuery and Need help with Filtering

Re: Using Client side filtering data with jQuery and Need help with Filtering

Re: Using Client side filtering data with jQuery and Need help with Filtering

Statistics

Tags

Actions