Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vládia Queiroz

código para mouse

Por , em Javascript

Recommended Posts

Vládia Queiroz    0

Vládia Queiroz
Postado

oi pessoal,

 

eu não sou da área de tecnologia, entendo um pouco de html, somente.

peguei o código abaixo no Super Tráfego para colocar no meu blog, mas não estou acertando onde colocar.

já tentei dois caminhos: colocar como gadget e colocar no html do blog. mas como gadget a página ficou com erro e o efeito não apareceu e no html geral do blog nem salvou, também acusou erro. o que eu usei do código foi o que está entre o <começa aqui> e o <termina aqui>

meu blog é do blogspot

o código deve gerar as coordenadas do mouse na tela e para onde ele vai as coordenadas acompanham.

gostaria que verificassem se está correto e que por favor, indicassem onde extamente devo colocar.

 

obrigada,

 

Vládia Queiroz

<html>

<body>

<!-começa aqui->
<head>
<style><!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:black; background-color:#696969; z-index:100; font-size:1px; } --></style>
</head>
<body>
<div id=leftright style="width:expression(document.body.clientWidth-2)"></div><div id=topdown style="height:expression(document.body.clientHeight-2)"></div><script language="JavaScript1.2">
<!--

if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}
function followmouse2(e){
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
window.onload=regenerate2
//-->
</script>
</body>
<!-termina aqui->

</html>

poxa, será que não tem ninguém aqui que possa me ajudar

não consegui até agora.

fizeram umas mudanças pra mim no código, coloquei antes do </head>, o editor aceitou, mas não funcionou.

quando peguei o código eu visualizei o mesmo funcionando perfeitamente, copiei o código da própria página, mas não consigo fazê-lo funcionar no meu blog. porque será?

 

aguardo

 

Vládia

 

desculpa a insistência, mas é que preciso de ajuda pra esse post.

alguém pode dar uma olhada no código pra mim e ver o que pode estar errado?

 

aguardo e obrigada

 

desculpa a insistência, mas é que preciso de ajuda pra esse post.

alguém pode dar uma olhada no código pra mim e ver o que pode estar errado?

 

aguardo e obrigada

 

mais uma informação: testei o código no PHP Editor, e funcionou normalmente, mas no site dá um erro no XML, algo na ID. mas não sei o que é. será que alguém pode me ajudar?

 

oi pessoal,

 

tô aguardando alguém que saiba qual o problema desse código.

 

obrigada

 

oi pessoal,

 

estou insistindo mais uma vez nesse tópico pra ver se aparece alguém que possa me ajudar.

 

aguardo,

 

continuo aqui aguardando uma alma caridosa para me ajudar...

 

Vládia

 

olha só, fiz novo teste com o código:

 

salvei com extensão html e abriu normalmente no IE.

mas quando salvo no blog dá um erro na div id, pode ser um erro de escrita da div, não sei, como se algo não estivesse fechado corretamente.

 

será que alguém pode verificar isso pra mim?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tenta de uma forma diferente..

 

 

pega todo o script, coloca num arquivo externo

script.js

 

ai você chama esse arquivo no HTML:

<script type="text/javascript" src="script.js"></script>
assim, acredito que não dará erro no interpretador do teu blog

 

ainda assim, esse script que postou, não funciona nem no FF nem no Chrome... sugiro mesmo fortamente, refazer do inicio..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vládia Queiroz    0

Vládia Queiroz
Postado

não fui eu que fiz o script, não saberia fazê-lo, peguei pronto. mas realmente não testei em outros navegadores. tem idéia de como torná-lo compatível?

diga uma coisa, quando uso um código como esse que sugere eu salvo o arquivo externo tipo no 4shared? no código eu tenho que colocar o link de onde o arquivo está salvo? como ele vai buscar o arquivo?

 

aguardo,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

diga uma coisa, quando uso um código como esse que sugere eu salvo o arquivo externo tipo no 4shared?

não. Eu digo diretamente no FTP da hospedagem

 

no código eu tenho que colocar o link de onde o arquivo está salvo? como ele vai buscar o arquivo?

 

através da tag script, o atributo src indica o caminho do arquivo a ser 'buscado'.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vládia Queiroz    0

Vládia Queiroz
Postado

William,

 

No caso, eu quero usar esse código num espaço criado no blogspot. como uso o ftp? nunca fiz isso.

 

aguardo,

 

eu te perguntei sobre o ftp, mas fui pesquisar também. então, desde maio deste ano que o blogger não oferece mais serviços de ftp para o usuário. neste caso, tem alguma outra saída para o uso do código?

 

outra coisa, as divs id que constam no início do código estão escritas corretamente? pois são elas que sempre dão erro no blogspot

 

aguardo,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não, estão erradas, o correto seria assim:

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script type="text/javascript">
fora que esse expression é um código proprietário da Microsoft, ou seja, só vai funcionar nos IEs, e nem vai validar..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vládia Queiroz    0

Vládia Queiroz
Postado

não, estão erradas, o correto seria assim:

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script type="text/javascript">
fora que esse expression é um código proprietário da Microsoft, ou seja, só vai funcionar nos IEs, e nem vai validar..

 

e existe algum outro código que possa usar e que permita maior compatibilidade?

 

 

aguardo,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

width: 50%;

agora pro height, você vai ter um maior trabalho.. offsetHeight pode te ajudar

http://www.java2s.com/Code/JavaScriptReference/Javascript-Properties/offsetHeight.htm

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito