angular-isotope image overlap - javascript

I'm using angular-isotope in my homepage to organize my items but sometimes it overlap my images...
To fix it I know I should use imagesLoaded and when I used Isotope with jQuery it was pretty easy to implement but now I'm using it with AngularJS how can I add it?
I tried to modify a bit the directive but I still don't have the knowledge to do it properly and I received tons of errors or it didn't worked at all...
I also found angular-images-loaded but I can not understand how to implement it to work with angular-isotope.
I'm pretty sure someone already had this kind of problem but I didn't found any Question related to this argument here or Googleling around.
A link to a tutorial or a small piece of code would be appreciated to understand how to fix / implement it.

Related

KNockout JS - Loading external templates

Hi folks I am building a CRUD system very similar to this example http://jsfiddle.net/rniemeyer/WpnTU/.
Context:
I have several HTML pages that each contain the same table of data but showing different information (each page have their diffirent use).
On each row theres an edit button like yuo see in the example. Since the modal form is the same accross all the HTML pages I decided to create one HTML page containing the modal form. I then use jquerys load function like so $("#load_modal").load("pages/modal_form.html"); on each of the HTML pages.
Problem:
On a basic HTML page this is working out great. I tought this was a brilliant approach and gave myself a pat on the back. But now the problem I have is that when started implementing knockout it dosent seems to be working together very well. Modal dosent always pop up correctly and such.
My question:
At this point im not looking to figure out my code issue. I spent days and weeks staring at it and I came to the conclusion that I need to rethink my approach altogether. Im curios to hear some of your opnions on what would be the best aproach to tackle something like this.
Ideas so far:
I found this https://github.com/rniemeyer/knockout-amd-helpers/tree/master/examples But dosent use the latest knockout version and seems more complicated for something simple I need.
I also saw that using requireJS would be another idea but honestly these seem to complicate things for me.
Would anyone know of a simpler template solution or even have a whole different approach to this?
Using jQuery to modify your DOM is not going to work well in Knockout. You can use components to define the form HTML. Use an observable to switch which component is displayed.

Auto-Complete Hints for Javascript and Jquery in Coda 2

Does anybody know of a way to get auto-complete for javascript in Code 2?
Coda to is really helpful and is really good with this especially in CSS and html.
But when it comes to javascript or using jquery it doesn't seem to show me the methods or functions.
It is really helpful in CSS where it shows you all the different options. I there is no possible way to do this in Coda 2 are there any applications that you would recommend that are really good at this?
Hopefully you have found it already, but in case others stumble onto this, take a look here:
https://github.com/rayman813/coda2-mode-jquery

Coda Slider not displaying images during animation

I got a Coda Slider working retrieving data from posts, but now that I've installed other plugins to the site it started failing to display images while the transition is taking place.
http://poesis.savvy-studio.net/
I know that it might be a javascript conflict but I dont know where to start, hope you guys might know where to look at.
Thank you in advance!
Firstly you need to identify which plugin is conflicting, this is just a trial and error process, remove them one at a time until you get results.
I am going to assume you are getting no console errors at this point so the best thing you can do is pin down the plugin then look for more specific information. Currently your question is extremely vague...

How to create 2 Image rotation carousels on the same page using one jquery script file

new to jquery need help please!!... - I'm trying to create two carousels on the home page using the example below but doesn't seem to work.
I realise that the example is using ids, tried to change them to classes but didnt it do much.
http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
Thanks
An important philosophy in jQuery is "Don't reinvent the wheel."
Just use a plugin for features like this, such as Easy Slider!
Here's a demo of more than one on a single page
Oh, and in the future, be sure to describe what doesn't work as well as your code if you want people to actually be able to help you with your specific problem.

Create a Custom Control using Javascript

I've been trying to do some research into this, but I haven't yet found anything related to this, so I've come here in hopes that someone might be able to point me in the right direction.
Is there any way at all that we can create our own HTML Elements?
I've seen a Custom ComboBox that was created using Javascript months back, but cannot find it anymore.
Basically, I'd like to create my own 'Control', that I can use for my pages. Maybe something that can be just 'plugged in' (although not a requirement). Any thoughts/ideas/advice/links?
Any help is really appreciated. Thank you!
If you want to write a JQuery plug-in but don't know where to start, have a look at this site: http://stefangabos.ro/jquery/jquery-plugin-boilerplate
He's written a boilerplate code for a jquery plug-in, with plenty of comments explaining what to do and how to expand it. It should make a good starting point for you.

Categories