Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

iHeloaD iHeloaD  • Dom 21 Jul 2013 - 22:10

[Duvida] Aviso ao clicar em links Empty [Duvida] Aviso ao clicar em links Dom 21 Jul 2013 - 22:10

Qual é minha questão:
Saudações,

Eu li este tutorial [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] e resultou no final, o problema foi que a caixa onde fica o texto com o aviso ficou com um fundo transparente e distante do link que foi clicado, teria como consertar o código por favor?

Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=overflow:hidden;background:rgba(0,0,0,0.3);display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="padding: 10px !important; text-align: left !important; width: auto !important; position: absolute !important; top: 50% !important; left: 50% !important; margin-left: -45% !important; margin-top: -54px !important; display: block !important; visibility: visible !important; z-index: 9999 !important; opacity: 1; border: 1px solid #ddd; border-radius: 8px !important; box-shadow: -1px 1px 4px #000;text-align: center !important;">Este clique te levará para o link <div style=display:inline!important;text-decoration:italic!important id=linkcld></div><br>Deseja continuar?<br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Daemon Daemon  • Dom 21 Jul 2013 - 22:50

[Duvida] Aviso ao clicar em links Empty Re: [Duvida] Aviso ao clicar em links Dom 21 Jul 2013 - 22:50

Troque por este e veja se resulta:
Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=overflow:hidden;background:rgba(0,0,0,0.3);display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="background: white; padding: 10px !important; text-align: left !important; width: auto !important; position: absolute !important; top: 30% !important; left: 50% !important; margin-left: -45% !important; margin-top: -54px !important; display: block !important; visibility: visible !important; z-index: 9999 !important; opacity: 1; border: 1px solid #ddd; border-radius: 8px !important; box-shadow: -1px 1px 4px #000;text-align: center !important;">Este clique te levará para o link <div style=display:inline!important;text-decoration:italic!important id=linkcld></div><br>Deseja continuar?<br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});
Até mais!

iHeloaD iHeloaD  • Seg 22 Jul 2013 - 17:44

Daemon Daemon  • Seg 22 Jul 2013 - 18:46

[Duvida] Aviso ao clicar em links Empty Re: [Duvida] Aviso ao clicar em links Seg 22 Jul 2013 - 18:46

Troque por:
Código:
jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=overflow:hidden;background:rgba(0,0,0,0.3);display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="background: white; padding: 10px !important; text-align: left !important; width: auto !important; position: absolute !important; top: 30% !important; left: 50% !important; margin-left: -45% !important; margin-top: -54px !important; display: block !important; visibility: visible !important; z-index: 9999 !important; opacity: 1; border: 1px solid #ddd; border-radius: 8px !important; box-shadow: -1px 1px 4px #000;text-align: center !important;width: 180px !important;">Este clique te levará para o link <div style=display:inline!important;text-decoration:italic!important id=linkcld></div><br>Deseja continuar?<br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});
Até mais!

iHeloaD iHeloaD  • Seg 22 Jul 2013 - 18:58

[Duvida] Aviso ao clicar em links Empty Re: [Duvida] Aviso ao clicar em links Seg 22 Jul 2013 - 18:58

Desculpe-me eu errei, este 1° código que você me passou está bom:

Código:
[color=#5a5a5a][font=monospace]jQuery(document).ready(function(){jQuery('div:eq(0)').before('<div style=overflow:hidden;background:rgba(0,0,0,0.3);display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:2!important id=janelacurl><div class=panel style="background: white; padding: 10px !important; text-align: left !important; width: auto !important; position: absolute !important; top: 30% !important; left: 50% !important; margin-left: -45% !important; margin-top: -54px !important; display: block !important; visibility: visible !important; z-index: 9999 !important; opacity: 1; border: 1px solid #ddd; border-radius: 8px !important; box-shadow: -1px 1px 4px #000;text-align: center !important;">Este clique te levará para o link <div style=display:inline!important;text-decoration:italic!important id=linkcld></div><br>Deseja continuar?<br><style>#bcango{background-color:whiteSmoke;background-image:-webkit-linear-gradient(top,rgb(245,245,245),rgb(241,241,241));border:1px solid rgba(0,0,0,0.0976563);border-radius:2px;color:#444;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:27px;margin:10px 0px 0px 0px;outline:#444 none 0px;padding:0px 8px 0px 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px;-webkit-user-select:none}</style><div id=bcango class=bcan>Cancelar</div> <div id=bcango class=bgo>Continuar</div></div></div>');if(jQuery('table.bodylinewidth').length){o='.postbody div:first-child a,.signature_div a'}else{o='.post-entry div a,.signature_div a,.sig-content a,.post .content div a'};jQuery(o).mousedown(function(){if(jQuery(this).attr('href').indexOf('http://')!=-1){jQuery('#janelacurl').show();jQuery('#linkcld').html(jQuery(this).attr('href'));return false}});jQuery('#bcango.bcan').click(function(){jQuery(this).closest('#janelacurl').hide()});jQuery('#bcango.bgo').click(function(){window.open(jQuery('#linkcld').html());jQuery(this).closest('#janelacurl').hide()})});


Eu gostaria que mudasse o local de onde a caixinha aparecesse para em baixo do link que clicarmos.

iHeloaD iHeloaD  • Ter 23 Jul 2013 - 23:31

iHeloaD iHeloaD  • Qui 25 Jul 2013 - 10:06

Conteúdo patrocinado  • 

[Duvida] Aviso ao clicar em links Empty Re: [Duvida] Aviso ao clicar em links

Permissões neste sub-fórum
Não podes responder a tópicos