Sliding menu using jQuery and ScrollTo
Posted by Sajith M.R in Downloads, html on 21. Feb, 2010 | 0 Comments
Recently I created a sliding menu for a project using jQuery and ScrollTo functions.
See demo: Slider Menu
We can use the jQuery function $(”.menubar”).scrollTo(id_of_element) to scroll any scrollable area to a particular location.
The idea behind every smooth sliding is using scroll function with overflow:hidden mode.
You can download the source code from : http://www.sajithmr.me/downloads/slider/slider.zip
Here div menu-bar is [...]
Fancybox runtime height change
Posted by Sajith M.R in php on 20. Nov, 2009 | 8 Comments
For those who use fancy box and iframe inside fancy box might face the issue of changing the height. Once fancybox is loaded with a particular height and width, it does not change when you change the content inside iframe dynamically. Auto height change is only possible for images.
Use the below code to change the [...]
Jquery-Mootool Conflict
Posted by Sajith M.R in html on 08. Nov, 2009 | 0 Comments
If you are using mootool and jquery same time in your html pages, it normally won’t work. Because both are using $ variable for the base object. So only the last js file included will be active.
To avoid this, follow the steps:
Include mootool js first
Include jquery js file second
Like this:
<script src=”javascript/mootools-release-1.11.js” type=”text/javascript”></script>
<script src=”javascript/jquery-1.3.2.min.js” type=”text/javascript”></script>
Then [...]
XAJAX
Posted by Sajith M.R in php, php source code on 03. Jun, 2009 | 0 Comments
Basically using xajax “You can directly call php functions from your javascript code”
Xajax will do the rest.
For example, if you are going to write a javascript function Capitalize which captilaze your textbox content when you press a button.
Here is the pure html/javascript code for that:
=============================================
<script>
function Capitalize()
{
var t = document.getElementById(’cap’).value;
document.getElementById(’update’).innerHTML [...]
JQuery – Play with html
Posted by Sajith M.R in html, webworld on 03. Jun, 2009 | 1 Comment
Start jquery for manipulating html file and execute javascript just like sql queries.
Simply pointer the dom object with a $ and manipulate with different built in function.
For example
$(”p.neat”).addClass(”ohmy”).show(”slow”);
Don’t need to write javascript inside each node. It is like prototyping. Insted of adding an onClick=”function()” inside the node, jquery define the onclick function from the top [...]
Fun Time
Posted by Sajith M.R in webworld on 04. Nov, 2008 | 4 Comments
Hello Techies ,
Lets watch a fun video with your browser interactive effect. Kill me if you dont like this flash + javascript effect.
Dont maximise (enlarge ) your browser window after clicking the below link. Wait a moment after the click.
REMEMBER, DONT MAXIMIZE the window
http://www.fly-a-balloon.be/
Regards
Sythoos
IDE for PHP, Ruby on Rails, Python and Javascript – Aptana
Posted by Sajith M.R in php, webworld on 19. Sep, 2008 | 6 Comments
After a long searching, i got this IDE , Aptana which satisfies all my requirement. It is just like .net IDE with auto compiling and error displaying system, and come with built in server. You can download it from: http://aptana.com/studio/download
Error display while coding time is its another feature.
Auto filling is another feature.
For oops concepts, it [...]
Warning before navigate away from a page
Posted by Sajith M.R in html on 19. Jul, 2008 | 13 Comments
In some cases, if you are in between any work of editing or typing a content, and you wont let the visitor to navigate away from the page without particular condition, say the document is not saved yet, you can block the navigation (even the closing of the browser window) with Javascript.
Here is the [...]
Mozilla Plugin Development
Posted by Sajith M.R in webworld on 19. Feb, 2008 | 8 Comments
Steps to create a mozilla plugin>
1) You need Mozilla Firefox Web Browser (Download from: http://www.mozilla.com/en-US/)
2) Initail steps for a Hello World program is here : http://developer.mozilla.org/en/docs/Building_an_Extension
The package is zip file saved with xpi ( pronounced as zippi ). And the Interfacing language is called XUL
You can edit and test your xul templating using [...]
