Dúvida sobre o código postado por luciano 98

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama 01.02.15 8:47

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Membro
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Vários usuários, uns sim e outros não
Problema começou : Desde que tentei copiar o código
Endereço do fórum : https://ajuda.forumeiros.com/t44427-imagem-flutuante

Descrição do problema

<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="jQuery('#bidf').hide();return false">Fechar</a></div></div>



( ficaria MUITO agradecido se alguém pudesse me passar esse código com um settimeout de uns 2 segundos) Desde já grato.


Última edição por tonyokoyama em 04.02.15 4:49, editado 1 vez(es)
tonyokoyama

tonyokoyama
Novo Membro

Membro desde : 01/02/2015
Mensagens : 9
Pontos : 21

https://ajuda.forumeiros.com/t44427-imagem-flutuante

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por Sennior 01.02.15 8:54

Saudações,

Luciano98... É das antigas em amigo! Muito feliz
Bem, explique me o que o código faz e o que quer que ele faz, porque o senhor não explicou direito.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama 01.02.15 12:17

Olá,então.. Esse código cria uma div que fica no canto da tela acompanhando a barra de rolagem, só que eu gostaria muito que ele fecha se com um atraso,no caso se for colocar a função onmovemouse, ou mesmo onclick.Aproveitando o ensejo,preciso muito de uma pessoa que FAÇA alguns códigos que preciso e estou disposto a pagar pelo serviço.
Grato
tonyokoyama

tonyokoyama
Novo Membro

Membro desde : 01/02/2015
Mensagens : 9
Pontos : 21

https://ajuda.forumeiros.com/t44427-imagem-flutuante

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko 02.02.15 3:50

Boa noite!

Então, troque o seu código por esse:
Código:
<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="jQuery('#bidf').hide(2000);return false">Fechar</a></div></div>
Não deu para entender corretamente, a questão de que se trata. Se não for isso, poderia ser mais descritivo?
"Aproveitando o ensejo,preciso muito de uma pessoa que FAÇA alguns códigos que preciso e estou disposto a pagar pelo serviço.
Grato"
Aqui nós ajudamos voluntariamente e não e necessário pagar, se deseja um serviço pago, bem, terá de procurar pela web.

Abraços!
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama 04.02.15 4:01

EuficoLoko,Muito Obrigado pela ajuda,mas ainda não é o que eu estava querendo...
Esse código que você passou faz a Div fechar suavemente,gostaria que a Div na hora do clique permanece se por 2 segundos...ainda aberta e fecha se repentinamente
tonyokoyama

tonyokoyama
Novo Membro

Membro desde : 01/02/2015
Mensagens : 9
Pontos : 21

https://ajuda.forumeiros.com/t44427-imagem-flutuante

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko 04.02.15 4:06

Olá!

Troque por esse:
Código:
<style>#nomeDiv2{z-index:1;width:200px;height:200px}#nomeDiv2 a{padding:5px;border:1px solid #000;text-decoration:none;background:#000;color:#fff}#nomeDiv2 a:hover{background:#fff;color:#000}</style><div style=position:fixed;bottom:0px;right:0px;z-index:1 id=bidf><a href="/t69-"><img src="http://aux.iconpedia.net/uploads/1302741749974481030.png"></a><br><div id=nomeDiv2><a href="#" onclick="setTimeout(function(){jQuery('#bidf').hide();}, 2000);return false">Fechar</a></div></div>
Agrada-lhe? Alguma alteração na função?

Atenciosamente,
EuficoLoko.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama 04.02.15 4:33

PERFEITO!!!!!! era isso mesmo o que eu queria!!!! Você conseguiria fazer isso nesse outro código que eu tenho? se puder agradeço de verdade! Mt obrigado.

<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onmouseover="javascript:window.closebar()"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>
tonyokoyama

tonyokoyama
Novo Membro

Membro desde : 01/02/2015
Mensagens : 9
Pontos : 21

https://ajuda.forumeiros.com/t44427-imagem-flutuante

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko 04.02.15 4:41

Boa noite!

Segue o código:
Código:
<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onmouseover="setTimeout(function(){javascript:window.closebar()}, 2000);"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>
Notei que ele se fecha ao passar o mouse, se quiser ao clicar, troque por esse:
Código:
<!futuante>
<!-- BEGIN MOVE -->
<style type="text/css">
#topbar{
position:absolute;
border: 0px solid red;
padding: 1px;
background-color: #FFFFFF;
height: 300px;
width: 700px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var window_width = screen.width;
var startX = ((window_width - 1015) / 2) //set x offset of bar in pixels
var startY = 185 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1";
document.getElementById("topbar").style.visibility="hidden";
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar" style="width: 250; height: 250" align="RIGHT"> <a href="" target="_blank"><font color="#808080">.. </font></a><span onclick="setTimeout(function(){javascript:window.closebar()}, 2000);"><font face="Verdana"
size="1"><b><font color="#FF0000">Click p fechar</font></b></font></span>
<br />
<!-- OPEN MOVE-->
<img width="700px" height="300px" src="http://noticiasdoesporte.info/wp-content/uploads/2015/01/signbot.gif"/>
</div>
<!-- END MOVE --></!futuante>

Atenciosamente,
EuficoLoko.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por tonyokoyama 04.02.15 4:49

Valeu de verdade EuficoLoko.
Este Fórum subiu no meu conceito! Rápido e objetivo!
abraço
tonyokoyama

tonyokoyama
Novo Membro

Membro desde : 01/02/2015
Mensagens : 9
Pontos : 21

https://ajuda.forumeiros.com/t44427-imagem-flutuante

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre o código postado por luciano 98

Mensagem por EuficoLoko 04.02.15 4:50

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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