Archive for the ‘JQuery’ Category

There’s a conflict using both libraries, jQuery and Prototype on same page, because both use the same namespace of ‘$’. To fix it we need to know, that Prototype library doesn’t allow too much to change, but jQuery is such flexible, that even supports different namespacing.

Here’s example (one of many solutions):

download (zip as jpg, change extension to zip!!!)

<!DOCTYPE htmlPUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>jQuery and Prototype conflict – FIX</title>

<!– define Prototype as 1st –>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js”></script&gt;
<!– define jQuery as 2nd –>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script&gt;

<!– script space is default for Prototype, we must invoke jQuery script by: –>
<script type=”text/javascript”>
<!– invoke jQuery: –>
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(‘div#jQuery’).text(“jQuery script executed !!!”);
});

<!– Prototype (nothing to change, Prototype doesn’t support something similar as jQuery.noConflict(); –>
document.observe(“dom:loaded”, function() {
$(‘prototype’).update(‘Prototype script executed !!!’);
$(‘prototype’).innerHTML;
});
</script>
</head>

<body>
<div id=”jQuery”>jQuery script NOT executed</div>
<div id=”prototype”>Prototype script NOT executed</div>
</body>
</html>

Advertisements

I was searching couple of days for sending realtime pushing messages for my web app. I turned into this after crash of my cloud-realtime-messages system (cloud hosting with pricing). Here is very simple solution:

http://www.zeitoun.net/articles/comet_and_php/start

download file below and open it with 7zip (it’s archive)

comet-ajax

If you need to use the attribute placeholder in different versions of web browsers, such as IE 7-10, Firefox, Chrome, the problem is IE version lower than 10. This browser does not support attribute placeholder.

To achieve the effect that brings placeholder attribute, you can use jQuery script.

An example of placeholder without JQuery (IE> = 10, FF, Chrome)
http://jsfiddle.net/pybp6/12/
placeholder IE10 works
placeholder IE9 doesnt work

An example of the effect placeholder with JQuery (IE <10, FF, Chrome)
http://jsfiddle.net/pybp6/15/
placeholder works

 

 

 

 

based onĀ http://www.jacklmoore.com/notes/form-placeholder-text/