Pessoal,
Como faço para adicionar, na minha folha de estilos.css, algum script onde, toda vez que passar o mouse no link ( A:hover ), além de mudar a cor do texto mude a mensagem na barra de status do navegador?
Fazer isso em Javascript eu sei, quero saber como faz em CSS?
Se for impossível, como posso na folha de estilos chamar uma função javascript que está na pagina HTML?
Valeu!
Folha De Estilos A:hover
Started By Alexx Ares, 14/05/2004, 02:18
6 replies to this topic
#1
Alexx Ares
-
- Usuários
-
- 921 posts
Doutor
- Sexo:Masculino
- Localidade:Santos - SP
Posted 14/05/2004, 02:18
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.
#2
Lengrat
-
- Usuários
-
- 638 posts
Mestre
- Sexo:Não informado
Posted 14/05/2004, 09:40
CSS Você não Manipula o DOM. Isto você faz somente com Javascript.
CSS você só manipula a aparências de elementos HTML. Sendo assim, você pode definir as propriedades para o A:Hover, porém não fazendo aparedcer mensagem na barra de status. Uma coisa é um Arquivo *.css e outra coisa é arquivo *.js
Vôce pode fazer isso:
- Voce cria uma função na página em que ao ser chamada, apareça a mensagem na barra de status.
- No evento mouseover do link, você chama a função em Jscript
CSS você só manipula a aparências de elementos HTML. Sendo assim, você pode definir as propriedades para o A:Hover, porém não fazendo aparedcer mensagem na barra de status. Uma coisa é um Arquivo *.css e outra coisa é arquivo *.js
Vôce pode fazer isso:
- Voce cria uma função na página em que ao ser chamada, apareça a mensagem na barra de status.
- No evento mouseover do link, você chama a função em Jscript
#3
Alexx Ares
-
- Usuários
-
- 921 posts
Doutor
- Sexo:Masculino
- Localidade:Santos - SP
Posted 14/05/2004, 11:08
E como eu faço isso?
Pois eu tenho um site já pronto com algumas centenas de links.
Todos são controlados por uma única folha de estilos (CSS).
Como vou levar dias para colocar "onMouseOver:blablabla" em cada link, queria justamente fazer isso com uma única instrução (por isso pensei no CSS que controla todos...).
Aí pensei nisso, colocar uma instrução no CSS que chame um javascript (como por exemplo aquele código de adicionar à página inicial do browser, que você define um estilo para body no CSS e depois usa na funçaõ javascript....
Só não sei como fazer!!
Valeu!!
Pois eu tenho um site já pronto com algumas centenas de links.
Todos são controlados por uma única folha de estilos (CSS).
Como vou levar dias para colocar "onMouseOver:blablabla" em cada link, queria justamente fazer isso com uma única instrução (por isso pensei no CSS que controla todos...).
Aí pensei nisso, colocar uma instrução no CSS que chame um javascript (como por exemplo aquele código de adicionar à página inicial do browser, que você define um estilo para body no CSS e depois usa na funçaõ javascript....
Só não sei como fazer!!
Valeu!!
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.
#4
jeanpaulo5
-
- Usuários
-
- 189 posts
....
- Sexo:Não informado
- Localidade:Rj - Rio de Janeiro
Posted 16/05/2004, 19:59
Eu acho que é impossível fazer uma função que controle todos os links sem precisar usar o mouseover em cada link...
Infelizmente, vc terá que colocar o onMouseover em cada link...
Infelizmente, vc terá que colocar o onMouseover em cada link...
#5
FallenHawk
-
- Usuários
-
- 32 posts
Turista
- Sexo:Não informado
Posted 17/05/2004, 15:57
Depende o texto que você quer colocar na barra de status e como o seu documento foi estruturado é possível fazer uma função JavaScript executada no onload que faça isso (sem ser necessário onMouseOver="").
Mas tudo depende do texto da barra de status que você quer.
Se você quiser por exemplo que a barra de status fique igual ao nome do link (por exemplo, fazer com que o <a href=#>Downloads</a> fique com downloads na barra de status é possível) ou quser que barra de status fique em branco é possível (embora isso mate a usabilidade do site), mas se você quiser pra cada link um texto diferente vai ter que fazer na mão.
Com CSS como já falaram é impossível.
Mas tudo depende do texto da barra de status que você quer.
Se você quiser por exemplo que a barra de status fique igual ao nome do link (por exemplo, fazer com que o <a href=#>Downloads</a> fique com downloads na barra de status é possível) ou quser que barra de status fique em branco é possível (embora isso mate a usabilidade do site), mas se você quiser pra cada link um texto diferente vai ter que fazer na mão.
Com CSS como já falaram é impossível.
// ASAP / Aliança dos Profissionais de Análise de Segurança
// FallenHawk
// FallenHawk
#6
Alexx Ares
-
- Usuários
-
- 921 posts
Doutor
- Sexo:Masculino
- Localidade:Santos - SP
Posted 18/05/2004, 00:40
Não não, é exatamente isso...!
Uma mensagem fixa para todos os links!
Mas em javascript não consegui fazer, por isso pensei no CSS.
Tipo, a estrutura é assim:
Páginas em PHP ( todas ) com uma página "head.php" que contem tudo dentro da tag <head> e é adicionada em todas as páginas ( ou seja, quando modifico uma, todas se alteram, pois é só alterar a página head.php )
Nessa página, coloquei uma função javascript, que é window.defaultStatus='xxxxx'.
Com isso, sempre que uma página é aberta, o status vai para "xxxxx".
O problema é que, quando passa o mouse no link da pra ver o link no status, depois volta para "xxxxx" ( que é o dafaultStatus ).
O que não consigo é justamente colocar uma instrução onde o status fique sempre com a mesma mensagem, independente do que o usuário faça com o mouse....
Pensei então no CSS, para chamar alguma função javascript, pois CSS é a unica coisa que eu consigo manipular todos os links de uma vez ( apesar de ser só as cores ).
Uma fnção javascript que não quero utilizar é uma que fique "atualizando" o status dezenas de vezes por segundo, dando a impressão de que nunca muda... mas isso deixa alguns computadores lentos e já vi até travar computado mais fraco, o que não quero que aconteça.
Se tiverem uma luz, agradeço.
Obrigado!
Uma mensagem fixa para todos os links!
Mas em javascript não consegui fazer, por isso pensei no CSS.
Tipo, a estrutura é assim:
Páginas em PHP ( todas ) com uma página "head.php" que contem tudo dentro da tag <head> e é adicionada em todas as páginas ( ou seja, quando modifico uma, todas se alteram, pois é só alterar a página head.php )
Nessa página, coloquei uma função javascript, que é window.defaultStatus='xxxxx'.
Com isso, sempre que uma página é aberta, o status vai para "xxxxx".
O problema é que, quando passa o mouse no link da pra ver o link no status, depois volta para "xxxxx" ( que é o dafaultStatus ).
O que não consigo é justamente colocar uma instrução onde o status fique sempre com a mesma mensagem, independente do que o usuário faça com o mouse....
Pensei então no CSS, para chamar alguma função javascript, pois CSS é a unica coisa que eu consigo manipular todos os links de uma vez ( apesar de ser só as cores ).
Uma fnção javascript que não quero utilizar é uma que fique "atualizando" o status dezenas de vezes por segundo, dando a impressão de que nunca muda... mas isso deixa alguns computadores lentos e já vi até travar computado mais fraco, o que não quero que aconteça.
Se tiverem uma luz, agradeço.
Obrigado!
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.
#7
thb_matrix
-
- Usuários
-
- 4 posts
Novato no fórum
- Sexo:Não informado
Posted 29/09/2004, 23:06
<a href="tralalalala" onMouseOver="java script:funcaoParaEsconderStatus()">
Se nao me engano é isso
Se nao me engano é isso
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
