• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

xploit

mudar valores

6 mensagens neste tópico

Boas pessoal tou com uma duvida, eu gostava de mudar estes valores num ONMOUSEOVER de uma div, atraves de uma funcao em javascript, so k n sei como fazer...

estes sao os valores que quero mudar



$.fn.cycle.defaults.speed   = 900;
$.fn.cycle.defaults.timeout = 6000;


$(function() {
    $('#demos pre code').each(function() {
        eval($(this).text());
    });
});

agora eu tenho uma div criada e na accao ONMOUSEOVER, eu cria que ele pusesse os valores $.fn.cycle.defaults.speed e $.fn.cycle.defaults.timeout a 0.. depois com ONMOUSEOUT, voltava aos valores normais que neste caso sao:

$.fn.cycle.defaults.speed = 900;

$.fn.cycle.defaults.timeout = 6000;

como posso fazer isto? Cumprimentos

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

crias uma função para associar ao evento onMouseOver e nessa função vais buscar os elementos html com, por exemplo, getElementById("id").

PS: tens que ter um id único em cada elemento

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

obrigado vitor pela ajuda, mas eu encontrei um script mesmo perfeito para o que queria , so que o unico problema dele e que so funciona bem no FF no IE nao faz o efeito fade o que pudera ser?

script.js

var tooltip=function(){

   var id = 'tt';

   var top = 0;

   var left = 0;

   var maxw = 530;

   var speed = 5;

   var timer = 20;

   var endalpha = 95;

   var alpha = 0;

   var tt,t,c,b,h;

   var ie = document.all ? true : false;

   return{

       show:function(v,w){

           if(tt == null){

               tt = document.createElement('div');

               tt.setAttribute('id',id);

               t = document.createElement('div');



               c = document.createElement('div');

               b = document.createElement('div');

               tt.appendChild(t);

               tt.appendChild(c);

               tt.appendChild(b);

               document.body.appendChild(tt);

               tt.style.opacity = 0;

               tt.style.filter = 'alpha(opacity=0)';

           }

           tt.style.display = 'block';

           c.innerHTML = v;

           tt.style.width = w ? w + 'px' : 'auto';

           if(!w && ie){

               t.style.display = 'none';

               b.style.display = 'none';

               tt.style.width = tt.offsetWidth;

               t.style.display = 'block';

               b.style.display = 'block';

           }

           if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}

           h = parseInt(tt.offsetHeight) + top;

           clearInterval(tt.timer);

           tt.timer = setInterval(function(){tooltip.fade(1)},timer);

       },



       fade:function(d){

           var a = alpha;

           if((a != endalpha && d == 1) || (a != 0 && d == -1)){

               var i = speed;

               if(endalpha - a < speed && d == 1){

                   i = endalpha - a;

               }else if(alpha < speed && d == -1){

                   i = a;

               }

               alpha = a + (i * d);

               tt.style.opacity = alpha * .01;

               tt.style.filter = 'alpha(opacity=' + alpha + ')';

           }else{

               clearInterval(tt.timer);

               if(d == -1){tt.style.display = 'none'}

           }

       },

       hide:function(){

           clearInterval(tt.timer);

           tt.timer = setInterval(function(){tooltip.fade(-1)},timer);

       }

   };

}();

fade.html

<head>
<script type="text/javascript"  language="javascript" src="script.js" ></script>
</head>
<div class="fade" onmouseout="tooltip.hide();" onmouseover="tooltip.show('<div class=\'text_box\'>Fade no ecran..</div>');"></div>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tu queres alterar o que estar dentro de um <div> utilizando o javascript??

<script type="text/javascript">

// <![CDATA[

function funcaoteste(){

              document.getElementById('altera').innerHTML="teste1";

}

// ]]>

</script>

<div id="altera">valor a alterar</div>

ver se isto te ajuda, porque nao entendi muito vem o que desejas alterar.

cumps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora