The world is a dangerous place to live; not because of the people who are evil, but because of the people who don’t do anything about it.
Albert Einstein
The following quote is the chinese version with similar meaning.
知識分子應該對世界上任何不合理的現象表示自己的態度, 否則你就是幫兇。
愛因斯坦
We know the difference between display: none and visibility: hidden as we talked about it previously.
jQuery – Animation on Visibility
The fadeIn() and fadeOut() jQuery functions are very convenient to use but they does not allow us to add animation during the fadeIn and fadeOut process. So we have to do it with a slightly different way.
Continue reading
Next: jQuery – Using animate() with fadeIn() or fadeOut() at the same time
We can hide and show any HTML elements by the fadeIn() and fadeOut() jQuery functions. Those elements will be set to display: none in CSS. Unlike setting visibility: hidden which the hidden element will still occupied some spaces in the rendered web page, the faded out element will disappear.
So if you want to have the fadeIn and fadeOut features while keeping the elements in the webpage, here is what you could do.
Continue reading
I want to create a URL which will redirect to the latest node of a specific content type so i write a custom module. In this example, the content type car is used.
latest_car.info
name = Latest car description = Create a URL which will redirect to the latest car node. package = Eureka; version = 7.x-1.0 core = 7.xContinue reading
Previously we talked about adding query strings for drupal_goto().
Drupal – Escape the Hex Characters in drupal_goto()
When the form is submitted, we can decide the redirect path in the form_submit() function.
Redirect to node/1 after form submission
function <form id>_submit($form, &$form_state) {
$form_state['redirect'] = 'node/1'
}
We can deny the access for a specific folder in webroot. Create the following .htaccess file in that restrictive folder.
order deny,allow deny from all allow from 127.0.0.1
All access from other IPs are denied except for 127.0.0.1.
Done =)
Reference: .htaccess: Deny From All – Prohibit, Forbid or Restrict Directory Access
Text rotation can be done by CSS3 3D Transforms. But after the transform the text is aliased. For WebKit browser, the anti-aliasing feature could be enabled by adding the following CSS style.
* {
-webkit-transform: translate3d(0,0,0);
}
Continue reading
Next: CSS3 – Smooth the text in WebKit browser after Text Rotation by activating the anti-aliasing
We can rotate text by using the CSS3 transform.
To rotate a text in clockwise direction with 45 degree:
p {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
When we use jQuery to retrieve the CSS values such as width and height, the unit px is included.
For example, if you have a div which is 100px wide.
<div id="eureka" style="width: 100px;"></div>Continue reading
A few months ago, i tried to add the latest jQuery to a Drupal 6 website. If you are still working on Drupal 6. Please refer to Drupal – Add Extra jQuery Library.
The approach we used in the above post does not work in Drupal 7 since drupal_set_html_head() has been renamed to drupal_add_html_head() and inline Javascript is no longer supported in this new version. So today i would like to show you another solution which works in Drupal 7.
Continue reading
