Monday, July 18, 2011

My new born African Cichlid

As an information, African Cichlid is a mouth-brooder fish, meaning by the fish will put the eggs inside of her mouth until they hatch and grow mature enough to be released from its mother's mouth. One hand is to protect the baby fishes from predators or the other cichlid (p.s.: African Cichlid is cannibal that will eat the baby fish of their own species), in the other hand is to provide a nice and comfort environment for the babies to grow. How to see the fish is mouth-brooding or keeping fries in her mouth is pretty easy, when your fish doesn't want to eat and she is reluctant to open her mouth, then she probably is having her babies in her mouth.

Yesterday (2011-07-18) I just strip them out from her mother's mouth, so now is their second day living outside of their mother's mouth. It might be controversial to strip the mother fish, instead of letting her release her fries or babies naturally. The reason I strip the babies from her mother is because the mother has not eaten for nearly three weeks since she got eggs in her mouth, she became thin and thinner, so I decided to strip her out. 

How to strip the fish is basically learned from youtube, here for your reference: 

Here's the video of my fish being stripped:


Below are some pictures of my African Cichlid fries:
African Cichlid Fry Day 1 Outside Its Mother's Mouth

African Cichlid Fry Day 1 Outside Its Mother's Mouth

African Cichlid Fry Day 1 Outside Its Mother's Mouth

12 Babies of My Blue African Cichlid

The baby fishes still have their egg yolk on their abdomen.

Although they still bring egg-yolk on the stomach, they are healthy enough to live outside her mother's mouth
The mother of these fries is one of my blue African Cichlids that approximately 8 months old with length of approximately 7~8cm.

My African Cichlid mother fish

You are welcome to leave a comment, suggestion or question, and please give me your advice how to make my blog even better! I will appreciate your help very much! Thanks ;)

Sunday, July 17, 2011

jQuery Multiple Draggable and Droppable

For people who is starting to use jQuery like me, will find out that jQuery is really really a good javascript library and it is not just a library but also a useful UI (User Interface). You might have seen the full documentation of how to use its UI as well, but did you find something that is missing, something that you might need to achieve the functionality that you want? For me, I found out that there's no documentation nor example of how to achieve multiple drag and drop in the jQuery UI official website, I need this functionality in order to select multiple items, drag and drop them to different droppable area. Specifically, what I need is a better user interface to let a user to "pack" items from an item list to some boxes in an easy and convenient way. The functionality that I want is depicted as the following figure:
Figure 1. jQuery multiple draggable and droppable moving three draggable items from "Item Area" to "Box 1"
Demo: http://yy.jangmt.com/willart/testPackaging.php

People that have the same need as me, which is to select multiple items and then drag and drop them together to the droppable area might have tried to google around to find how to do it. So far, I found this: http://thechriswalker.net/select-drag/, but I haven't seen through its code; there are also some short answers in http://stackoverflow.com of how to do multiple draggable and multiple droppable.

In the next post, I'm gonna explain more about how I made the multiple draggable and droppable, so please keep on following my blog!