Posts

Jquery Fancybox auto display upon page load

Encounter this issue where it is needed to auto pop up Jquery Fancybox item. The solution is very easy. $(document).ready(function(){     $('#myElementId').fancybox().trigger('click'); }); Summary: The main point here this snippet of code: .trigger('click'); which will auto pop up fancybox

Multiple ngApp in 1 page or 1 application

I encounter this issue where there are 2 applications which is totally handled by different ngApp but they want to put them as a same application. After a quick search online, found that actually we can bootstrap the page with different ngApp manually instead of by defining ngApp at body tag. See below sample source for example HTML <!doctype html> <html>     <head>         <meta charset="utf-8">         <title>AngularJS Plunker</title>         <script>document.write('<base href="' + document.location + '" />');</script>         <link rel="stylesheet" href="style.css">          </head>     <body ng-app="HelloWorldApp">         Test 1         <section id="helloworld" ng-controller="HelloWorldController">     ...

Setting Apache HTTP server upload limit

Today encounter an issue to upload image and then saw the below exception stack: Caused by: org.apache.commons.fileupload.FileUploadException at org.apache.commons.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:385) [commons-fileupload-1.2.2.jar:1.2.2] at org.apache.commons.fileupload.servlet.ServletFileUpload.parseRequest(ServletFileUpload.java:126) [commons-fileupload-1.2.2.jar:1.2.2] at org.springframework.web.multipart.commons.CommonsMultipartResolver.parseRequest(CommonsMultipartResolver.java:156) [spring-web-3.2.12.RELEASE.jar:3.2.12.RELEASE] ... 88 more Caused by: ClientAbortException:  java.io.IOException: Socket read failed at org.apache.catalina.connector.InputBuffer.realReadBytes(InputBuffer.java:357) [jbossweb-7.0.13.Final.jar:] at org.apache.tomcat.util.buf.ByteChunk.substract(ByteChunk.java:420) [jbossweb-7.0.13.Final.jar:] at org.apache.catalina.connector.InputBuffer.read(InputBuffer.java:379) [jbossweb-7.0.13.Final.jar:] at org.apache.catalina...

Django Form: Adding html text to help_text in FormField or ModelField

Today I come across the requirement to have a link inside the help_text for ModelField. Hence I found this simple and fast solution and would like to share with you all. Before: my_field = models.CharField(max_length=10, help_text='Simple help text here') Solution: from django.utils.safestring import mark_safe my_field = models.CharField(max_length=10, help_text= mark_safe ('Simple help text here. <p>HTML code here</p>')) That's it and your help text will have this html code in place. Happy Coding!

DJango Queryset comparing date time

Good day to all developers. Today encountered this issue where I do a simple queryset in DJango and hit with the following warning message:   RuntimeWarning: DateTimeField MessageContent.send_time received a naive datetime (2014-05-14 04:46:30.392000) while time zone support is active. How is this happen? This is due to I do the following datetime comparison in my queryset: import datetime Item.objects.filter(created = datetime.datetime.now()) The error is due to TIME_ZONE (in settings.py) is enabled by default. So the solution for this is pretty simple: 1) Either to set the TIME_ZONE to False in settings.py ( this will take away the timezone capability of your application) 2) or by comparing to timezone enabled datetime which the code as below: import datetime from django.utils.timezone import utc now = datetime.datetime.utcnow().replace(tzinfo=utc) Item.objects.filter(created = now) With this, the problem has been solved. More informati...

Django Form: MultipleChoiceField and How To Have Choices From Model Example

Image
Its been long time after my last post. During my development in Django, I encountered this issue, where I don't know how to assign tuple value to choice argument in Django MultipleChoiceField. So here I would like to share on how to do this. Here are some information on the environment for this code: Django 1.6.1 doc: https://docs.djangoproject.com/en/1.6/ref/forms/fields/#multiplechoicefield Then looks into the forms.py: #1 import the models which use for MultipleChoiceField from TestChoice.models import Test #2 create a static CHOICES variable to hole this tuple, you can perform any normal Django query here. TEST_CHOICES = [[x.id, x.name] for x in Test.objects.all()] #3 If you would like to add extra choices, then you can do the following: TEST_CHOICES.insert(0, ['', "Empty"]) #4 The form field should looks like below, (required=False, only if you want this field to be optional) class TestForm(forms.Form):     test= forms.MultipleChoiceField...

JQuery attr function to replace image src not working in browsers except Chrome

Hi all, As per title, I believe there are a lot people who face this problem when want to dynamically update an image using JQuery. Once there is a requirement for this, the first thing come out in mind is the .attr() function provided by JQuery. The code roughly will be like this: $('#<image element id>').attr('src',<new image source>); Logically this should be done the job. However, after a test in several browsers, one will find out that this only working in Chrome. Internet Explorer, Firefox and Safari do not perform as expected. Why will this happen? It is due to cache issue. The solution for this issue is very simple. It is just needed to append a timestamp behind the new image source to trick the browser that the image is a new one for each time the function is triggered. It is as below: $('#<image element id>').attr('src', <new image source> ?' + new Date().getTime() ); * the part highlighted in yellow is ...