$('a.popup').live('click', function(){
newwindow=window.open($(this).attr('href'),'','height=200,width=150');
if (window.focus) {newwindow.focus()}
return false;
});
2009-12-16T00:12:50Z
210
19
false
clean way to open a popup window
2009-12-16T00:12:50Z
7
$('h1') // elementos h1
$('#meuID') // elementos com id "meuID"
$('.minhaClasse') // elementos definidos com a classe "minhaClasse"
$('[width]') // elementos que possuem o atributo width definido
$('[width=500]') // elementos que possuem o atributo width definido como 500
$('img[width=300]') // imagens que possuem largura = 300
$('img[src$=png]') // imagens com final png
$('a[href^=http://localhost]') // links que comecem com http://localhost
$('a[href$=pdf]') // links com final pdf
$('a[href*=www]') // links que contém www
$(':empty') // elementos vazio
$('div:empty') // elementos div vazios
$(':has(p)') // todos elementos que tenham um parágrafo
$('div:has(a)'); // elementos div que possuem link
$("p:contains('dinei')") // parágrafos que contém a palavra "dinei"
$("p:eq(0)") // seleciona o primeiro elemento p
2009-11-25T22:45:07Z
http://docs.jQuery.com/DOM/Traversing/Selectors
207
19
false
seletores do jquery
2009-11-25T22:45:07Z
7
<script type="text/javascript">
jQuery.networkDetection = function(url,interval){
var url = url;
var interval = interval;
online = false;
this.StartPolling = function(){
this.StopPolling();
this.timer = setInterval(poll, interval);
};
this.StopPolling = function(){
clearInterval(this.timer);
};
this.setPollInterval= function(i) {
interval = i;
};
this.getOnlineStatus = function(){
return online;
};
function poll() {
jQuery.ajax({
type: "POST",
url: url,
dataType: "text",
error: function(){
online = false;
jQuery(document).trigger('status.networkDetection',[false]);
},
success: function(){
online = true;
jQuery(document).trigger('status.networkDetection',[true]);
}
});
};
};
jQuery(document).ready(function(){
network = new jQuery.networkDetection("/poll", 5000);
network.StartPolling();
jQuery(document).bind("status.networkDetection", function(e, status){
// subscribers can be namespaced with multiple classes
subscribers = jQuery('.subscriber.networkDetection');
// publish notify.networkDetection to subscribers
subscribers.trigger("notify.networkDetection", [status])
/*
other logic based on network connectivity could go here
use google gears offline storage etc
maybe trigger some other events
*/
});
/*
Listen for notify.networkDetection events. This could equally be listening
directly to status.networkDetection events
*/
jQuery('#notifier').bind("notify.networkDetection",function(e, online){
// the following simply demonstrates
notifier = jQuery(this);
if(online){
if (!notifier.hasClass("online")){
notifier.hide();
jQuery(this).addClass("online").removeClass("offline").text("Você esta online");
}
}else{
if (!notifier.hasClass("offline")){
notifier.show();
jQuery(this).addClass("offline").removeClass("online").text("Sua conexão esta falhando");
}
};
});
});
</script>
<style type="text/css">
* {
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
}
#notifier{
border:1px solid #CCCCCC;
color:#333333;
margin-left:36%;
padding:20px;
position:absolute;
text-align:center;
width:300px;
}
#notifier.online{
color:#fff;
background:#3c3;
border-color:#3c3;
}
#notifier.offline{
color:#fff;
background:#f66;
border-color:#f66;
}
</style>
<body class="pagLogin">
<div id="notifier" style="display: none;" class="subscriber networkDetection online">ONLINE</div>
</body>
2009-09-11T03:41:29Z
Como detectar que seu browser estar offline ou online utilizando de jQuery?
Esse código foi montado e capturado na internet. Por tanto náo é meu.
Agora não sei de quem são os créditos.
Com ele temos como mostrar para o usuário que sua conexão esta offline.
203
19
false
Detectar se o browser estar offline ou online
2009-09-11T03:41:29Z
37
function copyToClipBoard(id) {
Copied = document.getElementById('id').innerText.createTextRange();
Copied.execCommand("Copy");
}
2009-08-22T15:59:21Z
201
19
false
copy to clipboard
2009-08-22T15:59:21Z
7
function popup(url) {
newWindow = window.open(url, 'name', 'height=400,width=335,scrollbars=yes');
if (window.focus) { newWindow.focus() }
return false;
}
// <a href="link.html" onclick="popup('link.html');">Link</a>
2009-08-22T15:40:47Z
http://www.quirksmode.org/js/popup.html
199
19
false
unobstrusive popup
2009-08-22T15:40:47Z
7
$(document).ready(function() {
$('dd').toggle();
$('dt').click(function() {$(this).next('dd').toggle('slideDown');});
});
2009-08-22T15:29:33Z
195
19
false
hide/show dl list with jquery
2009-08-22T15:29:33Z
7
/* IE6 - pseudo class :hover */
$(document).ready(function(){
if(jQuery.browser.msie && jQuery.browser.version<7){
$('[class*="bla"]').hover(
function () {
$(this).addClass('hover');
},
function () {
$(this).removeClass('hover');
}
);
}
});
2009-08-10T20:42:45Z
190
19
false
hover for ie 6
2009-08-10T20:42:45Z
7
(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
return this.each(function(i){
var ah = $(this).height();
var ph = $(this).parent().height();
var mh = (ph - ah) / 2;
$(this).css('margin-top', mh);
});
};
})(jQuery);
// $('#mydiv').vAlign();
2009-08-07T20:13:04Z
http://www.seodenver.com/simple-vertical-align-plugin-for-jquery/
189
19
false
vertical align plugin for jquery
2009-08-07T20:13:04Z
7
jQuery.fn.fadeSliderToggle = function(settings) {
settings = jQuery.extend({
speed:500,
easing : "swing"
}, settings)
caller = this
if($(caller).css("display") == "none"){
$(caller).animate({
opacity: 1,
height: 'toggle'
}, settings.speed, settings.easing);
}else{
$(caller).animate({
opacity: 0,
height: 'toggle'
}, settings.speed, settings.easing);
}
};
// use: $('#my_div').fadeSliderToggle();
2009-07-12T16:38:01Z
from: http://www.position-absolute.com/articles/jquery-fade-and-slide-toggle-plugin/
185
19
false
jquery fade and slide toggle plugin
2009-07-12T16:38:01Z
7
$(document).ready(function() { jQuery.fn.each( function(i) { console.log(i); }); });
2009-06-21T21:05:02Z
179
19
false
list all jquery function with firebug
2009-06-21T21:05:02Z
7