Recently one of my friends asked me to check his e-shop on the fact that upon entering the SSL page, the buyer has received popup with message “Do you want to display the nonsecure items?” that and probably because of this message some buyers simply closes the browser window and leave the store without buying anything.

I immediately realized that most likely this popup message refers to some sort of forgotten images that appealed directly to http path, and of course I agreed to help him. But after half an hour I realized that I was mistaken … all images loaded via SSL and nothing was pointed to http path directly. After several tests with fidler I realized that the problem is not so simple.

After several tests and few cups of coffee the problem was solved, and as luck would have it proved to be quite trivial thing …
When flash object added to page there several default parameters added by default like “pluginspage” or “codebase” with pointing to adobe site throw http that may be interpreted as internet explorer as a request to the HTTP page. After simple change this problem was solved.

So if you encounter a similar problem simple change will help to solve this problem. For example:

from: pluginspage = “http:/ / www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”

to: pluginspage = “/ / www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”

The mysterious event occurred on September 9 in the night sky: many photographers spotted a strange glow coming from the space transportation system, better known as the Space Shuttle.

Naturally there arose many questions. Where? Why? Accident?

But as always, the true is much more prosaic: a visible mark is nothing like dumping the dirty water (urine). Such a bright trace, was due to the large number (about 68 kg) of the substance. So all we have seen quite a common phenomenon, by NASA spokesman. When water getting out to space, it discards into a cloud of tiny crystals and subsequently under the influence of sunlight evaporates and dissipates in space.

Fancy facebook-like dynamic inputs with auto complete & pre added values. If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.

New version of FCBKcomplete can be found here

Download: Download FCBKcomplete

Demo: Demo FCBKcomplete

Use:

<script language="JavaScript">
$(document).ready(function() {
$.facebooklist('#elem', '#list', '#complete',{url:
'ajax-url',cache:1}, height, {userfilter:1,casesensetive:0});
});
</script>

* This source code was highlighted with Source Code Highlighter.

elem – input element id or object
list – preadded elements
complete – autocomplete div id or object
ajax – object with two parametrs a) url to fetch json object b) use cache
height – maximum number of element shown before scroll will apear
filter – object with two parametrs a)case sensitive b) show/hide filtered items
newel – show typed text like a element

Creditrs for CSS & HTML structure: Guillermo (http://devthought.com)

Updates:

– 1.09 IE crash fixed

– 1.08 some minor bug fixed

-1.07  case sensetive added
applied filter to non ajax items
filter algorithm changed
cache for ajax request added
up/down with auto scrolling
minor code fixes

– 1.06 auto heigth fix
event bind on main element for better user frendly experience
filter for items
up/down keys supported from now

– 1.05 bindEvents function fixed thanks to idgnarn

– Name changed to FCBKcomplete

– 1.04 IE7 <em> tag replace fixed

– 1.03 IE7 & IE6 crash fixed
IE7 css fixed

– 1.02 json parsing fixed
remove element fixed

– 1.01: some bugs fixed

In one of the projects I am faced with problem of the java scripts execution on different domains.
After advice from one of team leaders, the solution was found and it was a quite simple.
For example, we have A domain with frame that point to domain B which is to call javascript function in domain A.
If you simply call a window.parent.funcame you will get exception. So what can we do ?
It is very simple – in domain B we create frame to domain A and then we try to execute a function on domain A as window.parent.parent.fucname and how we can see function is executed succesufully.

So this script does this operation automatically without requiring knowledge of java script.

Credits: Nir Levy

Usage:

Domain A:

Main file:

<html>
<head><title>domain_a</title></head>
<body>
<script>
function showmelove(text)
{
alert(text);
}
</script>
... some content here ...
<iframe id="hpel" height="100" frameborder="0" width="100%" scrolling="0" title="" src="http://domain_b/iframe.html" style="height: 194px;"></iframe>
... some content here ...
</body>
</html>


* This source code was highlighted with Source Code Highlighter.

Exec file:

<html>
<body>
<script type="text/javascript" src="crossdomain_server.js"></script>
<script type="text/javascript">
crossdomain.server().init();
</script>
</body>
</html>

* This source code was highlighted with Source Code Highlighter.

Domain B:

<html>
<head>
<script src="crossdomain_client.js" type="text/javascript" ></script>
<script>
crossdomain.client("frame").init("http://www.domain_a/iframe.html");

function sendText() {
crossdomain.client("frame").callfunc("showmelove",{mesasge: "'hello world'"});
}
</script>
</head>
<body>
<div id="allBodyDiv">
some content goes here...
<input type="button" value="send" onclick="sendText()" />
</div>
</body>
</html>

* This source code was highlighted with Source Code Highlighter.

Download: CrossDomain

fcbkListSelection – fancy item selector (like facebook friends selector) with wide range of options.

If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.

HowTo:

1) HTML stracture:

<ul id="ulid">
<li>regular content <input type="hidden" value="value" /></li>
<li>preselected content <input type="hidden" value="value" checked="checked" /></li>
<li>regular content <input type="hidden" value="value" /></li>
</ul>

* This source code was highlighted with Source Code Highlighter.

2) Javascript:

<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
//id(ul id),width,height(element height),row(elements in row)
$.fcbkListSelection(id[ul id],width,height[element height],row[elements in row]);
});
</script>

* This source code was highlighted with Source Code Highlighter.

Changelog:
– 1.1: added preselected items
– 1.0: project started

Download: Download fcbkListSelection

Demo: Demo fcbkListSelection

Github: http://github.com/emposha/fcbkListSelection

Another Ie6 png fix that use Jquery selectors.  Just include Jquery 1.2.x and jqPngFix for automatic fix of all png images on page.

Performance test for 10 png images on page:

How to use:

<script language="JavaScript">
$(document).ready(function() {
  if ($.browser.msie && $.browser.version == '6.0') {
    jqPngFix();
  }
});
</script>
* This source code was highlighted with Source Code Highlighter.

Download script: jqPngFix.zip

WP-Cumulus allows you to display your site’s tags, categories or both using a Flash movie that rotates them in 3D. It works just like a regular tags cloud, but is more visually exciting. Clicking the tags can be a little hard (depending on your speed setting) but does take you to the appropriate page :).

From now WP-Cumulus support hebrew (russian support also included) 🙂

Demo: wpcumulushe

Download: link