Category: Demo

Hide Firebug ajax calls

Finally i got some time to post a new post. I have been thinking how can I ajax calls from being displayed in firebug console.

I can sound foolish being a developer I never read about firebug api, used firebug addon for best of my development practices.

In the api there is an api function for firebug,

 

 

 

1
2
3
4
5
6
7
8
// detect if firebug is open


if (window.console || window.console.firebug) {
console.clear(); // clear the console

}

You can use this after every ajax call example.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
// create a function


function clearConsole()

{

if (window.console || window.console.firebug) {
console.clear(); // clear the console

}

}

jQuery.ajax({
type: "GET",// can be GET OR POST

url: urlx,
cache: false,
error: function()
{
alert('error try again!!'); // show error or whatever

clearConsole();// call the function

},
success: function(html)
{
clearConsole();
//--- you code----

}
}
});

 

as you can see the function has been called on error as well as on success, since you would need to hide the call even when there is an error.
Creating a function would make it easy for you to comments the things at the time of development.
Try At Js Fiddle

jQuery-Ajax:Category & Product in sliding panels

Hello everyone. Its been a long time i haven’t poted. I was busy with my career and finally opened my own firm named SparkIgniter. Its going great till now. This blog will always continue to run.

Ok so here is a small code i created for a friend of mine who is a java developer.

Scenario: He wanted the panels to from left to right. On right it had main categories, then the sub-categories and on most right the products.

When we click on the category another panel slides down on the right with the matching sub categories. As we click on the sub-category another panel drops down with the final products.

Continue reading

Dynamic Thumbnail on the fly.

Hello there people, Its been a long time I have not posted anything.

Did you ever thought of why to create thumbnail and saving them to server, or even you databases. keeping you mind throuh the complete script that uploads and then generates a thumbnail, Then you save the path to database.. aaaah… Well i was tired. after searching internet i got a script.. Thank god.

Ok here is the script that i have been using for a while now. The best part is, that it created an image in buffer only. I mean it does not save an image to a folder. its just resizes your image temporarily where as you actual image remains same.

Continue reading

Lightbox To Ajax Images

Hey all, This tutorial is for the problem that occurs, when lightbox doesn’t work with images called with ajax.

The problem usually occurs when you are using many javascript frameworks together. Since i faced one, so felt it to share with you all.

The tutorial is simple and easy to implement. The trick is to load lighbox.js with jQuery when you want it. Continue reading

Magic of Jquery and PHP

Oh, Hello again people. This is another post that shows some magic of Jquery & php.
This is a demo i create for a client, well it wasn’t much liked by him but my friends did. well i loved it too. So, i thought of sharing it with you all.

I created this for fun. Well I have tested it on firefox, chrome and opera. Continue reading

Sliding Content

Well i don’t know about you but i like Sliding menus. Well here is a code for similar sliding menus.

The menus are smooth and easy to navigate. Though sometimes you might need to scroll page.

They are good where the content to show in each tab is little.

The tabs are easy to customize.

:)
 
 
 
 
 

Continue reading